@atlaskit/spotlight 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,9 @@
+# @atlaskit/spotlight
+
+## 0.0.2
+
+### Patch Changes
+
+- [#189418](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/189418)
+  [`3f609b46c1aec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3f609b46c1aec) -
+  Create initial @atlaskit/spotlight package scaffold.

package/LICENSE.md

@@ -0,0 +1,11 @@
+Copyright 2023 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,13 @@
+# Spotlight
+
+Note: This package is in pre-alpha. It is not ready to be consumed and used.
+
+A spotlight introduces users to various points of interest across Atlassian through focused messages
+or multi-step tours.
+
+## Usage
+
+`import { Spotlight } from '@atlaskit/spotlight';`
+
+Detailed docs and example usage can be found
+[here](https://atlaskit.atlassian.com/packages/design-system/spotlight).

package/dist/cjs/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Spotlight", {
+  enumerable: true,
+  get: function get() {
+    return _spotlight.Spotlight;
+  }
+});
+var _spotlight = require("./ui/spotlight");

package/dist/cjs/ui/spotlight/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spotlight = void 0;
+var _react = _interopRequireDefault(require("react"));
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Spotlight__
+ *
+ * A spotlight {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+var Spotlight = exports.Spotlight = function Spotlight(_ref) {
+  var testId = _ref.testId;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId
+  }, "TODO");
+};

package/dist/es2019/index.js

@@ -0,0 +1 @@
+export { Spotlight } from './ui/spotlight';

package/dist/es2019/ui/spotlight/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Spotlight__
+ *
+ * A spotlight {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export const Spotlight = ({
+  testId
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId
+  }, "TODO");
+};

package/dist/esm/index.js

@@ -0,0 +1 @@
+export { Spotlight } from './ui/spotlight';

package/dist/esm/ui/spotlight/index.js

@@ -0,0 +1,18 @@
+import React from 'react';
+// TODO: Fill in the component {description} and ensure links point to the correct {packageName} location.
+// Remove links that the component does not have (such as usage). If there are no links remove them all.
+/**
+ * __Spotlight__
+ *
+ * A spotlight {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export var Spotlight = function Spotlight(_ref) {
+  var testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-testid": testId
+  }, "TODO");
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export { Spotlight } from './ui/spotlight';

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface SpotlightProps {
+    testId?: string;
+}
+/**
+ * __Spotlight__
+ *
+ * A spotlight {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const Spotlight: ({ testId }: SpotlightProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/index.d.ts

@@ -0,0 +1 @@
+export { Spotlight } from './ui/spotlight';

package/dist/types-ts4.5/ui/spotlight/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface SpotlightProps {
+    testId?: string;
+}
+/**
+ * __Spotlight__
+ *
+ * A spotlight {description}.
+ *
+ * - [Examples](https://atlassian.design/components/{packageName}/examples)
+ * - [Code](https://atlassian.design/components/{packageName}/code)
+ * - [Usage](https://atlassian.design/components/{packageName}/usage)
+ */
+export declare const Spotlight: ({ testId }: SpotlightProps) => React.JSX.Element;
+export {};

package/package.json

@@ -0,0 +1,91 @@
+{
+	"name": "@atlaskit/spotlight",
+	"version": "0.0.2",
+	"description": "A spotlight introduces users to various points of interest across Atlassian through focused messages or multi-step tours.",
+	"author": "Atlassian Pty Ltd",
+	"license": "Apache-2.0",
+	"atlassian": {
+		"team": "Design System Team"
+	},
+	"homepage": "https://atlassian.design/components/spotlight/",
+	"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",
+	"typesVersions": {
+		">=4.5 <5.4": {
+			"*": [
+				"dist/types-ts4.5/*",
+				"dist/types-ts4.5/index.d.ts"
+			]
+		}
+	},
+	"sideEffects": [
+		"*.compiled.css"
+	],
+	"atlaskit:src": "src/index.tsx",
+	"af:exports": {
+		".": "./src/index.tsx"
+	},
+	"dependencies": {
+		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/primitives": "^14.10.0",
+		"@atlaskit/tokens": "^5.6.0",
+		"@babel/runtime": "^7.0.0",
+		"@compiled/react": "^0.18.3"
+	},
+	"peerDependencies": {
+		"react": "^18.2.0"
+	},
+	"devDependencies": {
+		"@af/integration-testing": "workspace:^",
+		"@af/visual-regression": "workspace:^",
+		"@atlaskit/ssr": "workspace:^",
+		"@atlaskit/visual-regression": "workspace:^",
+		"@testing-library/react": "^13.4.0",
+		"react-dom": "^18.2.0",
+		"typescript": "~5.4.2"
+	},
+	"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"
+			],
+			"design-tokens": [
+				"color"
+			],
+			"theming": [
+				"react-context"
+			],
+			"ui-components": [
+				"lite-mode"
+			],
+			"deprecation": [
+				"no-deprecated-imports"
+			],
+			"styling": [
+				"static",
+				"compiled"
+			],
+			"imports": [
+				"import-no-extraneous-disable-for-examples-and-docs"
+			]
+		}
+	},
+	"publishConfig": {
+		"registry": "https://registry.npmjs.org/"
+	}
+}