@workday/canvas-kit-docs 8.4.0-303-next.2 → 8.4.0

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -17,7 +18,7 @@ export default () => {
       label="Choose Your Pizza Crust"
       useFieldset={true}
     >
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />

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

@@ -3,6 +3,7 @@ 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';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -17,7 +18,7 @@ export default () => {
 
   return (
     <StyledFormField label="Choose Your Pizza Crust" useFieldset={true}>
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -11,7 +12,7 @@ export default () => {
 
   return (
     <FormField label="Choose Your Pizza Crust" useFieldset={true}>
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio disabled={true} label="Gluten free (sold out)" value="gluten-free" />

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -17,7 +18,7 @@ export default () => {
       label="Choose Your Pizza Crust"
       useFieldset={true}
     >
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio disabled={true} label="Deep dish (sold out)" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
 import {Box} from '@workday/canvas-kit-react/layout';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -12,7 +12,7 @@ export default () => {
 
   return (
     <Box backgroundColor="blueberry400" padding="s">
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio variant="inverse" label="Deep dish" value="deep-dish" />
         <Radio variant="inverse" label="Thin" value="thin" />
         <Radio variant="inverse" label="Gluten free" value="gluten-free" />

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -15,7 +16,7 @@ export default () => {
       labelPosition={FormField.LabelPosition.Left}
       useFieldset={true}
     >
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />

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

@@ -2,6 +2,7 @@ import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
 import {Subtext} from '@workday/canvas-kit-react/text';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>(0);
@@ -13,7 +14,7 @@ export default () => {
   return (
     <>
       <FormField label="Choose Your Pizza Crust" useFieldset={true}>
-        <RadioGroup name="crust" onChange={handleChange} value={value}>
+        <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
           <Radio label="Deep dish" />
           <Radio label="Thin" />
           <Radio label="Gluten free" />

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

@@ -2,6 +2,7 @@ import React from 'react';
 import {PrimaryButton} from '@workday/canvas-kit-react/button';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
   const [value, setValue] = React.useState<string | number>('deep-dish');
@@ -18,7 +19,7 @@ export default () => {
   return (
     <>
       <FormField label="Choose Your Pizza Crust" useFieldset={true}>
-        <RadioGroup name="crust" onChange={handleChange} value={value}>
+        <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
           <Radio label="Deep dish" value="deep-dish" />
           <Radio label="Thin" value="thin" />
           <Radio label="Gluten free" ref={glutenFreeRef} value="gluten-free" />

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import {FormField} from '@workday/canvas-kit-react/form-field';
 import {Radio, RadioGroup} from '@workday/canvas-kit-react/radio';
+import {useUniqueId} from '@workday/canvas-kit-react/common';
 
 export default () => {
-  const [value, setValue] = React.useState(null);
+  const [value, setValue] = React.useState<string | number>();
 
   const handleChange = (value: string | number) => {
     setValue(value);
@@ -11,7 +12,7 @@ export default () => {
 
   return (
     <FormField label="Choose Your Pizza Crust" required={true} useFieldset={true}>
-      <RadioGroup name="crust" onChange={handleChange} value={value}>
+      <RadioGroup name={useUniqueId()} onChange={handleChange} value={value}>
         <Radio label="Deep dish" value="deep-dish" />
         <Radio label="Thin" value="thin" />
         <Radio label="Gluten free" value="gluten-free" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-docs",
-  "version": "8.4.0-303-next.2+ef9246fe",
+  "version": "8.4.0",
   "description": "Documentation components of Canvas Kit components",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -42,7 +42,7 @@
   ],
   "dependencies": {
     "@storybook/csf": "0.0.1",
-    "@workday/canvas-kit-react": "^8.4.0-303-next.2+ef9246fe",
+    "@workday/canvas-kit-react": "^8.4.0",
     "@workday/canvas-system-icons-web": "^3.0.0"
   },
   "devDependencies": {
@@ -51,5 +51,5 @@
     "mkdirp": "^1.0.3",
     "typescript": "4.1"
   },
-  "gitHead": "ef9246fe888c63f6f2603ff35df3b6822d05baa1"
+  "gitHead": "7ec0c1d1a2e4df3a0febba0c481063b25c1c5dc1"
 }