@atlaskit/ds-explorations 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @atlaskit/ds-explorations
+
+## 0.0.1
+
+### Patch Changes
+
+- [`f7edb043597`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7edb043597) - Initial release, no API exposed.

package/README.md

@@ -0,0 +1,9 @@
+# Design System Foundations
+
+An experimental private package for exploration and validation of the foundations for the Atlassian Design System.
+
+**WARNING!**
+
+This is an internal package with common functionality used in the Atlassian Design System Team.
+This package comes with no support and semver guarantees,
+your app will break if you use this directly!

package/build/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    "target": "es5",
+    "paths": {}
+  },
+  "include": [
+    "../src/**/*.tsx"
+  ],
+  "exclude": [
+    "../src/**/__tests__/*",
+    "../src/**/*.test.*",
+    "../src/**/test.*",
+    "../src/**/examples.*"
+  ]
+}

package/dist/cjs/components/box.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@emotion/core");
+
+/** @jsx jsx */
+
+/**
+ * __Box__
+ *
+ * A Box {description}.
+ *
+ * @internal
+ */
+function Box(_ref) {
+  var children = _ref.children,
+      _ref$as = _ref.as,
+      Component = _ref$as === void 0 ? 'div' : _ref$as;
+  return (0, _core.jsx)(Component, null, children);
+}
+
+var _default = Box;
+exports.default = _default;

package/dist/cjs/components/inline.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@emotion/core");
+
+var _box = _interopRequireDefault(require("./box"));
+
+/** @jsx jsx */
+
+/**
+ * __Inline__
+ *
+ * A Inline {description}.
+ *
+ * @internal
+ */
+function Inline(_ref) {
+  var children = _ref.children;
+  return (0, _core.jsx)(_box.default, null, children);
+}
+
+var _default = Inline;
+exports.default = _default;

package/dist/cjs/components/stack.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@emotion/core");
+
+var _box = _interopRequireDefault(require("./box"));
+
+/** @jsx jsx */
+
+/**
+ * __Stack__
+ *
+ * A Stack {description}.
+ *
+ * @internal
+ */
+function Stack(_ref) {
+  var children = _ref.children;
+  return (0, _core.jsx)(_box.default, null, children);
+}
+
+var _default = Stack;
+exports.default = _default;

package/dist/cjs/components/text.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _core = require("@emotion/core");
+
+/** @jsx jsx */
+
+/**
+ * __Text__
+ *
+ * A text {description}.
+ *
+ * @internal
+ */
+function Text(_ref) {
+  var children = _ref.children;
+  return (0, _core.jsx)("span", null, children);
+}
+
+var _default = Text;
+exports.default = _default;

package/dist/cjs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {};
+exports.default = _default;

package/dist/cjs/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/ds-explorations",
+	"version": "0.0.1",
+	"sideEffects": false
+}

package/dist/es2019/components/box.js

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+
+/**
+ * __Box__
+ *
+ * A Box {description}.
+ *
+ * @internal
+ */
+function Box({
+  children,
+  as: Component = 'div'
+}) {
+  return jsx(Component, null, children);
+}
+
+export default Box;

package/dist/es2019/components/inline.js

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+import Box from './box';
+
+/**
+ * __Inline__
+ *
+ * A Inline {description}.
+ *
+ * @internal
+ */
+function Inline({
+  children
+}) {
+  return jsx(Box, null, children);
+}
+
+export default Inline;

package/dist/es2019/components/stack.js

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+import Box from './box';
+
+/**
+ * __Stack__
+ *
+ * A Stack {description}.
+ *
+ * @internal
+ */
+function Stack({
+  children
+}) {
+  return jsx(Box, null, children);
+}
+
+export default Stack;

package/dist/es2019/components/text.js

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+
+/**
+ * __Text__
+ *
+ * A text {description}.
+ *
+ * @internal
+ */
+function Text({
+  children
+}) {
+  return jsx("span", null, children);
+}
+
+export default Text;

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export default {};

package/dist/es2019/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/ds-explorations",
+	"version": "0.0.1",
+	"sideEffects": false
+}

package/dist/esm/components/box.js

@@ -0,0 +1,18 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+
+/**
+ * __Box__
+ *
+ * A Box {description}.
+ *
+ * @internal
+ */
+function Box(_ref) {
+  var children = _ref.children,
+      _ref$as = _ref.as,
+      Component = _ref$as === void 0 ? 'div' : _ref$as;
+  return jsx(Component, null, children);
+}
+
+export default Box;

package/dist/esm/components/inline.js

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+import Box from './box';
+
+/**
+ * __Inline__
+ *
+ * A Inline {description}.
+ *
+ * @internal
+ */
+function Inline(_ref) {
+  var children = _ref.children;
+  return jsx(Box, null, children);
+}
+
+export default Inline;

package/dist/esm/components/stack.js

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+import Box from './box';
+
+/**
+ * __Stack__
+ *
+ * A Stack {description}.
+ *
+ * @internal
+ */
+function Stack(_ref) {
+  var children = _ref.children;
+  return jsx(Box, null, children);
+}
+
+export default Stack;

package/dist/esm/components/text.js

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+
+/**
+ * __Text__
+ *
+ * A text {description}.
+ *
+ * @internal
+ */
+function Text(_ref) {
+  var children = _ref.children;
+  return jsx("span", null, children);
+}
+
+export default Text;

package/dist/esm/index.js

@@ -0,0 +1 @@
+export default {};

package/dist/esm/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/ds-explorations",
+	"version": "0.0.1",
+	"sideEffects": false
+}

package/dist/types/components/box.d.ts

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+interface BoxProps {
+    as?: keyof JSX.IntrinsicElements;
+    children: ReactNode;
+}
+/**
+ * __Box__
+ *
+ * A Box {description}.
+ *
+ * @internal
+ */
+declare function Box({ children, as: Component }: BoxProps): JSX.Element;
+export default Box;

package/dist/types/components/inline.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+interface InlineProps {
+    children: ReactNode;
+}
+/**
+ * __Inline__
+ *
+ * A Inline {description}.
+ *
+ * @internal
+ */
+declare function Inline({ children }: InlineProps): JSX.Element;
+export default Inline;

package/dist/types/components/stack.d.ts

@@ -0,0 +1,14 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+interface StackProps {
+    children: ReactNode;
+}
+/**
+ * __Stack__
+ *
+ * A Stack {description}.
+ *
+ * @internal
+ */
+declare function Stack({ children }: StackProps): JSX.Element;
+export default Stack;

package/dist/types/components/text.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface TextProps {
+    children: string | number;
+}
+/**
+ * __Text__
+ *
+ * A text {description}.
+ *
+ * @internal
+ */
+declare function Text({ children }: TextProps): JSX.Element;
+export default Text;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/examples/00-basic.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default () => {
+  return <div />;
+};

package/examples/config.jsonc

@@ -0,0 +1,10 @@
+/**
+ * This file is used by the test scaling project to optimise test result caching
+ * Examples that are used by tests affect the outcome of tests so must be included when hashing
+ * They are defined here so the hashing algorithm doesn't need to search test files for example usage each time
+ */
+{
+  "testExamples": [
+    "00-basic.tsx"
+  ]
+}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@atlaskit/ds-explorations",
+  "version": "0.0.1",
+  "description": "An experimental package for exploration and validation of spacing / typography foundations.",
+  "atlassian": {
+    "team": "Design System Team",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "sideEffects": false,
+  "atlaskit:src": "src/index.tsx",
+  "af:exports": {
+    ".": "./src/index.tsx"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.0.0",
+    "@emotion/core": "^10.0.9"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
+    "@testing-library/react": "^8.0.1",
+    "react-dom": "^16.8.0",
+    "typescript": "4.2.4",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": "atlassian-conventions",
+      "circular-dependencies": "file-and-folder-level"
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "design-system": "v1",
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "ui-components": "lite-mode",
+      "analytics": "analytics-next",
+      "theming": "tokens",
+      "deprecation": "no-deprecated-imports"
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "homepage": "https://atlaskit.atlassian.com"
+}

package/src/components/box.tsx

@@ -0,0 +1,22 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+
+import { jsx } from '@emotion/core';
+
+interface BoxProps {
+  as?: keyof JSX.IntrinsicElements;
+  children: ReactNode;
+}
+
+/**
+ * __Box__
+ *
+ * A Box {description}.
+ *
+ * @internal
+ */
+function Box({ children, as: Component = 'div' }: BoxProps) {
+  return <Component>{children}</Component>;
+}
+
+export default Box;

package/src/components/inline.tsx

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+
+import { jsx } from '@emotion/core';
+
+import Box from './box';
+
+interface InlineProps {
+  children: ReactNode;
+}
+
+/**
+ * __Inline__
+ *
+ * A Inline {description}.
+ *
+ * @internal
+ */
+function Inline({ children }: InlineProps) {
+  return <Box>{children}</Box>;
+}
+
+export default Inline;

package/src/components/stack.tsx

@@ -0,0 +1,23 @@
+/** @jsx jsx */
+import { ReactNode } from 'react';
+
+import { jsx } from '@emotion/core';
+
+import Box from './box';
+
+interface StackProps {
+  children: ReactNode;
+}
+
+/**
+ * __Stack__
+ *
+ * A Stack {description}.
+ *
+ * @internal
+ */
+function Stack({ children }: StackProps) {
+  return <Box>{children}</Box>;
+}
+
+export default Stack;

package/src/components/text.tsx

@@ -0,0 +1,19 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/core';
+
+interface TextProps {
+  children: string | number;
+}
+
+/**
+ * __Text__
+ *
+ * A text {description}.
+ *
+ * @internal
+ */
+function Text({ children }: TextProps) {
+  return <span>{children}</span>;
+}
+
+export default Text;

package/src/index.tsx

@@ -0,0 +1 @@
+export default {};

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": [
+    "__tests__/**/*.ts",
+    "__tests__/**/*.tsx",
+    "examples/**/*.ts",
+    "examples/**/*.tsx",
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ],
+  "compilerOptions": {
+    "baseUrl": ""
+  }
+}