fix: change default border radius to 6px * 3

Author: tenphi

src/components/content/Skeleton/Skeleton.tsx

@@ -73,7 +73,7 @@ const LAYOUT_MAP = {
             <Placeholder
               key={i}
               isStatic={isStatic}
-              radius="1x"
+              radius="1r"
               width="20x"
               height="12x"
               flexGrow={1}

src/components/fields/RadioGroup/RadioGroup.tsx

@@ -51,7 +51,7 @@ const RadioGroupElement = tasty({
       'horizontal & solid': 'row',
     },
     gap: {
-      '': '1x',
+      '': '.75x',
       solid: 0,
     },
     whiteSpace: 'nowrap',

src/components/organisms/Modal/Modal.tsx

@@ -207,7 +207,7 @@ export function Modal(allProps: CubeModalProps) {
           padding="0"
           shadow={true}
           border={false}
-          radius="1.5r"
+          radius="1x"
           width={`288px (100% - 32px) ${
             typeof width === 'number' ? `${width}px` : width || '360px'
           }`}

src/components/overlays/Dialog/Dialog.tsx

@@ -48,8 +48,8 @@ const DialogElement = tasty({
     gap: 0,
     flow: 'column',
     radius: {
-      '': '2r',
-      '[data-type="tray"]': '2r top',
+      '': '@modal-radius',
+      '[data-type="tray"]': '@modal-radius 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: '(1r + .5x + 1bw)',
+    radius: '@modal-radius',
     boxShadow: {
       '': '',
       popover: '0px 5px 15px #dark.05',

src/tokens.ts

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