clean up, add link, change design to squares

Author: nkanigsberg

library/core-components/components/auto-layout/auto-layout-alignment.stories.tsx

@@ -29,6 +29,8 @@ const alignmentOptions = [
  *
  * ## Resources
  * [How Figma Alignment Works](https://help.figma.com/hc/en-us/articles/360040451373-Explore-auto-layout-properties#alignment)
+ *
+ * [RadiusAutoLayout Figma Specs](https://www.figma.com/file/ODAUZaQxH8oH2GI0A9MAVb/Radius-Booster---Auto-Layout?type=design&node-id=1302-3736&t=Fh2ap7gIybG92aBU-0)
  */
 const meta: Meta<typeof RadiusAutoLayout> = {
   component: RadiusAutoLayout,
@@ -63,7 +65,7 @@ const meta: Meta<typeof RadiusAutoLayout> = {
   },
   args: {
     alignment: 'topLeft',
-    direction: 'vertical',
+    direction: 'horizontal',
   },
 };
 
@@ -140,20 +142,20 @@ const AlignmentDemo = ({
       isParent
     >
       <RadiusAutoLayout
-        width={direction === 'vertical' ? '80px' : '12px'}
-        height={direction === 'vertical' ? '12px' : '80px'}
+        width={25}
+        height={25}
         fill={{ css: '#F7856E' }}
         style={{ zIndex: 1 }}
       />
       <RadiusAutoLayout
-        width={direction === 'vertical' ? '113px' : '12px'}
-        height={direction === 'vertical' ? '12px' : '113px'}
+        width={25}
+        height={25}
         fill={{ css: '#F7856E' }}
         style={{ zIndex: 1 }}
       />
       <RadiusAutoLayout
-        width={direction === 'vertical' ? '65px' : '12px'}
-        height={direction === 'vertical' ? '12px' : '65px'}
+        width={25}
+        height={25}
         fill={{ css: '#F7856E' }}
         style={{ zIndex: 1 }}
       />