@workday/canvas-kit-docs 14.0.0-alpha.1219-next.0 → 14.0.0-alpha.1224-next.0

package/dist/es6/lib/stackblitzFiles/packageJSONFile.js

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "13.2.20",
-    "@workday/canvas-kit-preview-react": "13.2.20",
-    "@workday/canvas-kit-react": "13.2.20",
-    "@workday/canvas-kit-react-fonts": "^13.2.20",
-    "@workday/canvas-kit-styling": "13.2.20",
+    "@workday/canvas-kit-labs-react": "13.2.23",
+    "@workday/canvas-kit-preview-react": "13.2.23",
+    "@workday/canvas-kit-react": "13.2.23",
+    "@workday/canvas-kit-react-fonts": "^13.2.23",
+    "@workday/canvas-kit-styling": "13.2.23",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

package/dist/es6/lib/stackblitzFiles/packageJSONFile.ts

@@ -18,11 +18,11 @@ export const packageJSONFile = `{
     "@emotion/react": "11.11.4",
     "@types/react": "18.2.60",
     "@types/react-dom": "18.2.19",
-    "@workday/canvas-kit-labs-react": "13.2.20",
-    "@workday/canvas-kit-preview-react": "13.2.20",
-    "@workday/canvas-kit-react": "13.2.20",
-    "@workday/canvas-kit-react-fonts": "^13.2.20",
-    "@workday/canvas-kit-styling": "13.2.20",
+    "@workday/canvas-kit-labs-react": "13.2.23",
+    "@workday/canvas-kit-preview-react": "13.2.23",
+    "@workday/canvas-kit-react": "13.2.23",
+    "@workday/canvas-kit-react-fonts": "^13.2.23",
+    "@workday/canvas-kit-styling": "13.2.23",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

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

@@ -26,6 +26,7 @@ A note to the reader:
 - While we still support our old tokens from `@workday/canvas-kit-react/tokens`, **you must**
   install our new tokens from `@workday/canvas-tokens-web`. You can find more info in our
   [docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs).
+- If your application lives within another application that already imports the CSS variables, **you do not need to import these again**.
 
 ## Table of contents
 
@@ -66,9 +67,11 @@ A note to the reader:
 In v12, all the components listed in this guide have started using our new
 [Canvas Tokens Web](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs).
 **You must** add `@workday/canvas-tokens-web` to ensure our components are properly styled and the
-variables are defined. For more information on installing and using, please reference our tokens
+variables are defined at the root of your application. For more information on installing and using, please reference our tokens
 [docs](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs).
 
+> **Note:** If your application lives within another application that already imports the CSS variables, **you do not need to import these again**. If you need them for local development either add them via a plugin or at the root of the environment, **do not ship code to production duplicating the imports**.
+
 ## Codemod
 
 We've provided a [codemod](https://github.com/Workday/canvas-kit/tree/master/modules/codemod) to

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

@@ -29,8 +29,9 @@ any questions.
   - [Side Panel (Main)](#side-panel-main)
   - [Tokens](#tokens)
 - [Removals](#removals)
-  - [Menu (preview)](#menu-preview)
   - [Deprecated Buttons](#deprecated-buttons)
+  - [Menu (preview)](#menu-preview)
+  - [readyOnlyPillStencil and removeablePillStencil][readyOnlyPillStencil-and-removeablePillStencil]
 - [Troubleshooting](#troubleshooting)
 - [Glossary](#glossary)
   - [Main](#main)
@@ -152,6 +153,7 @@ The following components have been updated:
 - `InformationHighlight` [#3443](https://github.com/Workday/canvas-kit/pull/3443)
 - `LoadingDots` (Main) [#3393](https://github.com/Workday/canvas-kit/pull/3393)
 - `Pagination` (Preview) [#3300](https://github.com/Workday/canvas-kit/pull/3300)
+- `Pill` [#3446](https://github.com/Workday/canvas-kit/pull/3446)
 - `SearchForm` (Labs) [#3303](https://github.com/Workday/canvas-kit/pull/3303)
 - `SegmentedControl` (Main) [#3278](https://github.com/Workday/canvas-kit/pull/3278)
 - `SegmentedControl` (Preview) [#3278](https://github.com/Workday/canvas-kit/pull/3278)
@@ -330,13 +332,37 @@ These changes are only **visual** and should not affect the functionality of the
 
 ### Pill
 
-**PR:** [#3430](https://github.com/Workday/canvas-kit/pull/3430)
+**PRs:** [#3430](https://github.com/Workday/canvas-kit/pull/3430), [#3446](https://github.com/Workday/canvas-kit/pull/3446)
 
 - `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`.
 
+- The `Pill` component no longer supports `'default'` as a value for the `variant` prop. If the
+  `variant` prop is not provided, the component will use its default styling.
+
+- `readyOnlyPillStencil` and `removeablePillStencil` have been removed due to some styling clean up. Please use `pillStencil` instead.
+
+**Before in v13**
+
+```tsx
+<Pill variant="default">
+  <Pill.Avatar altText="John Doe" />
+  <Pill.Label>John Doe</Pill.Label>
+</Pill>
+```
+
+**After in v14**
+
+```tsx
+<Pill>
+  <Pill.Avatar name="John Doe" />
+  <Pill.Label>John Doe</Pill.Label>
+</Pill>
+```
+
+
 ### Search Form 🚨
 
 **PR:** [#3303](https://github.com/Workday/canvas-kit/pull/3303)
@@ -519,6 +545,11 @@ We've removed `Menu` from `@workday/canvas-kit-preview-react` package. Please us
 [Menu](https://workday.github.io/canvas-kit/?path=/docs/components-popups-menu--docs) from
 `@workday/canvas-kit-react` instead.
 
+### readyOnlyPillStencil and removeablePillStencil
+
+The `readyOnlyPillStencil` and `removeablePillStencil` utilities have been removed from the Pill
+package. Please use `pillStencil` instead.
+
 ---
 
 ## Troubleshooting

package/dist/mdx/preview-react/pill/Pill.mdx

@@ -28,7 +28,7 @@ information to help with scanning and organization.
 
 ### Basic Pills
 
-By default a Pill is considered interactive, therefore it's default variant is `default`. All leading
+By default a Pill is considered interactive. All leading
 elements (icons or avatars) are intended to be descriptive, helping support the label. Do not rely
 on the leading element to indicate the interaction behavior.
 
@@ -60,7 +60,7 @@ the count will directly correlate to that category.
 
 ### Read Only
 
-The `readOnly` variant is a non-interactive element that is used to display information. 
+The `readOnly` variant is a non-interactive element that is used to display information.
 
 You can define a read only `Pill` by providing a `variant='readOnly'` prop.
 

package/dist/mdx/preview-react/pill/examples/WithReadOnly.tsx

@@ -10,7 +10,7 @@ const flexStyles = createStyles({
 export default () => (
   <div className={flexStyles} id="read-only-list">
     <Pill variant="readOnly">Read-only</Pill>
-    <Pill variant="readOnly" maxWidth={250}>
+    <Pill variant="readOnly" maxWidth={150}>
       Read-only but with super long text in case you want to read a paragraph in a Pill which we
       don't recommend
     </Pill>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1219-next.0",
+  "version": "14.0.0-alpha.1224-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.1219-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1219-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1219-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1219-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1224-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1224-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1224-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1224-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": "f4dc37e2f0a642a6a4e19466ecf5f8a02099b8c5"
+  "gitHead": "55e63c9ec96d3719ef507660f01dd5e8e8b3363e"
 }