@workday/canvas-kit-docs 9.0.5 → 9.0.7

package/dist/mdx/react/_examples/examples/SidePanelWithOverlay.tsx

@@ -10,7 +10,7 @@ const StyledPanel = styled(SidePanel)({
   zIndex: 1,
 });
 
-export default () => {
+export const WithOverlay = () => {
   const {labelProps} = useSidePanel();
 
   return (

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

@@ -38,7 +38,7 @@ Radio Group should be used in tandem with [Form Field](/components/inputs/form-f
 
 ### Disabled
 
-Set the `disabled` prop of the Radio Button to prevent users from interacting with it.
+Set the `disabled` prop of the Radio Button to prevent users from interacting with it. Be careful not to disable a pre-selected Radio Button, this will block keyboard access from the entire Radio Group. 
 
 <ExampleCodeBlock code={Disabled} />
 

package/dist/mdx/react/radio/examples/Alert.tsx

@@ -14,12 +14,12 @@ export default () => {
     <FormField
       error={FormField.ErrorType.Alert}
       hintId="hint-alert"
-      hintText="Deep Dish is no longer available. Please select a different crust."
+      hintText="Deep dish is an extra $2.99"
       label="Choose Your Pizza Crust"
       useFieldset={true}
     >
       <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
-        <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />

package/dist/mdx/react/radio/examples/Basic.tsx

@@ -1,9 +1,8 @@
 import React from 'react';
-import styled from '@emotion/styled';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
-import {space} from '@workday/canvas-kit-react/tokens';
 import {useUniqueId} from '@workday/canvas-kit-react/common';
+import {space} from '@workday/canvas-kit-react/tokens';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -12,12 +11,8 @@ export default () => {
     setValue(value);
   };
 
-  const StyledFormField = styled(FormField)({
-    width: space.xl,
-  });
-
   return (
-    <StyledFormField label="Choose Your Pizza Crust" useFieldset={true}>
+    <FormField label="Choose Your Pizza Crust" useFieldset={true} style={{width: space.xl}}>
       <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
@@ -25,6 +20,6 @@ export default () => {
         <Radio label="Cauliflower" value="cauliflower" />
         <Radio label="Butter - the best thing to put on bread" value="butter" />
       </RadioGroup>
-    </StyledFormField>
+    </FormField>
   );
 };

package/dist/mdx/react/radio/examples/Error.tsx

@@ -14,12 +14,12 @@ export default () => {
     <FormField
       error={FormField.ErrorType.Error}
       hintId="hint-error"
-      hintText="Deep Dish is no longer available. Please select a different crust."
+      hintText="Deep Dish is currently sold out."
       label="Choose Your Pizza Crust"
       useFieldset={true}
     >
       <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
-        <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
+        <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />
         <Radio label="Cauliflower" value="cauliflower" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "9.0.5",
+  "version": "9.0.7",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -44,9 +44,9 @@
   "dependencies": {
     "@emotion/styled": "^11.6.0",
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-labs-react": "^9.0.5",
-    "@workday/canvas-kit-preview-react": "^9.0.5",
-    "@workday/canvas-kit-react": "^9.0.5",
+    "@workday/canvas-kit-labs-react": "^9.0.7",
+    "@workday/canvas-kit-preview-react": "^9.0.7",
+    "@workday/canvas-kit-react": "^9.0.7",
     "@workday/canvas-system-icons-web": "^3.0.0",
     "markdown-to-jsx": "^6.10.3",
     "ts-node": "^10.9.1"
@@ -57,5 +57,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.2"
   },
-  "gitHead": "d16d097c799705aeb34bf970ce52d9be167f2e18"
+  "gitHead": "0b1d3eb35d37235a50cab96470f7b460afd6ea09"
 }