Merge pull request #23 from storybookjs/charles-update-menu-icon

Update menu icon

src/iconList.tsx

@@ -50,12 +50,13 @@ export const iconList = [
       'GraphLineIcon',
       'CalendarIcon',
       'GraphBarIcon',
-      'MenuIcon',
-      'MenuReverseIcon',
+      'AlignLeftIcon',
+      'AlignRightIcon',
       'FilterIcon',
       'DocChartIcon',
       'DocListIcon',
       'DragIcon',
+      'MenuIcon',
     ]
   },
   {

src/icons/AlignLeftIcon.stories.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { AlignLeftIcon } from './AlignLeftIcon';
+
+const meta: Meta<typeof AlignLeftIcon> = {
+  component: AlignLeftIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof AlignLeftIcon>;
+
+export const Default: Story = { args: { size: 100 } };

src/icons/AlignLeftIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const AlignLeftIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M13 2a.5.5 0 010 1H1a.5.5 0 010-1h12zM10 5a.5.5 0 010 1H1a.5.5 0 010-1h9zM11.5 8.5A.5.5 0 0011 8H1a.5.5 0 000 1h10a.5.5 0 00.5-.5zM7.5 11a.5.5 0 010 1H1a.5.5 0 010-1h6.5z"
+        fill={color}
+      />
+    </svg>
+  );
+});

src/icons/AlignRightIcon.stories.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { AlignRightIcon } from './AlignRightIcon';
+
+const meta: Meta<typeof AlignRightIcon> = {
+  component: AlignRightIcon,
+};
+
+export default meta;
+type Story = StoryObj<typeof AlignRightIcon>;
+
+export const Default: Story = { args: { size: 100 } };

src/icons/AlignRightIcon.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { IconProps } from '../types';
+
+export const AlignRightIcon = /* @__PURE__ */ React.forwardRef<
+  SVGSVGElement,
+  IconProps
+>(({ color = 'currentColor', size = 14, ...props }, forwardedRef) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      ref={forwardedRef}
+      {...props}
+    >
+      <path
+        d="M1 2a.5.5 0 000 1h12a.5.5 0 000-1H1zM4 5a.5.5 0 000 1h9a.5.5 0 000-1H4zM2.5 8.5A.5.5 0 013 8h10a.5.5 0 010 1H3a.5.5 0 01-.5-.5zM6.5 11a.5.5 0 000 1H13a.5.5 0 000-1H6.5z"
+        fill={color}
+      />
+    </svg>
+  );
+});

src/icons/MenuIcon.tsx

@@ -16,7 +16,7 @@ export const MenuIcon = /* @__PURE__ */ React.forwardRef<
       {...props}
     >
       <path
-        d="M13 2a.5.5 0 010 1H1a.5.5 0 010-1h12zM10 5a.5.5 0 010 1H1a.5.5 0 010-1h9zM11.5 8.5A.5.5 0 0011 8H1a.5.5 0 000 1h10a.5.5 0 00.5-.5zM7.5 11a.5.5 0 010 1H1a.5.5 0 010-1h6.5z"
+        d="M13 3.5a.5.5 0 010 1H1a.5.5 0 010-1h12zM13.5 10a.5.5 0 00-.5-.5H1a.5.5 0 000 1h12a.5.5 0 00.5-.5zM13 6.5a.5.5 0 010 1H1a.5.5 0 010-1h12z"
         fill={color}
       />
     </svg>

src/index.ts

@@ -43,12 +43,13 @@ export { PrintIcon } from './icons/PrintIcon';
 export { GraphLineIcon } from './icons/GraphLineIcon';
 export { CalendarIcon } from './icons/CalendarIcon';
 export { GraphBarIcon } from './icons/GraphBarIcon';
-export { MenuIcon } from './icons/MenuIcon';
-export { MenuReverseIcon } from './icons/MenuReverseIcon';
+export { AlignLeftIcon } from './icons/AlignLeftIcon';
+export { AlignRightIcon } from './icons/AlignRightIcon';
 export { FilterIcon } from './icons/FilterIcon';
 export { DocChartIcon } from './icons/DocChartIcon';
 export { DocListIcon } from './icons/DocListIcon';
 export { DragIcon } from './icons/DragIcon';
+export { MenuIcon } from './icons/MenuIcon';
 export { MarkupIcon } from './icons/MarkupIcon';
 export { BoldIcon } from './icons/BoldIcon';
 export { ItalicIcon } from './icons/ItalicIcon';