@instructure/ui-avatar 8.50.1-snapshot-2 → 8.50.1-snapshot-13

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.50.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-2) (2023-12-06)
+## [8.50.1-snapshot-13](https://github.com/instructure/instructure-ui/compare/v8.50.0...v8.50.1-snapshot-13) (2023-12-07)
 
 **Note:** Version bump only for package @instructure/ui-avatar
 

package/README.md

@@ -26,7 +26,7 @@ npm install @instructure/ui-avatar
 
 ```jsx
 ---
-example: false
+type: example
 ---
 import React from 'react'
 import { Avatar } from '@instructure/ui-avatar'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-avatar",
-  "version": "8.50.1-snapshot-2",
+  "version": "8.50.1-snapshot-13",
   "description": "An image or letters that represents a user.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,22 +24,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.23.2",
-    "@instructure/console": "8.50.1-snapshot-2",
-    "@instructure/emotion": "8.50.1-snapshot-2",
-    "@instructure/shared-types": "8.50.1-snapshot-2",
-    "@instructure/ui-icons": "8.50.1-snapshot-2",
-    "@instructure/ui-react-utils": "8.50.1-snapshot-2",
-    "@instructure/ui-testable": "8.50.1-snapshot-2",
-    "@instructure/ui-view": "8.50.1-snapshot-2",
+    "@instructure/console": "8.50.1-snapshot-13",
+    "@instructure/emotion": "8.50.1-snapshot-13",
+    "@instructure/shared-types": "8.50.1-snapshot-13",
+    "@instructure/ui-icons": "8.50.1-snapshot-13",
+    "@instructure/ui-react-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-testable": "8.50.1-snapshot-13",
+    "@instructure/ui-view": "8.50.1-snapshot-13",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "8.50.1-snapshot-2",
-    "@instructure/ui-babel-preset": "8.50.1-snapshot-2",
-    "@instructure/ui-color-utils": "8.50.1-snapshot-2",
-    "@instructure/ui-test-locator": "8.50.1-snapshot-2",
-    "@instructure/ui-test-utils": "8.50.1-snapshot-2",
-    "@instructure/ui-themes": "8.50.1-snapshot-2",
+    "@instructure/ui-axe-check": "8.50.1-snapshot-13",
+    "@instructure/ui-babel-preset": "8.50.1-snapshot-13",
+    "@instructure/ui-color-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-test-locator": "8.50.1-snapshot-13",
+    "@instructure/ui-test-utils": "8.50.1-snapshot-13",
+    "@instructure/ui-themes": "8.50.1-snapshot-13",
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.0.0"
   },

package/src/Avatar/README.md

@@ -10,7 +10,8 @@ The avatar can be `circle` _(default)_ or `rectangle`. Use the `margin` prop to
 
 ```js
 ---
-example: true
+type: example
+readonly: true
 ---
 <div>
   <Avatar name="Sarah Robinson" src={avatarSquare} margin="0 small 0 0" />
@@ -29,7 +30,7 @@ of its container.
 
 ```js
 ---
-example: true
+type: example
 ---
 <div>
   <View display="block" padding="small medium">
@@ -68,7 +69,7 @@ The color of the initials and icons can be set with the `color` prop, and it all
 
 ```js
 ---
-example: true
+type: example
 ---
 <div>
   <View display="block" padding="small medium">
@@ -98,7 +99,7 @@ Inverted Avatars have **no border**.
 
 ```js
 ---
-example: true
+type: example
 ---
 <div>
   <View display="block" padding="small medium" background="primary">
@@ -126,7 +127,7 @@ In case you need more control over the color, feel free to use the `themeOverrid
 
 ```js
 ---
-example: true
+type: example
 ---
 <div>
   <Avatar name="Isaac Asimov" renderIcon={<IconGroupLine />} themeOverride={{ color: '#efb410' }} margin="0 small 0 0" />
@@ -154,7 +155,7 @@ example: true
 
 ```js
 ---
-guidelines: true
+type: embed
 ---
 <Guidelines>
   <Figure recommendation="yes" title="Do">