@workday/canvas-kit-docs 14.0.0-alpha.1168-next.0 → 14.0.0-alpha.1169-next.0

package/dist/es6/lib/docs.js

@@ -194018,6 +194018,57 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
                         }
                       ],
                       "tags": {}
+                    },
+                    {
+                      "kind": "property",
+                      "name": "alertInner",
+                      "required": true,
+                      "type": {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      "description": "",
+                      "declarations": [
+                        {
+                          "name": "alertInner",
+                          "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+                        }
+                      ],
+                      "tags": {}
+                    },
+                    {
+                      "kind": "property",
+                      "name": "alertOuter",
+                      "required": true,
+                      "type": {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      "description": "",
+                      "declarations": [
+                        {
+                          "name": "alertOuter",
+                          "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+                        }
+                      ],
+                      "tags": {}
+                    },
+                    {
+                      "kind": "property",
+                      "name": "errorInner",
+                      "required": true,
+                      "type": {
+                        "kind": "primitive",
+                        "value": "string"
+                      },
+                      "description": "",
+                      "declarations": [
+                        {
+                          "name": "errorInner",
+                          "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/common/lib/theming/types.ts"
+                        }
+                      ],
+                      "tags": {}
                     }
                   ]
                 },

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

@@ -18,6 +18,7 @@ import Placeholder from './examples/Placeholder';
 import RefForwarding from './examples/RefForwarding';
 import Required from './examples/Required';
 import ResizeConstraints from './examples/ResizeConstraints';
+import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
 
 
 # Canvas Kit Text Area <StorybookStatusIndicator type="deprecated" />

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

@@ -1,3 +1,4 @@
+import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
 import {
   ExampleCodeBlock,
   StorybookStatusIndicator,

package/dist/mdx/preview-react/text-input/examples/ThemedAlert.tsx

@@ -5,18 +5,20 @@ import {
   PartialEmotionCanvasTheme,
   useThemedRing,
 } from '@workday/canvas-kit-react/common';
-import {colors, space} from '@workday/canvas-kit-react/tokens';
+import {base, system} from '@workday/canvas-tokens-web';
+import {cssVar} from '@workday/canvas-kit-styling';
 
 export default () => {
   const theme: PartialEmotionCanvasTheme = {
     canvas: {
       palette: {
-        common: {
-          focusOutline: colors.grapeSoda300,
-        },
         alert: {
-          main: colors.kiwi200,
-          darkest: colors.kiwi600,
+          lightest: cssVar(system.color.static.green.softer),
+        },
+        common: {
+          focusOutline: cssVar(base.purple500),
+          alertInner: cssVar(base.green400),
+          alertOuter: cssVar(base.green500),
         },
       },
     },
@@ -38,10 +40,12 @@ const AlertInput = () => {
   const alertStyles = useThemedRing('alert');
 
   return (
-    <TextInput orientation="vertical">
+    <TextInput error="alert" orientation="vertical">
       <TextInput.Label>Email</TextInput.Label>
       <TextInput.Field cs={alertStyles} onChange={handleChange} value={value} />
-      <TextInput.Hint paddingTop={space.xxs}>Please enter a valid email.</TextInput.Hint>
+      <TextInput.Hint cs={{paddingTop: cssVar(system.space.x2)}}>
+        Please enter a valid email.
+      </TextInput.Hint>
     </TextInput>
   );
 };

package/dist/mdx/preview-react/text-input/examples/ThemedError.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import {TextInput} from '@workday/canvas-kit-preview-react/text-input';
 import {CanvasProvider, PartialEmotionCanvasTheme} from '@workday/canvas-kit-react/common';
-import {colors, space} from '@workday/canvas-kit-react/tokens';
+import {system} from '@workday/canvas-tokens-web';
+import {cssVar} from '@workday/canvas-kit-styling';
 
 export default () => {
   const [value, setValue] = React.useState('');
@@ -13,11 +14,12 @@ export default () => {
   const theme: PartialEmotionCanvasTheme = {
     canvas: {
       palette: {
-        common: {
-          focusOutline: colors.grapeSoda300,
-        },
         error: {
-          main: colors.islandPunch400,
+          lightest: cssVar(system.color.static.amber.softer),
+        },
+        common: {
+          focusOutline: cssVar(system.color.static.green.default),
+          errorInner: cssVar(system.color.static.amber.stronger),
         },
       },
     },
@@ -28,7 +30,9 @@ export default () => {
       <TextInput error={!value ? 'error' : undefined} isRequired={true} orientation="vertical">
         <TextInput.Label>Email</TextInput.Label>
         <TextInput.Field onChange={handleChange} value={value} />
-        <TextInput.Hint paddingTop={space.xxs}>{!value && 'Please enter an email.'}</TextInput.Hint>
+        <TextInput.Hint cs={{paddingTop: cssVar(system.space.x2)}}>
+          {!value && 'Please enter an email.'}
+        </TextInput.Hint>
       </TextInput>
     </CanvasProvider>
   );

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

@@ -4,6 +4,7 @@ import {
   SymbolDoc,
   Specifications,
 } from '@workday/canvas-kit-docs';
+import {StatusIndicator} from '@workday/canvas-kit-preview-react/status-indicator';
 import Alert from './examples/Alert';
 import Basic from './examples/Basic';
 import Disabled from './examples/Disabled';
@@ -17,6 +18,10 @@ import Required from './examples/Required';
 
 # Canvas Kit Radio
 
+<StatusIndicator variant="red">
+  <StatusIndicator.Label>Deprecated</StatusIndicator.Label>
+</StatusIndicator>
+
 Radio Buttons allow a user to select one value from a predefined list of 7 or fewer options.
 
 [> Workday Design Reference](https://design.workday.com/components/inputs/radio-buttons)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "14.0.0-alpha.1168-next.0",
+  "version": "14.0.0-alpha.1169-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.1168-next.0",
-    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1168-next.0",
-    "@workday/canvas-kit-react": "^14.0.0-alpha.1168-next.0",
-    "@workday/canvas-kit-styling": "^14.0.0-alpha.1168-next.0",
+    "@workday/canvas-kit-labs-react": "^14.0.0-alpha.1169-next.0",
+    "@workday/canvas-kit-preview-react": "^14.0.0-alpha.1169-next.0",
+    "@workday/canvas-kit-react": "^14.0.0-alpha.1169-next.0",
+    "@workday/canvas-kit-styling": "^14.0.0-alpha.1169-next.0",
     "@workday/canvas-system-icons-web": "^3.0.35",
     "@workday/canvas-tokens-web": "3.0.0-alpha.5",
     "markdown-to-jsx": "^7.2.0",
@@ -61,5 +61,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "5.0"
   },
-  "gitHead": "c7f43dc689c7377f48786bc8d99b0bace1431c86"
+  "gitHead": "87a80034e7358532f3cb787312f2aba55497c352"
 }