@7shifts/sous-chef 3.1.0 → 3.1.1

package/dist/layout/Flex/Flex.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { AlignItems, FlexWrap, JustifyContent, Space, SpaceConfig } from './types';
+import { PositionStyles } from '../../foundation/types';
 declare type Props = {
     children: React.ReactNode;
     space?: Space | SpaceConfig;
@@ -13,7 +14,7 @@ declare type Props = {
     flexWrap?: FlexWrap;
     testId?: string;
     extraClass?: string;
-};
+} & PositionStyles;
 /**
  * Flex is a internal component used by Stack and Inline. DON'T use this component outside of Sous Chef
  */

package/dist/layout/Inline/Inline.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PositionStyles } from '../../foundation/types';
 import type { AlignItems, FlexWrap, JustifyContent, Space, SpaceConfig } from '../Flex/types';
 declare type Props = {
     children: React.ReactNode;
@@ -13,7 +14,7 @@ declare type Props = {
     inlineFlex?: boolean;
     flexWrap?: FlexWrap;
     testId?: string;
-};
+} & PositionStyles;
 /**
  * Layout component to easily line elements up in a row.
  */

package/dist/layout/Stack/Stack.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { PositionStyles } from '../../foundation/types';
 import type { JustifyContent, Space, AlignItems, SpaceConfig } from '../Flex/types';
 declare type Props = {
     children: React.ReactNode;
@@ -12,7 +13,7 @@ declare type Props = {
     justifyContent?: JustifyContent;
     flexItems?: boolean;
     testId?: string;
-};
+} & PositionStyles;
 /**
  * Layout component to easily stack elements up in a column.
  */

package/dist/typography/Text/Text.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { PositionStyles } from '../../foundation/types';
 import { TextType, Emphasis, Alignment } from './types';
 declare type Props = {
     children: React.ReactNode;
@@ -7,9 +8,14 @@ declare type Props = {
     alignment?: Alignment;
     color?: string;
     testId?: string;
-};
-declare const Text: ({ children, as, emphasis, alignment, color, testId }: Props) => React.ReactElement<{
+} & PositionStyles;
+declare const Text: ({ children, as, emphasis, alignment, color, testId, ...positionProps }: Props) => React.ReactElement<{
     style: {
+        margin?: string | number | (string & {}) | undefined;
+        marginTop?: string | number | (string & {}) | undefined;
+        marginRight?: string | number | (string & {}) | undefined;
+        marginBottom?: string | number | (string & {}) | undefined;
+        marginLeft?: string | number | (string & {}) | undefined;
         color: string | undefined;
     };
     className: string;

package/dist/utils/storybookArgTypes.d.ts

@@ -0,0 +1,77 @@
+export declare const POSITION_ARG_TYPES: {
+    margin: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginTop: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginRight: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginBottom: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    marginLeft: {
+        name: string;
+        description: string;
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+        };
+    };
+    m: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mt: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mr: {
+        table: {
+            disable: boolean;
+        };
+    };
+    mb: {
+        table: {
+            disable: boolean;
+        };
+    };
+    ml: {
+        table: {
+            disable: boolean;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "3.1.0",
+    "version": "3.1.1",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",
@@ -51,6 +51,7 @@
         "@svgr/cli": "^6.2.0",
         "@testing-library/jest-dom": "^5.12.0",
         "@testing-library/react": "^11.2.7",
+        "@testing-library/react-hooks": "^8.0.1",
         "@testing-library/user-event": "^13.2.1",
         "@types/jest": "^25.1.4",
         "@types/lodash-es": "^4.17.5",