@atlaskit/link-create 0.0.1 → 0.0.2

package/CHANGELOG.md

@@ -1 +1,7 @@
 # @atlaskit/link-create
+
+## 0.0.2
+
+### Patch Changes
+
+- [`d7724023d26`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d7724023d26) - Initial version of Create component

package/dist/cjs/controllers/callback-context/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LinkCreateCallbackProvider", {
+  enumerable: true,
+  get: function get() {
+    return _main.LinkCreateCallbackProvider;
+  }
+});
+Object.defineProperty(exports, "useLinkCreateCallback", {
+  enumerable: true,
+  get: function get() {
+    return _main.useLinkCreateCallback;
+  }
+});
+var _main = require("./main");

package/dist/cjs/controllers/callback-context/main.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkCreateCallback = exports.LinkCreateCallbackProvider = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var LinkCreateCallbackContext = /*#__PURE__*/_react.default.createContext({});
+var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
+  var children = _ref.children,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel;
+  var value = (0, _react.useMemo)(function () {
+    return {
+      onCreate: onCreate,
+      onFailure: onFailure,
+      onCancel: onCancel
+    };
+  }, [onCreate, onFailure, onCancel]);
+  return /*#__PURE__*/_react.default.createElement(LinkCreateCallbackContext.Provider, {
+    value: value
+  }, children);
+};
+exports.LinkCreateCallbackProvider = LinkCreateCallbackProvider;
+var useLinkCreateCallback = function useLinkCreateCallback() {
+  return (0, _react.useContext)(LinkCreateCallbackContext);
+};
+exports.useLinkCreateCallback = useLinkCreateCallback;

package/dist/cjs/index.js

@@ -7,7 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
-    return _linkCreate.default;
+    return _index.default;
   }
 });
-var _linkCreate = _interopRequireDefault(require("./ui/link-create"));
+Object.defineProperty(exports, "useLinkCreateCallback", {
+  enumerable: true,
+  get: function get() {
+    return _index2.useLinkCreateCallback;
+  }
+});
+var _index = _interopRequireDefault(require("./ui/index"));
+var _index2 = require("./controllers/callback-context/index");

package/dist/cjs/ui/group-selection/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = GroupSelect;
+var _react = require("@emotion/react");
+/** @jsx jsx */
+
+var containerStyles = (0, _react.css)({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+function GroupSelect(_ref) {
+  var testId = _ref.testId,
+    groups = _ref.groups;
+  return (0, _react.jsx)("div", {
+    css: [containerStyles],
+    "data-testid": testId
+  }, "Not build yet");
+}

package/dist/cjs/ui/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 _main.default;
+  }
+});
+var _main = _interopRequireDefault(require("./main"));

package/dist/cjs/ui/main.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = LinkCreate;
+var _react = require("@emotion/react");
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _callbackContext = require("../controllers/callback-context");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/** @jsx jsx */
+
+function LinkCreate(_ref) {
+  var plugins = _ref.plugins,
+    testId = _ref.testId,
+    groupKey = _ref.groupKey,
+    entityKey = _ref.entityKey,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    active = _ref.active;
+  var chosenOne = plugins.find(function (plugin) {
+    return plugin.key === entityKey;
+  });
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return (0, _react.jsx)(_modalDialog.ModalTransition, null, !!active && (0, _react.jsx)(_modalDialog.default, {
+    onClose: onCancel,
+    testId: testId
+  }, (0, _react.jsx)(_modalDialog.ModalBody, null, (0, _react.jsx)(_callbackContext.LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: onCancel
+  }, chosenOne.form))));
+}

package/dist/cjs/ui/types.js

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

package/dist/cjs/version.json

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

package/dist/es2019/controllers/callback-context/index.js

@@ -0,0 +1 @@
+export { LinkCreateCallbackProvider, useLinkCreateCallback } from './main';

package/dist/es2019/controllers/callback-context/main.js

@@ -0,0 +1,19 @@
+import React, { useContext, useMemo } from 'react';
+const LinkCreateCallbackContext = /*#__PURE__*/React.createContext({});
+const LinkCreateCallbackProvider = ({
+  children,
+  onCreate,
+  onFailure,
+  onCancel
+}) => {
+  const value = useMemo(() => ({
+    onCreate,
+    onFailure,
+    onCancel
+  }), [onCreate, onFailure, onCancel]);
+  return /*#__PURE__*/React.createElement(LinkCreateCallbackContext.Provider, {
+    value: value
+  }, children);
+};
+const useLinkCreateCallback = () => useContext(LinkCreateCallbackContext);
+export { LinkCreateCallbackProvider, useLinkCreateCallback };

package/dist/es2019/index.js

@@ -1 +1,2 @@
-export { default } from './ui/link-create';
+export { default } from './ui/index';
+export { useLinkCreateCallback } from './controllers/callback-context/index';

package/dist/es2019/ui/group-selection/index.js

@@ -0,0 +1,16 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+const containerStyles = css({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+export default function GroupSelect({
+  testId,
+  groups
+}) {
+  return jsx("div", {
+    css: [containerStyles],
+    "data-testid": testId
+  }, "Not build yet");
+}

package/dist/es2019/ui/index.js

@@ -0,0 +1 @@
+export { default } from './main';

package/dist/es2019/ui/main.js

@@ -0,0 +1,27 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { LinkCreateCallbackProvider } from '../controllers/callback-context';
+export default function LinkCreate({
+  plugins,
+  testId,
+  groupKey,
+  entityKey,
+  onCreate,
+  onFailure,
+  onCancel,
+  active
+}) {
+  const chosenOne = plugins.find(plugin => plugin.key === entityKey);
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return jsx(ModalTransition, null, !!active && jsx(Modal, {
+    onClose: onCancel,
+    testId: testId
+  }, jsx(ModalBody, null, jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: onCancel
+  }, chosenOne.form))));
+}

package/dist/es2019/version.json

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

package/dist/esm/controllers/callback-context/index.js

@@ -0,0 +1 @@
+export { LinkCreateCallbackProvider, useLinkCreateCallback } from './main';

package/dist/esm/controllers/callback-context/main.js

@@ -0,0 +1,22 @@
+import React, { useContext, useMemo } from 'react';
+var LinkCreateCallbackContext = /*#__PURE__*/React.createContext({});
+var LinkCreateCallbackProvider = function LinkCreateCallbackProvider(_ref) {
+  var children = _ref.children,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel;
+  var value = useMemo(function () {
+    return {
+      onCreate: onCreate,
+      onFailure: onFailure,
+      onCancel: onCancel
+    };
+  }, [onCreate, onFailure, onCancel]);
+  return /*#__PURE__*/React.createElement(LinkCreateCallbackContext.Provider, {
+    value: value
+  }, children);
+};
+var useLinkCreateCallback = function useLinkCreateCallback() {
+  return useContext(LinkCreateCallbackContext);
+};
+export { LinkCreateCallbackProvider, useLinkCreateCallback };

package/dist/esm/index.js

@@ -1 +1,2 @@
-export { default } from './ui/link-create';
+export { default } from './ui/index';
+export { useLinkCreateCallback } from './controllers/callback-context/index';

package/dist/esm/ui/group-selection/index.js

@@ -0,0 +1,15 @@
+/** @jsx jsx */
+import { css, jsx } from '@emotion/react';
+var containerStyles = css({
+  padding: '8px',
+  border: '1px solid',
+  borderRadius: '4px'
+});
+export default function GroupSelect(_ref) {
+  var testId = _ref.testId,
+    groups = _ref.groups;
+  return jsx("div", {
+    css: [containerStyles],
+    "data-testid": testId
+  }, "Not build yet");
+}

package/dist/esm/ui/group-selection/types.js

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

package/dist/esm/ui/index.js

@@ -0,0 +1 @@
+export { default } from './main';

package/dist/esm/ui/main.js

@@ -0,0 +1,28 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import Modal, { ModalBody, ModalTransition } from '@atlaskit/modal-dialog';
+import { LinkCreateCallbackProvider } from '../controllers/callback-context';
+export default function LinkCreate(_ref) {
+  var plugins = _ref.plugins,
+    testId = _ref.testId,
+    groupKey = _ref.groupKey,
+    entityKey = _ref.entityKey,
+    onCreate = _ref.onCreate,
+    onFailure = _ref.onFailure,
+    onCancel = _ref.onCancel,
+    active = _ref.active;
+  var chosenOne = plugins.find(function (plugin) {
+    return plugin.key === entityKey;
+  });
+  if (!chosenOne) {
+    throw new Error('Make sure you specified a valid entityKey');
+  }
+  return jsx(ModalTransition, null, !!active && jsx(Modal, {
+    onClose: onCancel,
+    testId: testId
+  }, jsx(ModalBody, null, jsx(LinkCreateCallbackProvider, {
+    onCreate: onCreate,
+    onFailure: onFailure,
+    onCancel: onCancel
+  }, chosenOne.form))));
+}

package/dist/esm/ui/types.js

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

package/dist/esm/version.json

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

package/dist/types/controllers/callback-context/index.d.ts

@@ -0,0 +1 @@
+export { LinkCreateCallbackProvider, useLinkCreateCallback } from './main';

package/dist/types/controllers/callback-context/main.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface LinkCreateCallbackProviderProps {
+    /**
+     * This callback for when the resource has been successfully created.
+     */
+    onCreate?: (url: string) => void;
+    /**
+     * This callback for any errors
+     */
+    onFailure?: (error: unknown) => void;
+    /**
+     * This callback for when the form was manually discarded by user
+     */
+    onCancel?: () => void;
+}
+declare const LinkCreateCallbackProvider: React.FC<LinkCreateCallbackProviderProps>;
+declare const useLinkCreateCallback: () => LinkCreateCallbackProviderProps;
+export { LinkCreateCallbackProvider, useLinkCreateCallback };

package/dist/types/index.d.ts

@@ -1 +1,2 @@
-export { default } from './ui/link-create';
+export { default } from './ui/index';
+export { useLinkCreateCallback } from './controllers/callback-context/index';

package/dist/types/ui/group-selection/index.d.ts

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

package/dist/types/ui/group-selection/types.d.ts

@@ -0,0 +1,25 @@
+export interface Group {
+    /**
+     * A label to display for the Group
+     */
+    label: string;
+    /**
+     * An icon to display for the Group
+     */
+    icon: string;
+    /**
+     * A unique key for the Group
+     */
+    key: string;
+}
+export interface GroupSelectProps {
+    /**
+     * 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;
+    /**
+     * Available groups to display
+     */
+    groups: Group[];
+}

package/dist/types/ui/index.d.ts

@@ -0,0 +1 @@
+export { default } from './main';

package/dist/types/ui/main.d.ts

@@ -0,0 +1,4 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { LinkCreateProps } from './types';
+export default function LinkCreate({ plugins, testId, groupKey, entityKey, onCreate, onFailure, onCancel, active, }: LinkCreateProps): jsx.JSX.Element;

package/dist/types/ui/types.d.ts

@@ -0,0 +1,61 @@
+import { ReactNode } from 'react';
+import { Group } from './group-selection/types';
+export interface LinkCreatePlugin {
+    /**
+     * The Group that this plugin entity belongs to
+     */
+    group: Group;
+    /**
+     * A label to display for the plugin entity
+     */
+    label: string;
+    /**
+     * An icon to display for the plugin entity
+     */
+    icon: string;
+    /**
+     * A unique key for the plugin entity
+     */
+    key: string;
+    /**
+     * A renderer function to render the form
+     */
+    form: ReactNode;
+}
+export interface LinkCreateProps {
+    /**
+     * 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;
+    plugins: LinkCreatePlugin[];
+    /**
+     * The initial group key for create. If this is provided, it will jump
+     * directly to the entity selection screen
+     */
+    groupKey?: string;
+    /**
+     * The initial entity name for create. If this is provided, it will jump
+     * directly to the entity creation form.
+     * Note: it will be non-optional for now and can move to optional when we have
+     * the meta creation flow built.
+     */
+    entityKey: string;
+    /**
+     * This callback for when the resource has been successfully created.
+     */
+    onCreate?: (url: string) => void;
+    /**
+     * This callback for any errors
+     */
+    onFailure?: (error: unknown) => void;
+    /**
+     * This callback for when the form was manually discarded by user
+     */
+    onCancel?: () => void;
+    /**
+     * This value controls whether the Create Modal should be active or hidden
+     * Default: false
+     */
+    active?: boolean;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/link-create",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "The driver component of meta creation flow",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -26,8 +26,7 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^1.1.0",
+    "@atlaskit/modal-dialog": "^12.4.4",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -35,6 +34,7 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
+    "@atlaskit/button": "^16.5.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",

package/report.api.md

@@ -16,22 +16,60 @@
 
 ```ts
 import { jsx } from '@emotion/react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+interface Group {
+  icon: string;
+  key: string;
+  label: string;
+}
 
 // @public (undocumented)
 function LinkCreate({
-  isSelected,
+  plugins,
   testId,
-  width,
+  groupKey,
+  entityKey,
+  onCreate,
+  onFailure,
+  onCancel,
+  active,
 }: LinkCreateProps): jsx.JSX.Element;
 export default LinkCreate;
 
+// @public (undocumented)
+interface LinkCreateCallbackProviderProps {
+  onCancel?: () => void;
+  onCreate?: (url: string) => void;
+  onFailure?: (error: unknown) => void;
+}
+
+// @public (undocumented)
+interface LinkCreatePlugin {
+  form: ReactNode;
+  group: Group;
+  icon: string;
+  key: string;
+  label: string;
+}
+
 // @public (undocumented)
 interface LinkCreateProps {
-  isSelected?: boolean;
+  active?: boolean;
+  entityKey: string;
+  groupKey?: string;
+  onCancel?: () => void;
+  onCreate?: (url: string) => void;
+  onFailure?: (error: unknown) => void;
+  // (undocumented)
+  plugins: LinkCreatePlugin[];
   testId?: string;
-  width?: number;
 }
 
+// @public (undocumented)
+export const useLinkCreateCallback: () => LinkCreateCallbackProviderProps;
+
 // (No @packageDocumentation comment for this package)
 ```
 

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

@@ -5,18 +5,51 @@
 ```ts
 
 import { jsx } from '@emotion/react';
+import { ReactNode } from 'react';
 
 // @public (undocumented)
-function LinkCreate({ isSelected, testId, width, }: LinkCreateProps): jsx.JSX.Element;
+interface Group {
+    icon: string;
+    key: string;
+    label: string;
+}
+
+// @public (undocumented)
+function LinkCreate({ plugins, testId, groupKey, entityKey, onCreate, onFailure, onCancel, active, }: LinkCreateProps): jsx.JSX.Element;
 export default LinkCreate;
 
+// @public (undocumented)
+interface LinkCreateCallbackProviderProps {
+    onCancel?: () => void;
+    onCreate?: (url: string) => void;
+    onFailure?: (error: unknown) => void;
+}
+
+// @public (undocumented)
+interface LinkCreatePlugin {
+    form: ReactNode;
+    group: Group;
+    icon: string;
+    key: string;
+    label: string;
+}
+
 // @public (undocumented)
 interface LinkCreateProps {
-    isSelected?: boolean;
+    active?: boolean;
+    entityKey: string;
+    groupKey?: string;
+    onCancel?: () => void;
+    onCreate?: (url: string) => void;
+    onFailure?: (error: unknown) => void;
+    // (undocumented)
+    plugins: LinkCreatePlugin[];
     testId?: string;
-    width?: number;
 }
 
+// @public (undocumented)
+export const useLinkCreateCallback: () => LinkCreateCallbackProviderProps;
+
 // (No @packageDocumentation comment for this package)
 
 ```

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

@@ -1,41 +0,0 @@
-"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/es2019/ui/link-create/index.js

@@ -1,35 +0,0 @@
-/** @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/esm/ui/link-create/index.js

@@ -1,34 +0,0 @@
-/** @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/types/ui/link-create/index.d.ts

@@ -1,4 +0,0 @@
-/** @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

@@ -1,15 +0,0 @@
-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;
-}