fix: nested button error, refactor border radii, change receive modal

[pete-watters]

Try out this version of Leather — download extension builds.

This PR has a few changes:

• FIX Button nested within button #4550 nested button error
• refactor UI to use tokens for border radius
• change receive modal as per designer request

[pete-watters]

@mica000 - hopefully this looks OK now. The font style wasn't being set either

[pete-watters]

I added a couple more border radius sizes. We can probably remove these one we determine the style we want.

Some were set as 50% / 100% so I changed these to sensible token sizes. The spinner for example was set to 100% but the same effect is achieved setting it to lg

The QR code was 18px but I set it to lg / 16px as I thought it looks OK and I didn't want to add tokens not divisible by 4.

[pete-watters]

@mica000 @fabric-8 : I spent some time here refactoring the border-radius to use design tokens. This should make it easier of you want to try a few things out. You can also see the various sizes we have more easily.

tokens.ts

radii: {
    xs: { value: '8px' },
    sm: { value: '10px' },
    md: { value: '12px' },
    lg: { value: '16px' },
    xl: { value: '20px' },
    xxl: { value: '24px' },
  },

[mica000]

Thanks @pete-watters!!!!!

[fbwoolf]

@pete-watters thanks for fixing, I may have accidentally done the nested button thing on accident when converting from as="button", maybe watch for it in other places just in case.

[pete-watters]

@pete-watters thanks for fixing, I may have accidentally done the nested button thing on accident when converting from as="button", maybe watch for it in other places just in case.

No problem. Some small issues like this are bound to happen 👍 it was still working anyway, just never needed to be as button initially