[LG-5562] integ(wizard): Creates Wizard package

packages/wizard/README.md

@@ -0,0 +1,26 @@
+
+# Wizard
+
+![npm (scoped)](https://img.shields.io/npm/v/@leafygreen-ui/wizard.svg)
+#### [View on MongoDB.design](https://www.mongodb.design/component/wizard/live-example/)
+
+## Installation
+
+### PNPM
+
+```shell
+pnpm add @leafygreen-ui/wizard
+```
+
+### Yarn
+
+```shell
+yarn add @leafygreen-ui/wizard
+```
+
+### NPM
+
+```shell
+npm install @leafygreen-ui/wizard
+```
+

packages/wizard/package.json

@@ -0,0 +1,43 @@
+
+{
+  "name": "@leafygreen-ui/wizard",
+  "version": "0.1.0",
+  "description": "LeafyGreen UI Kit Wizard",
+  "main": "./dist/umd/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "license": "Apache-2.0",
+  "exports": {
+    ".": {
+      "require": "./dist/umd/index.js",
+      "import": "./dist/esm/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./testing": {
+      "require": "./dist/umd/testing/index.js",
+      "import": "./dist/esm/testing/index.js",
+      "types": "./dist/types/testing/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "lg-build bundle",
+    "tsc": "lg-build tsc",
+    "docs": "lg-build docs"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@leafygreen-ui/emotion": "workspace:^",
+    "@leafygreen-ui/lib": "workspace:^",
+    "@lg-tools/test-harnesses": "workspace:^"
+  },
+  "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/wizard",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mongodb/leafygreen-ui"
+  },
+  "bugs": {
+    "url": "https://jira.mongodb.org/projects/LG/summary"
+  }
+}

packages/wizard/src/Wizard.stories.tsx

@@ -0,0 +1,17 @@
+
+import React from 'react';
+import { StoryFn } from '@storybook/react';
+
+import { Wizard } from '.';
+
+export default {
+  title: 'Components/Wizard',
+  component: Wizard,
+}
+
+const Template: StoryFn<typeof Wizard> = (props) => (
+  <Wizard {...props} />
+);
+
+export const Basic = Template.bind({});
+

packages/wizard/src/Wizard/Wizard.spec.tsx

@@ -0,0 +1,11 @@
+
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { Wizard } from '.';
+
+describe('packages/wizard', () => {
+  test('condition', () => {
+
+  })
+})

packages/wizard/src/Wizard/Wizard.styles.ts

@@ -0,0 +1,4 @@
+
+import { css } from '@leafygreen-ui/emotion';
+
+export const baseStyles = css``;

packages/wizard/src/Wizard/Wizard.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WizardProps } from './Wizard.types';
+
+export function Wizard({}: WizardProps) {
+  return <div>your content here</div>;
+}
+
+Wizard.displayName = 'Wizard';

packages/wizard/src/Wizard/Wizard.types.ts

@@ -0,0 +1 @@
+export interface WizardProps {}

packages/wizard/src/Wizard/index.ts

@@ -0,0 +1,3 @@
+
+export  { Wizard } from './Wizard';
+export { type WizardProps } from './Wizard.types';

packages/wizard/src/WizardFooter/WizardFooter.spec.tsx

@@ -0,0 +1,11 @@
+
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { WizardFooter } from '.';
+
+describe('packages/wizard-footer', () => {
+  test('condition', () => {
+
+  })
+})

packages/wizard/src/WizardFooter/WizardFooter.styles.ts

@@ -0,0 +1,4 @@
+
+import { css } from '@leafygreen-ui/emotion';
+
+export const baseStyles = css``;

packages/wizard/src/WizardFooter/WizardFooter.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WizardFooterProps } from './WizardFooter.types';
+
+export function WizardFooter({}: WizardFooterProps) {
+  return <div>your content here</div>;
+}
+
+WizardFooter.displayName = 'WizardFooter';

packages/wizard/src/WizardFooter/WizardFooter.types.ts

@@ -0,0 +1 @@
+export interface WizardFooterProps {}

packages/wizard/src/WizardFooter/index.ts

@@ -0,0 +1,3 @@
+
+export  { WizardFooter } from './WizardFooter';
+export { type WizardFooterProps } from './WizardFooter.types';

packages/wizard/src/WizardStep/WizardStep.spec.tsx

@@ -0,0 +1,11 @@
+
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { WizardStep } from '.';
+
+describe('packages/wizard-step', () => {
+  test('condition', () => {
+
+  })
+})

packages/wizard/src/WizardStep/WizardStep.styles.ts

@@ -0,0 +1,4 @@
+
+import { css } from '@leafygreen-ui/emotion';
+
+export const baseStyles = css``;

packages/wizard/src/WizardStep/WizardStep.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WizardStepProps } from './WizardStep.types';
+
+export function WizardStep({}: WizardStepProps) {
+  return <div>your content here</div>;
+}
+
+WizardStep.displayName = 'WizardStep';

packages/wizard/src/WizardStep/WizardStep.types.ts

@@ -0,0 +1 @@
+export interface WizardStepProps {}

packages/wizard/src/WizardStep/index.ts

@@ -0,0 +1,3 @@
+
+export  { WizardStep } from './WizardStep';
+export { type WizardStepProps } from './WizardStep.types';

packages/wizard/src/index.ts

@@ -0,0 +1 @@
+export { Wizard, type WizardProps } from './Wizard';

packages/wizard/src/testing/getTestUtils.spec.tsx

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { Wizard } from '.';
+
+describe('packages/wizard/getTestUtils', () => {
+  test('condition', () => {
+
+  })
+})

packages/wizard/src/testing/getTestUtils.tsx

@@ -0,0 +1,15 @@
+import { findByLgId, getByLgId, queryByLgId } from '@lg-tools/test-harnesses';
+
+import { LgIdString } from '@leafygreen-ui/lib';
+
+import { DEFAULT_LGID_ROOT, getLgIds } from '../utils/getLgIds';
+
+import { TestUtilsReturnType } from './getTestUtils.types';
+
+export const getTestUtils = (
+  lgId: LgIdString = DEFAULT_LGID_ROOT,
+): TestUtilsReturnType => {
+  const lgIds = getLgIds(lgId);
+
+  return {};
+};

packages/wizard/src/testing/getTestUtils.types.ts

@@ -0,0 +1 @@
+export interface TestUtilsReturnType {}

packages/wizard/src/testing/index.ts

@@ -0,0 +1,2 @@
+export { getTestUtils } from './getTestUtils';
+export { type TestUtilsReturnType } from './getTestUtils.types';

packages/wizard/src/utils/getLgIds.ts

@@ -0,0 +1,12 @@
+import { LgIdString } from '@leafygreen-ui/lib';
+
+export const DEFAULT_LGID_ROOT = 'lg-wizard';
+
+export const getLgIds = (root: LgIdString = DEFAULT_LGID_ROOT) => {
+  const ids = {
+    root,
+  } as const;
+  return ids;
+};
+
+export type GetLgIdsReturnType = ReturnType<typeof getLgIds>;

packages/wizard/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": "@lg-tools/build/config/package.tsconfig.json",
+   "compilerOptions": {
+    "paths": {
+      "@leafygreen-ui/icon/dist/*": ["../icon/src/generated/*"],
+      "@leafygreen-ui/*": ["../*/src"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["**/*.spec.*", "**/*.stories.*"],
+  "references": [
+    {
+      "path": "../emotion"
+    },
+    {
+      "path": "../lib"
+    },
+    {
+      "path": "../../tools/test-harnesses"
+    }
+  ]
+}

tools/install/src/ALL_PACKAGES.ts

@@ -76,6 +76,7 @@ export const ALL_PACKAGES = [
   '@leafygreen-ui/toolbar',
   '@leafygreen-ui/tooltip',
   '@leafygreen-ui/typography',
+  '@leafygreen-ui/wizard',
   '@leafygreen-ui/vertical-stepper',
   '@lg-charts/chart-card',
   '@lg-charts/colors',