@artsy/palette-mobile 0.2.0

package/README.md

@@ -0,0 +1,8 @@
+# Palette Mobile
+
+add point people
+
+
+- npm release
+- npm import and test i can import something
+- bring stuff in

package/dist/atoms/Box/Box.d.ts

@@ -0,0 +1,9 @@
+import { View, ViewProps } from "react-native";
+import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps } from "styled-system";
+export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps, ViewProps {
+}
+export declare const boxMixin: import("styled-system").styleFn;
+/**
+ * Box is just a `View` with common styled-system props.
+ */
+export declare const Box: import("styled-components").StyledComponent<typeof View, any, BoxProps, never>;

package/dist/atoms/Box/Box.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = exports.boxMixin = void 0;
+const react_native_1 = require("react-native");
+const native_1 = __importDefault(require("styled-components/native"));
+const styled_system_1 = require("styled-system");
+exports.boxMixin = (0, styled_system_1.compose)(styled_system_1.background, styled_system_1.border, styled_system_1.color, styled_system_1.flexbox, styled_system_1.layout, styled_system_1.position, styled_system_1.space, styled_system_1.textAlign);
+/**
+ * Box is just a `View` with common styled-system props.
+ */
+exports.Box = (0, native_1.default)(react_native_1.View) `
+  ${exports.boxMixin}
+`;
+exports.Box.displayName = "Box";

package/dist/atoms/Box/index.d.ts

@@ -0,0 +1 @@
+export * from "./Box";

package/dist/atoms/Box/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Box"), exports);

package/dist/atoms/Spacer/Spacer.d.ts

@@ -0,0 +1,10 @@
+import { HeightProps, SpaceProps, WidthProps } from "styled-system";
+export interface SpacerProps extends SpaceProps, WidthProps, HeightProps {
+    x?: SpaceProps["ml"];
+    y?: SpaceProps["mt"];
+}
+/** Used to inject space where it's needed */
+export declare const Spacer: {
+    ({ x, y, ...props }: SpacerProps): JSX.Element;
+    displayName: string;
+};

package/dist/atoms/Spacer/Spacer.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spacer = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = require("../Box");
+/** Used to inject space where it's needed */
+const Spacer = ({ x, y, ...props }) => {
+    return (0, jsx_runtime_1.jsx)(Box_1.Box, { ml: x ?? props.ml, mt: y ?? props.mt, ...props });
+};
+exports.Spacer = Spacer;
+exports.Spacer.displayName = "Spacer";

package/dist/atoms/Spacer/Spacer.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+    component: {
+        ({ x, y, ...props }: import("./Spacer").SpacerProps): JSX.Element;
+        displayName: string;
+    };
+};
+export default _default;
+export declare const Vertical: () => JSX.Element;

package/dist/atoms/Spacer/Spacer.stories.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Vertical = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const Spacer_1 = require("./Spacer");
+exports.default = {
+    title: "Spacer",
+    component: Spacer_1.Spacer,
+};
+const Vertical = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: { backgroundColor: "red", width: 10, height: 10 } }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 20 }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: { backgroundColor: "red", width: 10, height: 10 } })] }));
+exports.Vertical = Vertical;

package/dist/atoms/Spacer/index.d.ts

@@ -0,0 +1 @@
+export * from "./Spacer";

package/dist/atoms/Spacer/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Spacer"), exports);

package/dist/atoms/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Box";
+export * from "./Spacer";

package/dist/atoms/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Box"), exports);
+__exportStar(require("./Spacer"), exports);

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./atoms";

package/dist/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms"), exports);

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@artsy/palette-mobile",
+  "version": "0.2.0",
+  "description": "Artsy's design system for React Native",
+  "scripts": {
+    "install:all": "yarn install && yarn bundle-install && yarn pod-install",
+    "start": "react-native start",
+    "ios": "react-native run-ios",
+    "android": "react-native run-android",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "prestart": "sb-rn-get-stories",
+    "storybook-watcher": "sb-rn-watcher",
+    "bundle-install": "bundle install",
+    "pod-install": "cd ios && pod install && cd ..",
+    "test": "jest",
+    "build-lib": "tsc -p tsconfig.lib.json",
+    "build-lib:clean": "rimraf dist && yarn build-lib"
+  },
+  "dependencies": {
+    "react": "18.2.0",
+    "react-native": "0.69.5",
+    "styled-components": "^5.3.5",
+    "styled-system": "^5.1.5"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.13",
+    "@babel/runtime": "^7.18.9",
+    "@react-native-async-storage/async-storage": "^1.17.10",
+    "@storybook/react-native": "^6.0.1-beta.7",
+    "@tsconfig/react-native": "^2.0.2",
+    "@types/jest": "^29.0.0",
+    "@types/react-native": "^0.69.6",
+    "@types/react-test-renderer": "^18.0.0",
+    "@types/styled-components": "^5.1.26",
+    "@types/styled-components-react-native": "^5.1.3",
+    "@types/styled-system": "^5.1.15",
+    "@typescript-eslint/eslint-plugin": "^5.36.1",
+    "@typescript-eslint/parser": "^5.36.1",
+    "babel-jest": "^29.0.1",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "jest": "^29.0.1",
+    "metro-react-native-babel-preset": "^0.72.1",
+    "react-native-safe-area-context": "^4.3.3",
+    "react-test-renderer": "^18.2.0",
+    "rimraf": "^3.0.2",
+    "typescript": "^4.8.2"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT"
+}