@workday/canvas-kit-docs 14.0.0-alpha.1206-next.0 → 14.0.0-alpha.1210-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.18",
-    "@workday/canvas-kit-preview-react": "13.2.18",
-    "@workday/canvas-kit-react": "13.2.18",
-    "@workday/canvas-kit-react-fonts": "^13.2.18",
-    "@workday/canvas-kit-styling": "13.2.18",
+    "@workday/canvas-kit-labs-react": "13.2.19",
+    "@workday/canvas-kit-preview-react": "13.2.19",
+    "@workday/canvas-kit-react": "13.2.19",
+    "@workday/canvas-kit-react-fonts": "^13.2.19",
+    "@workday/canvas-kit-styling": "13.2.19",
     "@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.18",
-    "@workday/canvas-kit-preview-react": "13.2.18",
-    "@workday/canvas-kit-react": "13.2.18",
-    "@workday/canvas-kit-react-fonts": "^13.2.18",
-    "@workday/canvas-kit-styling": "13.2.18",
+    "@workday/canvas-kit-labs-react": "13.2.19",
+    "@workday/canvas-kit-preview-react": "13.2.19",
+    "@workday/canvas-kit-react": "13.2.19",
+    "@workday/canvas-kit-react-fonts": "^13.2.19",
+    "@workday/canvas-kit-styling": "13.2.19",
     "@workday/canvas-system-icons-web": "3.0.22",
     "@workday/canvas-tokens-web": "2.0.0"
   },

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

@@ -18,6 +18,13 @@ any questions.
   - [Hyperlink & ExternalHyperlink](#hyperlink-and-externalhyperlink)
   - [Loading Dots](#loading-dots)
   - [SearchForm](#search-form)
+  - [Status Indicator (Preview)](#status-indicator-preview)
+- [Deprecations](#deprecations)
+  - [Combobox (Labs)](#combobox-labs)
+  - [Radio (Main)](#radio-main)
+  - [Segmented Control (Main)](#segmented-control-main)
+  - [Side Panel (Main)](#side-panel-main)
+  - [Tokens](#tokens)
 - [Removals](#removals)
   - [Menu (preview)](#menu-preview)
 - [Troubleshooting](#troubleshooting)
@@ -98,8 +105,7 @@ yarn remove @workday/canvas-kit-codemod
 
 ### Branding Changes 💅
 
-Several components have been refactored to reflect our new brand direction. Most of these changes
-revolve around the use of our new brand colors.
+Several components have been refactored to reflect our new brand direction. Most of these changes revolve around the use of our new brand colors.
 
 The following components have been updated:
 
@@ -119,7 +125,7 @@ The following components have been updated:
 
 #### TertiaryButton
 
-The `TertiaryButton` component no longer supports the `isThemable` prop.  
+The `TertiaryButton` component no longer supports the `isThemable` prop.
 To customize the appearance of `TertiaryButton`, use the `cs` prop for custom styles or the `colors`
 prop for palette-based color overrides.
 
@@ -333,6 +339,62 @@ const customTheme = {
   This **should not** affect the way you use the type unless you're passing a `number` of `0`, `1`
   or `2` to the `searchTheme` prop.
 
+### Status Indicator (Preview) 🚨
+
+**PR:** [#3287](https://github.com/Workday/canvas-kit/pull/3287)
+
+Preview `StatusIndicator` is a rounder and more vibrant base emphasis (`low`). The `emphasis` prop is now deprecated and the `high` emphasis will be removed in a later version.
+
+Variant names of the preview `StatusIndicator` have been updated by the following mapping:
+- `blue` -> `primary`
+- `green` -> `success`
+- `orange` -> `caution`
+- `red` -> `critical`
+- `gray` -> `neutral`
+
+The `StatusIndicatorVariant` type has been updated to contain the new variant names listed above. If you use the old variant values, update to use the new ones mapped above. It has also been deprecated. Use `StatusIndicatorProps['variant']` instead.
+
+## Deprecations
+
+We add the [@deprecated](https://jsdoc.app/tags-deprecated.html) JSDoc tag to code we plan to remove
+in a future major release. This signals consumers to migrate to a more stable alternative before the
+deprecated code is removed.
+
+### Combobox (Labs)
+
+The Combobox component in `@workday/canvas-kit-labs-react/combobox` has been deprecated and will be
+removed in a future major release. Please migrate to the
+[Combobox](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-combobox--docs) in
+`@workday/canvas-kit-react`.
+
+### Radio (Main)
+
+The Radio component in `@workday/canvas-kit-react/radio` has been deprecated. Please use the new
+[Radio](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-radio--docs) component
+from the same package, which offers improved accessibility and API consistency.
+
+### Segmented Control (Main)
+
+The Segmented Control component in `@workday/canvas-kit-react/segmented-control` has been
+deprecated. Please migrate to the new
+[Segmented Control](https://workday.github.io/canvas-kit/?path=/docs/components-inputs-segmented-control--docs)
+for improved features and support.
+
+### Side Panel (Main)
+
+The Side Panel component in `@workday/canvas-kit-react/side-panel` is now deprecated and will be
+removed in a future release. Please use the new
+[Side Panel](https://workday.github.io/canvas-kit/?path=/docs/components-navigation-side-panel--docs)
+for enhanced functionality.
+
+### Tokens
+
+The legacy tokens from `@workday/canvas-kit-react/tokens` are now deprecated. Please use the new
+[Canvas Tokens Web](https://workday.github.io/canvas-tokens/?path=/docs/docs-getting-started--docs)
+package (`@workday/canvas-tokens-web`) for all token usage. Follow
+[a migration guide](https://workday.github.io/canvas-kit?path=/docs/guides-tokens-migration-overview--docs)
+for smootier upgrade.
+
 ## Removals
 
 Removals are deletions from our codebase and you can no longer consume this component. We've either

package/dist/mdx/labs-react/combobox/Combobox.mdx

@@ -1,5 +1,10 @@
-import {ExampleCodeBlock, SymbolDoc, Specifications} from '@workday/canvas-kit-docs';
-
+import {
+  ExampleCodeBlock,
+  StorybookStatusIndicator,
+  SymbolDoc,
+  Specifications,
+} from '@workday/canvas-kit-docs';
+import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight';
 import Basic from './examples/Basic';
 import DisabledItem from './examples/DisabledItem';
 import GroupOfResult from './examples/GroupOfResult';
@@ -8,7 +13,18 @@ import NoClearButton from './examples/NoClearButton';
 import RTL from './examples/RTL';
 
 
-# Combobox
+# Combobox <StorybookStatusIndicator type="deprecated" />
+
+<InformationHighlight className="sb-unstyled" variant="caution" cs={{p: {marginBlock: 0}}}>
+  <InformationHighlight.Icon />
+  <InformationHighlight.Body>
+    `Combobox` in Preview has been deprecated and will be removed in a future major version. Please
+    use `Combobox` in Main instead.
+  </InformationHighlight.Body>
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/features-combobox--docs">
+    Combobox Docs
+  </InformationHighlight.Link>
+</InformationHighlight>
 
 The term "Combobox" is based on the
 [Combobox Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/combobox/) as defined in the ARIA

package/dist/mdx/preview-react/status-indicator/examples/Icon.tsx

@@ -17,7 +17,7 @@ export default () => {
         <StatusIndicator.Icon aria-label="unpublished" icon={uploadCloudIcon} />
         <StatusIndicator.Label>Unpublished</StatusIndicator.Label>
       </StatusIndicator>
-      <StatusIndicator variant="green">
+      <StatusIndicator variant="positive">
         <StatusIndicator.Label>published</StatusIndicator.Label>
         <StatusIndicator.Icon aria-label="published" icon={uploadCloudIcon} />
       </StatusIndicator>

package/dist/mdx/preview-react/status-indicator/examples/Variants.tsx

@@ -24,19 +24,19 @@ export default () => {
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator variant="orange">
+        <StatusIndicator variant="caution">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator variant="blue">
+        <StatusIndicator variant="info">
           <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator variant="green">
+        <StatusIndicator variant="positive">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator variant="red">
+        <StatusIndicator variant="critical">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
@@ -50,19 +50,19 @@ export default () => {
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator emphasis="high" variant="orange">
+        <StatusIndicator emphasis="high" variant="caution">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator emphasis="high" variant="blue">
+        <StatusIndicator emphasis="high" variant="info">
           <StatusIndicator.Label>Lorem ipsum dolor </StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator emphasis="high" variant="green">
+        <StatusIndicator emphasis="high" variant="positive">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>
-        <StatusIndicator emphasis="high" variant="red">
+        <StatusIndicator emphasis="high" variant="critical">
           <StatusIndicator.Label>Lorem ipsum dolor</StatusIndicator.Label>
           <StatusIndicator.Icon icon={uploadCloudIcon} />
         </StatusIndicator>

package/dist/mdx/preview-react/text-area/TextArea.mdx

@@ -27,10 +27,10 @@ import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicato
   <InformationHighlight.Icon />
   <InformationHighlight.Body>
     `TextArea` in Preview has been deprecated and will be removed in a future major version. Please
-    use `FormField` instead.
+    use `TextArea` in Main instead.
   </InformationHighlight.Body>
-  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/story/components-inputs-form-field--docs">
-    Form Field Docs
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/components-inputs-textarea--docs">
+    Text Area Docs
   </InformationHighlight.Link>
 </InformationHighlight>
 

package/dist/mdx/preview-react/text-input/TextInput.mdx

@@ -31,10 +31,10 @@ import Alert from './examples/Alert';
   <InformationHighlight.Icon />
   <InformationHighlight.Body>
     `TextInput` in Preview has been deprecated and will be removed in a future major version. Please
-    use `FormField` instead.
+    use `TextInput` in Main instead.
   </InformationHighlight.Body>
-  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/story/components-inputs-form-field--docs">
-    Form Field Docs
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/components-inputs-text-input--docs">
+    Text Input Docs
   </InformationHighlight.Link>
 </InformationHighlight>
 

package/dist/mdx/react/radio/Radio.mdx

@@ -1,10 +1,12 @@
 import {
   ExampleCodeBlock,
-  InformationHighlight,
+  StorybookStatusIndicator,
   SymbolDoc,
   Specifications,
 } from '@workday/canvas-kit-docs';
-import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
+
+import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight';
+
 import Alert from './examples/Alert';
 import Basic from './examples/Basic';
 import Disabled from './examples/Disabled';
@@ -16,11 +18,18 @@ import RefForwarding from './examples/RefForwarding';
 import Required from './examples/Required';
 
 
-# Canvas Kit Radio
+# Canvas Kit Radio <StorybookStatusIndicator type="deprecated" />
 
-<StatusIndicator variant="red">
-  <StatusIndicator.Label>Deprecated</StatusIndicator.Label>
-</StatusIndicator>
+<InformationHighlight className="sb-unstyled" variant="caution" cs={{p: {marginBlock: 0}}}>
+  <InformationHighlight.Icon />
+  <InformationHighlight.Body>
+    `Radio` in Main has been deprecated and will be removed in a future major version. Please use
+    `Radio` in Preview instead.
+  </InformationHighlight.Body>
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/preview-inputs-radio--docs">
+    Radio Docs
+  </InformationHighlight.Link>
+</InformationHighlight>
 
 Radio Buttons allow a user to select one value from a predefined list of 7 or fewer options.
 

package/dist/mdx/react/segmented-control/SegmentedControl.mdx

@@ -1,7 +1,26 @@
-import {ExampleCodeBlock, SymbolDoc, Specifications} from '@workday/canvas-kit-docs';
+import {
+  ExampleCodeBlock,
+  StorybookStatusIndicator,
+  SymbolDoc,
+  Specifications,
+} from '@workday/canvas-kit-docs';
+
+import {InformationHighlight} from '@workday/canvas-kit-preview-react/information-highlight';
+
 import Basic from './examples/Basic';
 
-# Canvas Kit Segmented Control
+# Canvas Kit Segmented Control <StorybookStatusIndicator type="deprecated" />
+
+<InformationHighlight className="sb-unstyled" variant="caution" cs={{p: {marginBlock: 0}}}>
+  <InformationHighlight.Icon />
+  <InformationHighlight.Body>
+    `SegmentedControl` in Main has been deprecated and will be removed in a future major version.
+    Please use `Segmented Control` in Preview instead.
+  </InformationHighlight.Body>
+  <InformationHighlight.Link href="https://workday.github.io/canvas-kit/?path=/docs/preview-segmented-control--docs">
+    Segmented Control Docs
+  </InformationHighlight.Link>
+</InformationHighlight>
 
 A linear set of two or more segments, each of which functions as a mutually exclusive button. This
 is a [_controlled_](https://reactjs.org/docs/forms.html#controlled-components) component.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1206-next.0",
+  "version": "14.0.0-alpha.1210-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.1206-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1206-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1206-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1206-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1210-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1210-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1210-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1210-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": "5f2128b722fff5b086358ff3bd3ab009b0e07ef4"
+  "gitHead": "8ef8c7a0b7515a9341550c564b84bed91598e9f7"
 }