@instructure/ui-side-nav-bar 8.49.1-snapshot-7 → 8.49.1-snapshot-9

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 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
- ## [8.49.1-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.49.0...v8.49.1-snapshot-7) (2023-12-05)
6
+ ## [8.49.1-snapshot-9](https://github.com/instructure/instructure-ui/compare/v8.49.0...v8.49.1-snapshot-9) (2023-12-05)
7
7
 
8
8
 
9
9
  ### Bug Fixes
@@ -11,6 +11,11 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
  * **ui-side-nav-bar:** fix scrollbar appearing in closed state ([e84775f](https://github.com/instructure/instructure-ui/commit/e84775f68d99aa301517b1158f43279eef38866e))
12
12
 
13
13
 
14
+ ### Features
15
+
16
+ * **ui-avatar:** add showBorder prop to Avatar ([693ea76](https://github.com/instructure/instructure-ui/commit/693ea767282824272360fbdbcea57ad5152fbd0a))
17
+
18
+
14
19
 
15
20
 
16
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-side-nav-bar",
3
- "version": "8.49.1-snapshot-7",
3
+ "version": "8.49.1-snapshot-9",
4
4
  "description": "Main and application level navigational components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,32 +23,32 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.49.1-snapshot-7",
27
- "@instructure/ui-color-utils": "8.49.1-snapshot-7",
28
- "@instructure/ui-test-locator": "8.49.1-snapshot-7",
29
- "@instructure/ui-test-utils": "8.49.1-snapshot-7",
30
- "@instructure/ui-themes": "8.49.1-snapshot-7"
26
+ "@instructure/ui-babel-preset": "8.49.1-snapshot-9",
27
+ "@instructure/ui-color-utils": "8.49.1-snapshot-9",
28
+ "@instructure/ui-test-locator": "8.49.1-snapshot-9",
29
+ "@instructure/ui-test-utils": "8.49.1-snapshot-9",
30
+ "@instructure/ui-themes": "8.49.1-snapshot-9"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.23.2",
34
- "@instructure/console": "8.49.1-snapshot-7",
35
- "@instructure/debounce": "8.49.1-snapshot-7",
36
- "@instructure/emotion": "8.49.1-snapshot-7",
37
- "@instructure/shared-types": "8.49.1-snapshot-7",
38
- "@instructure/ui-a11y-content": "8.49.1-snapshot-7",
39
- "@instructure/ui-a11y-utils": "8.49.1-snapshot-7",
40
- "@instructure/ui-badge": "8.49.1-snapshot-7",
41
- "@instructure/ui-dom-utils": "8.49.1-snapshot-7",
42
- "@instructure/ui-focusable": "8.49.1-snapshot-7",
43
- "@instructure/ui-icons": "8.49.1-snapshot-7",
44
- "@instructure/ui-menu": "8.49.1-snapshot-7",
45
- "@instructure/ui-prop-types": "8.49.1-snapshot-7",
46
- "@instructure/ui-react-utils": "8.49.1-snapshot-7",
47
- "@instructure/ui-testable": "8.49.1-snapshot-7",
48
- "@instructure/ui-tooltip": "8.49.1-snapshot-7",
49
- "@instructure/ui-truncate-list": "8.49.1-snapshot-7",
50
- "@instructure/ui-utils": "8.49.1-snapshot-7",
51
- "@instructure/ui-view": "8.49.1-snapshot-7",
34
+ "@instructure/console": "8.49.1-snapshot-9",
35
+ "@instructure/debounce": "8.49.1-snapshot-9",
36
+ "@instructure/emotion": "8.49.1-snapshot-9",
37
+ "@instructure/shared-types": "8.49.1-snapshot-9",
38
+ "@instructure/ui-a11y-content": "8.49.1-snapshot-9",
39
+ "@instructure/ui-a11y-utils": "8.49.1-snapshot-9",
40
+ "@instructure/ui-badge": "8.49.1-snapshot-9",
41
+ "@instructure/ui-dom-utils": "8.49.1-snapshot-9",
42
+ "@instructure/ui-focusable": "8.49.1-snapshot-9",
43
+ "@instructure/ui-icons": "8.49.1-snapshot-9",
44
+ "@instructure/ui-menu": "8.49.1-snapshot-9",
45
+ "@instructure/ui-prop-types": "8.49.1-snapshot-9",
46
+ "@instructure/ui-react-utils": "8.49.1-snapshot-9",
47
+ "@instructure/ui-testable": "8.49.1-snapshot-9",
48
+ "@instructure/ui-tooltip": "8.49.1-snapshot-9",
49
+ "@instructure/ui-truncate-list": "8.49.1-snapshot-9",
50
+ "@instructure/ui-utils": "8.49.1-snapshot-9",
51
+ "@instructure/ui-view": "8.49.1-snapshot-9",
52
52
  "prop-types": "^15.8.1"
53
53
  },
54
54
  "peerDependencies": {
@@ -28,7 +28,7 @@ example: true
28
28
  }}
29
29
  />
30
30
  <SideNavBar.Item
31
- icon={<Avatar name="Ziggy Marley" size="x-small"/>}
31
+ icon={<Avatar name="Ziggy Marley" size="x-small" src={avatarSquare} showBorder="always"/>}
32
32
  label="Account"
33
33
  onClick={() => { this.loadSubNav('account') }}
34
34
  />
@@ -66,6 +66,7 @@ guidelines: true
66
66
  <Figure recommendation="yes" title="Do">
67
67
  <Figure.Item>Use for top-level SideNavBar</Figure.Item>
68
68
  <Figure.Item>Remember that SideNavBar can be themed by the institution</Figure.Item>
69
+ <Figure.Item>When using an <Link href="/#Avatar">Avatar</Link> in the SideNavBar it should have the <code>showBorder="always"</code> prop</Figure.Item>
69
70
  </Figure>
70
71
  <Figure recommendation="no" title="Don't">
71
72
  <Figure.Item>Add LTI links to the main area</Figure.Item>