@atlaskit/link-create 0.0.1

package/CHANGELOG.md

@@ -0,0 +1 @@
+# @atlaskit/link-create

package/LICENSE.md

@@ -0,0 +1,13 @@
+Copyright 2022 Atlassian Pty Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.

package/README.md

@@ -0,0 +1,9 @@
+# LinkCreate
+
+The driver component of meta creation flow
+
+## Usage
+
+`import LinkCreate from '@atlaskit/link-create';`
+
+Detailed docs and example usage can be found [here](https://atlaskit.atlassian.com/packages/linking-platform/link-create).

package/dist/cjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _linkCreate.default;
+  }
+});
+var _linkCreate = _interopRequireDefault(require("./ui/link-create"));

package/dist/cjs/ui/link-create/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LinkCreate;
+var _react = require("@emotion/react");
+var _colors = require("@atlaskit/theme/colors");
+/** @jsx jsx */
+
+var containerStyles = (0, _react.css)({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+var unselectedStyles = (0, _react.css)({
+  borderColor: "var(--ds-border, ".concat(_colors.N50, ")"),
+  ':hover': {
+    backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N20, ")")
+  }
+});
+var selectedStyles = (0, _react.css)({
+  backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
+  borderColor: "var(--ds-border-selected, ".concat(_colors.B400, ")"),
+  color: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
+  ':hover': {
+    backgroundColor: "var(--ds-background-selected-hovered, ".concat(_colors.B75, ")")
+  }
+});
+function LinkCreate(_ref) {
+  var isSelected = _ref.isSelected,
+    testId = _ref.testId,
+    width = _ref.width;
+  return (0, _react.jsx)("div", {
+    style: {
+      width: width
+    },
+    css: [containerStyles, isSelected ? selectedStyles : unselectedStyles],
+    "data-testid": testId
+  }, "Hello world");
+}

package/dist/cjs/ui/link-create/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/version.json

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

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { default } from './ui/link-create';

package/dist/es2019/ui/link-create/index.js

@@ -0,0 +1,35 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { B400, B50, B75, N20, N50 } from '@atlaskit/theme/colors';
+const containerStyles = css({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+const unselectedStyles = css({
+  borderColor: `var(--ds-border, ${N50})`,
+  ':hover': {
+    backgroundColor: `var(--ds-background-neutral-hovered, ${N20})`
+  }
+});
+const selectedStyles = css({
+  backgroundColor: `var(--ds-background-selected, ${B50})`,
+  borderColor: `var(--ds-border-selected, ${B400})`,
+  color: `var(--ds-text-selected, ${B400})`,
+  ':hover': {
+    backgroundColor: `var(--ds-background-selected-hovered, ${B75})`
+  }
+});
+export default function LinkCreate({
+  isSelected,
+  testId,
+  width
+}) {
+  return jsx("div", {
+    style: {
+      width
+    },
+    css: [containerStyles, isSelected ? selectedStyles : unselectedStyles],
+    "data-testid": testId
+  }, "Hello world");
+}

package/dist/es2019/ui/link-create/types.js

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

package/dist/es2019/version.json

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

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { default } from './ui/link-create';

package/dist/esm/ui/link-create/index.js

@@ -0,0 +1,34 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+import { B400, B50, B75, N20, N50 } from '@atlaskit/theme/colors';
+var containerStyles = css({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+var unselectedStyles = css({
+  borderColor: "var(--ds-border, ".concat(N50, ")"),
+  ':hover': {
+    backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N20, ")")
+  }
+});
+var selectedStyles = css({
+  backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
+  borderColor: "var(--ds-border-selected, ".concat(B400, ")"),
+  color: "var(--ds-text-selected, ".concat(B400, ")"),
+  ':hover': {
+    backgroundColor: "var(--ds-background-selected-hovered, ".concat(B75, ")")
+  }
+});
+export default function LinkCreate(_ref) {
+  var isSelected = _ref.isSelected,
+    testId = _ref.testId,
+    width = _ref.width;
+  return jsx("div", {
+    style: {
+      width: width
+    },
+    css: [containerStyles, isSelected ? selectedStyles : unselectedStyles],
+    "data-testid": testId
+  }, "Hello world");
+}

package/dist/esm/ui/link-create/types.js

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

package/dist/esm/version.json

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

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ui/link-create';

package/dist/types/ui/link-create/index.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { LinkCreateProps } from './types';
+export default function LinkCreate({ isSelected, testId, width, }: LinkCreateProps): jsx.JSX.Element;

package/dist/types/ui/link-create/types.d.ts

@@ -0,0 +1,15 @@
+export interface LinkCreateProps {
+    /**
+     * When `true` LinkCreate will appear selected.
+     */
+    isSelected?: boolean;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique
+     * string that appears as a data attribute `data-testid` in the rendered code,
+     * serving as a hook for automated tests */
+    testId?: string;
+    /**
+     * Width of LinkCreate.
+     */
+    width?: number;
+}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@atlaskit/link-create",
+  "version": "0.0.1",
+  "description": "The driver component of meta creation flow",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Linking Platform",
+    "inPublicMirror": false,
+    "releaseModel": "continuous",
+    "website": {
+      "name": "LinkCreate"
+    }
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "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.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/theme": "^12.2.0",
+    "@atlaskit/tokens": "^1.1.0",
+    "@babel/runtime": "^7.0.0",
+    "@emotion/react": "^11.7.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0"
+  },
+  "devDependencies": {
+    "@atlaskit/docs": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "4.5.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "code-structure": [
+        "tangerine-next"
+      ],
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "theming": [
+        "react-context",
+        "tokens"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,50 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/link-create"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import { jsx } from '@emotion/react';
+
+// @public (undocumented)
+function LinkCreate({
+  isSelected,
+  testId,
+  width,
+}: LinkCreateProps): jsx.JSX.Element;
+export default LinkCreate;
+
+// @public (undocumented)
+interface LinkCreateProps {
+  isSelected?: boolean;
+  testId?: string;
+  width?: number;
+}
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,22 @@
+## API Report File for "@atlaskit/link-create"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { jsx } from '@emotion/react';
+
+// @public (undocumented)
+function LinkCreate({ isSelected, testId, width, }: LinkCreateProps): jsx.JSX.Element;
+export default LinkCreate;
+
+// @public (undocumented)
+interface LinkCreateProps {
+    isSelected?: boolean;
+    testId?: string;
+    width?: number;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```