Merge pull request #802 from gympass/DS-837

[DS-837] Add flex typing
gympass · May 28, 2024 · 68b66d6 · 68b66d6
2 parents d30b838 + 5fb911c
commit 68b66d6
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/packages/system/src/flex.js → packages/system/src/flex/flex.js b/packages/system/src/flex.js → packages/system/src/flex/flex.js
@@ -1,6 +1,6 @@
-import { compose, generator, getSpacing } from './theme';
+import { compose, generator, getSpacing } from '../theme';
 
-import { toPx } from './unit';
+import { toPx } from '../unit';
 
 const flexDirection = props =>
   generator({

diff --git a/packages/system/src/flex.test.js → packages/system/src/flex/flex.test.js b/packages/system/src/flex.test.js → packages/system/src/flex/flex.test.js
diff --git a/packages/system/src/flex/index.ts b/packages/system/src/flex/index.ts
@@ -0,0 +1,2 @@
+export * from './flex';
+export type { Flex } from './types';
diff --git a/packages/system/src/flex/types.ts b/packages/system/src/flex/types.ts
@@ -0,0 +1,20 @@
+import { spacing } from '@gympass/yoga-tokens';
+
+type GapValues = typeof spacing | string | number;
+
+export type Flex = {
+  flexDirection?: string;
+  alignItems?: string;
+  alignContent?: string;
+  alignSelf?: string;
+  justifyContent?: string;
+  justifySelf?: string;
+  flex?: string | number;
+  flexBasis?: string;
+  flexFlow?: string;
+  flexGrow?: string | number;
+  flexShrink?: string;
+  flexWrap?: string;
+  order?: string | number;
+  gap?: GapValues;
+};