Merge pull request #72 from tone-row/add-grid-area

fix(box): add grid-area prop

Author: rob-gordon

slang/src/Box/props.ts

@@ -37,6 +37,7 @@ export interface ResponsiveProps<
   content?: string;
   items?: string;
   self?: string;
+  area?: string;
   gap?: number;
   columnGap?: number;
   rowGap?: number;
@@ -245,4 +246,8 @@ export const boxConfig: ComponentConfig<ResponsiveProps>[] = [
     cssFromVariable: (v) =>
       `border-radius: calc(var(--smallest-border-radius-px) * ${v});`,
   },
+  {
+    key: "area",
+    cssFromVariable: (v) => `grid-area: ${v};`,
+  },
 ];