fix: fix button stories (#87)

ui/src/components/core/button/button.stories.tsx

@@ -24,14 +24,14 @@ export const Default = () => (
     <Button
       colorScheme="blue"
       variant="outline"
-      css={{ py: '$1', borderRadius: '$md' }}
+      css={{ py: '$1', height: '$5', borderRadius: '$md' }}
     >
       Use for NFA
     </Button>
     <Button
       colorScheme="gray"
       variant="outline"
-      css={{ py: '$1', borderRadius: '$md' }}
+      css={{ py: '$1', height: '$5', borderRadius: '$md' }}
     >
       NFA Repo
     </Button>

ui/src/components/core/button/button.tsx

@@ -1,4 +1,4 @@
-import { ButtonProps, StyledButton } from './button.styled';
+import { ButtonProps, StyledButton } from './button.styles';
 import { ButtonContent } from './button-content';
 import { ButtonSpinner } from './button-spinner';
 import { forwardRef } from 'react';
@@ -38,6 +38,7 @@ export const Button = forwardRef<ButtonProps, 'button'>((props, ref) => {
       data-loading={isLoading}
       css={{
         width: isFullWidth ? '100%' : undefined,
+        ...(ownProps?.css || {}),
       }}
       {...ownProps}
     >

ui/src/components/core/button/icon-button.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef, useMemo } from 'react';
 
 import { Button } from './button';
-import { ButtonProps } from './button.styled';
+import { ButtonProps } from './button.styles';
 
 type OmittedProps =
   | 'leftIcon'

ui/src/components/core/button/index.ts

@@ -1,2 +1,2 @@
-export * from './button.styled';
+export * from './button.styles';
 export * from './button';

ui/src/components/layout/index.ts

@@ -1,2 +1,2 @@
-export * from './grid.styled';
-export * from './flex.styled';
+export * from './grid.styles';
+export * from './flex.styles';