Merge pull request #877 from buildo/fix-deps-types-circular-constraint

Add react-table types as dependency and fix type parameter circular constraint

packages/bento-design-system/package.json

@@ -113,6 +113,7 @@
     "@react-types/shared": "3.19.0",
     "@tanstack/react-virtual": "3.0.0-beta.65",
     "@tanstack/virtual-core": "3.0.0-beta.65",
+    "@types/react-table": "7.7.20",
     "@vanilla-extract/css": "1.13.0",
     "@vanilla-extract/dynamic": "2.0.3",
     "@vanilla-extract/recipes": "0.5.3",
@@ -164,7 +165,6 @@
     "@types/react-dom": "18.2.7",
     "@types/react-input-mask": "3.0.5",
     "@types/react-is": "18.2.1",
-    "@types/react-table": "7.7.20",
     "@types/testing-library__jest-dom": "5.14.9",
     "@typescript-eslint/parser": "5.62.0",
     "@vanilla-extract/babel-plugin": "1.2.0",

packages/bento-design-system/src/Typography/TypographyProps.ts

@@ -1,4 +1,4 @@
-import { Children as Children_ } from "../util/Children";
+import { Children } from "../util/Children";
 
 export type TypographySize = "small" | "medium" | "large";
 export type TypographyAlign = "left" | "center" | "right" | "justify";
@@ -19,10 +19,10 @@ export type TypographyColor =
 
 export type TypographyProps<
   Align extends TypographyAlign = TypographyAlign,
-  Children extends Children_ = Children_,
+  Elements extends Children = Children,
   Color extends TypographyColor = TypographyColor
 > = {
-  children: Children;
+  children: Elements;
   size: TypographySize;
   color?: Color;
   align?: Align;