From 036eb85e036d57b5e597b1d26a55d69f88f1183f Mon Sep 17 00:00:00 2001
From: oreqizer <oreqizer@gmail.com>
Date: Tue, 17 Oct 2023 15:54:29 +0200
Subject: [PATCH] feat(Grid): add classname prop

---
 packages/orbit-components/src/utils/Grid/index.js.flow | 1 +
 packages/orbit-components/src/utils/Grid/index.tsx     | 3 ++-
 packages/orbit-components/src/utils/Grid/types.d.ts    | 1 +
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/orbit-components/src/utils/Grid/index.js.flow b/packages/orbit-components/src/utils/Grid/index.js.flow
index 242e37bee8..34382483bc 100644
--- a/packages/orbit-components/src/utils/Grid/index.js.flow
+++ b/packages/orbit-components/src/utils/Grid/index.js.flow
@@ -24,6 +24,7 @@ export type Props = {|
   ...BasicProps,
   ...Globals,
   +as?: string,
+  +className?: string,
   +mediumMobile?: MediaQuery,
   +largeMobile?: MediaQuery,
   +tablet?: MediaQuery,
diff --git a/packages/orbit-components/src/utils/Grid/index.tsx b/packages/orbit-components/src/utils/Grid/index.tsx
index 8240f9ef48..0645d54458 100644
--- a/packages/orbit-components/src/utils/Grid/index.tsx
+++ b/packages/orbit-components/src/utils/Grid/index.tsx
@@ -17,6 +17,7 @@ const inlineClasses: Record<QUERIES, { inline: string; grid: string }> = {
 
 const Grid = ({
   children,
+  className,
   as: ComponentTag = "div",
   dataTest,
   width,
@@ -92,7 +93,7 @@ const Grid = ({
     // @ts-expect-error orbit string as
     <ComponentTag
       data-test={dataTest}
-      className={cx([
+      className={cx(className, [
         inline ? "inline-grid" : "grid",
         spaceAfter && spaceAfterClasses[spaceAfter],
         vars["--grid-width"] != null && "w-[var(--grid-width)]",
diff --git a/packages/orbit-components/src/utils/Grid/types.d.ts b/packages/orbit-components/src/utils/Grid/types.d.ts
index 6c5aebf844..057b7eb999 100644
--- a/packages/orbit-components/src/utils/Grid/types.d.ts
+++ b/packages/orbit-components/src/utils/Grid/types.d.ts
@@ -18,6 +18,7 @@ export interface BasicProps extends Common.SpaceAfter {
 
 export interface Props extends Common.Globals, Common.SpaceAfter, BasicProps {
   readonly as?: string;
+  readonly className?: string;
   readonly mediumMobile?: BasicProps;
   readonly largeMobile?: BasicProps;
   readonly tablet?: BasicProps;