@workday/canvas-kit-docs 14.0.0-alpha.1214-next.0 → 14.0.0-alpha.1215-next.0

package/dist/mdx/14.0-UPGRADE-GUIDE.mdx

@@ -111,18 +111,22 @@ yarn remove @workday/canvas-kit-codemod
 
 **PR:** [#3430](https://github.com/Workday/canvas-kit/pull/3430)
 
-A new `Avatar` component has been added to the `@workday/canvas-kit-preview-react` package that matches our brand refresh.
+A new `Avatar` component has been added to the `@workday/canvas-kit-preview-react` package that
+matches our brand refresh.
 
 #### API Changes from the Main Avatar
 
-- `Avatar` has a `name` prop. This is required to ensure a fallback if a `url` is not provided. The `name` prop also determines the initials and the `alt` text for the image if a `url` is provided.
+- `Avatar` has a `name` prop. This is required to ensure a fallback if a `url` is not provided. The
+  `name` prop also determines the initials and the `alt` text for the image if a `url` is provided.
 - `url` stays the same. This prop is optional and will be used to display an image `Avatar`.
-- `variant` defines the color of the `Avatar`. The default is `blue` but you can choose one of the following colors:
+- `variant` defines the color of the `Avatar`. The default is `blue` but you can choose one of the
+  following colors:
   - `teal`
   - `purple`
   - `amber`
   - `blue`
-- By default, the `Avatar` will render a `div` element. If you need to render a `button` element use the `BaseAvatar` component.
+- By default, the `Avatar` will render a `div` element. If you need to render a `button` element use
+  the `BaseAvatar` component.
 - `size` accepts the following values:
   - `extraExtraLarge`
   - `extraLarge`
@@ -130,7 +134,7 @@ A new `Avatar` component has been added to the `@workday/canvas-kit-preview-reac
   - `medium`
   - `small`
   - `extraSmall`
-	- `extraExtraSmall`
+  - `extraExtraSmall`
 
 ### Branding Changes 💅
 
@@ -139,7 +143,9 @@ revolve around the use of our new brand colors.
 
 The following components have been updated:
 
-- `Breadcrumbs` [#3270](https://github.com/Workday/canvas-kit/pull/3270)
+- `Breadcrumbs`
+  - [#3270](https://github.com/Workday/canvas-kit/pull/3270)
+  - [#3447](https://github.com/Workday/canvas-kit/pull/3447)
 - `Buttons` [#3394](https://github.com/Workday/canvas-kit/pull/3394)
 - `ColorPicker` (Main) [#3307](https://github.com/Workday/canvas-kit/pull/3307)
 - `ColorPicker` (preview) [#3307](https://github.com/Workday/canvas-kit/pull/3307)
@@ -276,17 +282,18 @@ emphasis for the badge.
 
 ### Expandable
 
-**PRs:** [#3389](https://github.com/Workday/canvas-kit/pull/3389), [#3430](https://github.com/Workday/canvas-kit/pull/3430)
+**PRs:** [#3389](https://github.com/Workday/canvas-kit/pull/3389),
+[#3430](https://github.com/Workday/canvas-kit/pull/3430)
 
 - `<Expandable.Target>` hover state has been update to use `system.color.bg.alt.soft` instead of
   `system.color.bg.alt.default` to match our new brand directions.
 - The `focus` state has been update to use `system.color.border.primary.default` to ensure the same
   focus state color across all components.
-- `Expandable.Avatar` has been updated to use the `Avatar` component from Preview. This change requires that you update the `altText` prop to `name`.
+- `Expandable.Avatar` has been updated to use the `Avatar` component from Preview. This change
+  requires that you update the `altText` prop to `name`.
 
 > 🤖 The codemod will handle the change of `altText` to `name` on `Expandable.Avatar`.
 
-
 These changes are only **visual** and should not affect the functionality of the component.
 
 ### Hyperlink and External Hyperlink
@@ -325,11 +332,11 @@ These changes are only **visual** and should not affect the functionality of the
 
 **PR:** [#3430](https://github.com/Workday/canvas-kit/pull/3430)
 
-- `Pill` has been updated to use the `Avatar` component from Preview. This change requires that you provide a value for the `name` prop.
+- `Pill` has been updated to use the `Avatar` component from Preview. This change requires that you
+  provide a value for the `name` prop.
 
 > 🤖 The codemod will handle the change of `altText` to `name` on `Pill.Avatar`.
 
-
 ### Search Form 🚨
 
 **PR:** [#3303](https://github.com/Workday/canvas-kit/pull/3303)
@@ -412,7 +419,8 @@ deprecated code is removed.
 
 **PR:** [#3430](https://github.com/Workday/canvas-kit/pull/3430)
 
-We've deprecated the `Avatar` component in `@workday/canvas-kit-react` Main package. Please use the `Avatar` component in our Preview package.
+We've deprecated the `Avatar` component in `@workday/canvas-kit-react` Main package. Please use the
+`Avatar` component in our Preview package.
 
 **Before in v13**
 
@@ -429,20 +437,26 @@ import { Avatar } from '@workday/canvas-kit-react/avatar';
 **After in v14**
 
 ```tsx
-import { Avatar } from '@workday/canvas-kit-preview-react/avatar';
+import {Avatar} from '@workday/canvas-kit-preview-react/avatar';
 // name is used as a fallback if the image url is broken or still loading
 // variant light or dark are not used. Instead, variant defines the color of the Avatar
-<Avatar name="John Doe" size="extraExtraLarge" variant='teal' url={yourImageUrl} />
+<Avatar name="John Doe" size="extraExtraLarge" variant="teal" url={yourImageUrl} />;
 ```
 
 If you need to render a `button` element use the `BaseAvatar` component.
 
 ```tsx
-import { BaseAvatar } from '@workday/canvas-kit-preview-react/avatar';
-
-<BaseAvatar name="John Doe" size="extraExtraLarge" variant='teal' as="button" onClick={() => console.log('Avatar clicked')}>
+import {BaseAvatar} from '@workday/canvas-kit-preview-react/avatar';
+
+<BaseAvatar
+  name="John Doe"
+  size="extraExtraLarge"
+  variant="teal"
+  as="button"
+  onClick={() => console.log('Avatar clicked')}
+>
   <BaseAvatar.Name name="John Doe" />
-</BaseAvatar>
+</BaseAvatar>;
 ```
 
 ### Combobox (Labs)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1214-next.0",
+  "version": "14.0.0-alpha.1215-next.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -45,10 +45,10 @@
     "@emotion/styled": "^11.6.0",
     "@stackblitz/sdk": "^1.11.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1214-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1214-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1214-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1214-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1215-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1215-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1215-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1215-next.0",
     "@workday/canvas-system-icons-web": "^3.0.35",
     "@workday/canvas-tokens-web": "3.0.0-alpha.12",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "59a0288d16c936e52b30b160c1862bfcf2f8e1c2"
+  "gitHead": "443f211902d3c5cf9c91704aa41f3b4e0ce41e65"
 }