Add tinloof toolkit files

README.md

@@ -0,0 +1,26 @@
+# Toolkit
+
+React utility functions.
+
+[Storybook](http://toolkit.tinloof.com/)
+
+## Install
+
+```
+yarn add @tinloof/toolkit
+```
+
+## Usage
+
+### Stack
+> Requires Emotion and React.
+
+```js
+import { Stack } from "@tinloof/toolkit";
+
+function App() {
+  <Stack>
+    ...
+  </Stack>
+}
+```

lib/Box.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type BoxProps = {
+    size: number;
+};
+export default function Box({ size }: BoxProps): JSX.Element;
+export {};

lib/Row/Row.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import Row from "./index";
+declare const _default: ComponentMeta<typeof Row>;
+export default _default;
+export declare const Default: ComponentStory<typeof Row>;

lib/Row/index.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { responsiveProp } from "../utils";
+import * as styles from "./styles";
+interface RowProps {
+    gap: responsiveProp<styles.gap>;
+    vGap?: responsiveProp<styles.gap>;
+    align?: responsiveProp<styles.align>;
+    wrap?: boolean;
+    wrapBefore?: number;
+    children: React.ReactNode;
+}
+export default function Row({ gap, vGap, align, wrap, wrapBefore, children, }: RowProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

lib/Row/styles.d.ts

@@ -0,0 +1,11 @@
+export declare type gap = "spaceBetween" | number;
+export declare type align = "start" | "center" | "end" | "stretch";
+export declare const row: import("@emotion/react").SerializedStyles;
+export declare const rowWrap: (wrap: boolean) => import("@emotion/react").SerializedStyles;
+export declare const rowAlign: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;
+export declare const rowGap: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;
+export declare const rowVGap: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;
+export declare const wrapBefore: (screenSize: number) => import("@emotion/react").SerializedStyles;
+export declare const box: import("@emotion/react").SerializedStyles;
+export declare const boxGap: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;
+export declare const boxVGap: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;

lib/Stack/Stack.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+import Stack from "./index";
+declare const _default: ComponentMeta<typeof Stack>;
+export default _default;
+export declare const Default: ComponentStory<typeof Stack>;

lib/Stack/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { responsiveProp } from "../utils";
+import * as styles from "./styles";
+declare type StackProps = {
+    gap: responsiveProp<number>;
+    align?: responsiveProp<styles.align>;
+    children: React.ReactNode;
+};
+export default function Stack({ gap, align, children }: StackProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

lib/Stack/styles.d.ts

@@ -0,0 +1,4 @@
+export declare type align = "start" | "center" | "end" | "stretch";
+export declare const stack: import("@emotion/react").SerializedStyles;
+export declare const align: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;
+export declare const stackGap: (responsiveProp: any) => import("@emotion/react").SerializedStyles | (import("@emotion/react").SerializedStyles | import("@emotion/react").SerializedStyles[] | null)[] | null;

lib/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Row } from "./Row";
+export { default as Stack } from "./Stack";