Update stories

radix-ui · Feb 9, 2023 · a1b644d · a1b644d
1 parent a165a3c
commit a1b644d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 24 deletions.
diff --git a/packages/react/dropdown-menu/src/DropdownMenu.stories.tsx b/packages/react/dropdown-menu/src/DropdownMenu.stories.tsx
@@ -873,14 +873,10 @@ const SIDES = SIDE_OPTIONS.filter((side) => side !== 'bottom').concat(['bottom']
 
 export const Chromatic = () => {
   const checkboxItems = [
-    { label: 'Bold', state: React.useState<boolean | 'indeterminate'>(false) },
-    { label: 'Italic', state: React.useState<boolean | 'indeterminate'>(true) },
-    { label: 'Underline', state: React.useState<boolean | 'indeterminate'>(false) },
-    {
-      label: 'Strikethrough',
-      state: React.useState<boolean | 'indeterminate'>(false),
-      disabled: true,
-    },
+    { label: 'Bold', state: React.useState(false) },
+    { label: 'Italic', state: React.useState(true) },
+    { label: 'Underline', state: React.useState(false) },
+    { label: 'Strikethrough', state: React.useState(false), disabled: true },
   ];
   const files = ['README.md', 'index.js', 'page.css'];
   const [file, setFile] = React.useState(files[1]);

diff --git a/packages/react/menu/src/Menu.stories.tsx b/packages/react/menu/src/Menu.stories.tsx
@@ -316,14 +316,10 @@ export const Animated = () => {
   const [file, setFile] = React.useState(files[1]);
   const [open, setOpen] = React.useState(true);
   const checkboxItems = [
-    { label: 'Bold', state: React.useState<boolean | 'indeterminate'>(false) },
-    { label: 'Italic', state: React.useState<boolean | 'indeterminate'>(true) },
-    { label: 'Underline', state: React.useState<boolean | 'indeterminate'>(false) },
-    {
-      label: 'Strikethrough',
-      state: React.useState<boolean | 'indeterminate'>(false),
-      disabled: true,
-    },
+    { label: 'Bold', state: React.useState(false) },
+    { label: 'Italic', state: React.useState(true) },
+    { label: 'Underline', state: React.useState(false) },
+    { label: 'Strikethrough', state: React.useState(false), disabled: true },
   ];
 
   return (

diff --git a/packages/react/menubar/src/Menubar.stories.tsx b/packages/react/menubar/src/Menubar.stories.tsx
@@ -352,14 +352,10 @@ export const Cypress = () => {
 
 export const Chromatic = () => {
   const checkboxItems = [
-    { label: 'Bold', state: React.useState<boolean | 'indeterminate'>(false) },
-    { label: 'Italic', state: React.useState<boolean | 'indeterminate'>(true) },
-    { label: 'Underline', state: React.useState<boolean | 'indeterminate'>(false) },
-    {
-      label: 'Strikethrough',
-      state: React.useState<boolean | 'indeterminate'>(false),
-      disabled: true,
-    },
+    { label: 'Bold', state: React.useState(false) },
+    { label: 'Italic', state: React.useState(true) },
+    { label: 'Underline', state: React.useState(false) },
+    { label: 'Strikethrough', state: React.useState(false), disabled: true },
   ];
   const files = ['README.md', 'index.js', 'page.css'];
   const [file, setFile] = React.useState(files[1]);