chore: button recipe notes

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

@@ -5,6 +5,7 @@ import { BtcIcon } from '@app/ui/components/avatar-icon/btc-icon';
 import { ChevronDownIcon } from '@app/ui/icons/chevron-down-icon';
 import { PlaceholderIcon } from '@app/ui/icons/placeholder-icon';
 
+// TODO - fix this, my branch is missing a lot of variants and I thin kthats whays up with bottons
 import { Button as Component } from './button';
 
 const meta: Meta<typeof Component> = {

src/app/ui/components/button/button.tsx

@@ -7,10 +7,11 @@ type ButtonProps = Omit<React.ComponentProps<typeof StyledButton>, keyof ButtonV
   ButtonVariantProps;
 
 export function Button(props: ButtonProps) {
-  const { children, fullWidth, size, trigger, type = 'button', variant, ...rest } = props;
+  const { children, fullWidth, size, trigger, invert, type = 'button', variant, ...rest } = props;
+  // pete - not sure we need this invert but it could be thje key difference
   return (
     <StyledButton
-      className={buttonRecipe({ fullWidth, size, trigger, variant })}
+      className={buttonRecipe({ fullWidth, size, invert, trigger, variant })}
       type={type}
       {...rest}
     >

src/app/ui/components/link/link.tsx

@@ -9,12 +9,12 @@ type LinkProps = Omit<React.ComponentProps<typeof StyledLink>, keyof LinkVariant
   LinkVariantProps;
 
 export const Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>) => {
-  const { children, disabled, fullWidth, size, variant, ...rest } = props;
+  const { children, disabled, fullWidth, size, invert, variant, ...rest } = props;
 
   return (
     <StyledLink
       ref={ref}
-      className={linkRecipe({ disabled, fullWidth, size, variant })}
+      className={linkRecipe({ disabled, fullWidth, invert, size, variant })}
       cursor="pointer"
       {...rest}
     >