some cleanup

packages/website/src/components/Button/index.module.css

@@ -21,27 +21,19 @@
     padding: var(--space-2) var(--space-3);
   }
 
-  &[data-array="true"] {
-    &:first-child {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-
-    &:last-child {
+  &[data-list-child="true"] {
+    &:not(:first-child) {
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
-    }
-  }
 
-  &[data-parent-array="true"] {
-    *:first-child > & {
+      border-left-width: var(--space-0);
+    }
+
+    &:not(:last-child) {
       border-top-right-radius: 0;
       border-bottom-right-radius: 0;
-    }
 
-    *:last-child > & {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
+      border-right-width: var(--space-0);
     }
   }
 
@@ -82,6 +74,6 @@
 
   &[data-variant="surface"],
   &[data-variant="outline"] {
-    outline: var(--space-1) solid var(--accent-6);
+    border: var(--space-1) solid var(--accent-6);
   }
 }

packages/website/src/components/Button/index.tsx

@@ -8,8 +8,7 @@ export interface ButtonProps extends ComponentProps<"button"> {
   radius?: `${1 | 2 | 3}` | "max";
   variant?: "solid" | "surface" | "soft" | "inverted" | "ghost" | "outline";
   size?: "regular" | "minor";
-  array?: boolean;
-  parentArray?: boolean;
+  listChild?: boolean;
   highContrast?: boolean; // TODO: add high contrast
 }
 
@@ -35,8 +34,7 @@ export function Button({
   style,
   radius = "max",
   size = "regular",
-  array = false,
-  parentArray = false,
+  listChild,
   ...props
 }: ButtonProps) {
   return (
@@ -47,8 +45,7 @@ export function Button({
       data-light-text={variant === "solid"}
       data-radius={radius}
       data-size={size}
-      data-array={array}
-      data-parent-array={parentArray}
+      data-list-child={listChild}
       {...props}
     />
   );