fix: change default border radius to 6px * 6

Author: tenphi

src/components/fields/Select/Select.tsx

@@ -196,7 +196,7 @@ const ListBoxElement = tasty({
     margin: '0',
     padding: '.5x',
     listStyle: 'none',
-    radius: '(@large-radius - 1bw)',
+    radius: '@large-radius',
     fill: '#white',
     shadow: '0px 4px 16px #shadow',
     height: 'initial 30x',

src/components/overlays/Dialog/Dialog.tsx

@@ -48,8 +48,8 @@ const DialogElement = tasty({
     gap: 0,
     flow: 'column',
     radius: {
-      '': '@large-radius',
-      '[data-type="tray"]': '@large-radius top',
+      '': '(@large-radius + 1bw)',
+      '[data-type="tray"]': '(@large-radius + 1bw) top',
       '[data-type="fullscreenTakeover"] | [data-type="panel"]': '0r',
     },
     fill: '#white',

src/components/pickers/Menu/styled.tsx

@@ -26,7 +26,7 @@ export const StyledMenu = tasty({
       '': '#dark-05',
       section: '',
     },
-    radius: '@large-radius',
+    radius: '(@large-radius + 1bw)',
     boxShadow: {
       '': '',
       popover: '0px 5px 15px #dark.05',

src/tokens.ts

@@ -43,7 +43,7 @@ const TOKENS = {
   'outline-width': 'calc(1rem / 16 * 3)',
   'border-width': '1px',
   radius: '6px',
-  'large-radius': '(1r + .5x + 1bw)',
+  'large-radius': '(1r + .5x)',
   'leaf-sharp-radius': '0px',
   'fade-width': '32px',
   transition: '80ms',