feat: Promote Pill from Preview to Main package

cypress/component/PillPreview.spec.tsx → cypress/component/Pill.spec.tsx

@@ -1,9 +1,9 @@
-import {Basic} from '../../modules/preview-react/pill/stories/examples/Basic';
-import {WithAvatar} from '../../modules/preview-react/pill/stories/examples/WithAvatar';
-import {WithCount} from '../../modules/preview-react/pill/stories/examples/WithCount';
-import {WithList} from '../../modules/preview-react/pill/stories/examples/WithList';
-import {WithRemovable} from '../../modules/preview-react/pill/stories/examples/WithRemovable';
-import {WithReadOnly} from '../../modules/preview-react/pill/stories/examples/WithReadOnly';
+import {Basic} from '../../modules/react/pill/stories/examples/Basic';
+import {WithAvatar} from '../../modules/react/pill/stories/examples/WithAvatar';
+import {WithCount} from '../../modules/react/pill/stories/examples/WithCount';
+import {WithList} from '../../modules/react/pill/stories/examples/WithList';
+import {WithRemovable} from '../../modules/react/pill/stories/examples/WithRemovable';
+import {WithReadOnly} from '../../modules/react/pill/stories/examples/WithReadOnly';
 
 describe('Pill', () => {
   [Basic, WithAvatar, WithCount].forEach(Example => {
@@ -32,7 +32,7 @@ describe('Pill', () => {
     });
   });
 
-  context(`given the [Preview/Pill, With List] story is rendered`, () => {
+  context(`given the [Components/Indicators/Pill, With List] story is rendered`, () => {
     beforeEach(() => {
       cy.mount(<WithList />);
     });
@@ -52,7 +52,7 @@ describe('Pill', () => {
     });
   });
 
-  context(`given the [Preview/Pill, With Removable] story is rendered`, () => {
+  context(`given the [Components/Indicators/Pill, With Removable] story is rendered`, () => {
     beforeEach(() => {
       cy.mount(<WithRemovable />);
     });
@@ -82,7 +82,7 @@ describe('Pill', () => {
     });
   });
 
-  context(`given the [Preview/Pill, With Read Only] story is rendered`, () => {
+  context(`given the [Components/Indicators/Pill, With Read Only] story is rendered`, () => {
     beforeEach(() => {
       cy.mount(<WithReadOnly />);
     });

modules/preview-react/index.ts

@@ -4,7 +4,6 @@ export * from './divider';
 export * from './information-highlight';
 export * from './loading-sparkles';
 export * from './multi-select';
-export * from './pill';
 export * from './radio';
 export * from './select';
 export * from './side-panel';

modules/preview-react/multi-select/lib/MultiSelectedItem.tsx

@@ -5,7 +5,7 @@ import {
   createSubcomponent,
 } from '@workday/canvas-kit-react/common';
 import {useListItemRegister, useListItemRovingFocus} from '@workday/canvas-kit-react/collection';
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 
 import {useMultiSelectItemRemove} from './useMultiSelectItemRemove';
 import {useMultiSelectModel} from './useMultiSelectModel';

modules/react/index.ts

@@ -19,6 +19,7 @@ export * from './layout';
 export * from './loading-dots';
 export * from './menu';
 export * from './modal';
+export * from './pill';
 export * from './pagination';
 export * from './popup';
 export * from './radio';

modules/preview-react/pill/stories/Pill.mdx → modules/react/pill/stories/Pill.mdx

@@ -20,7 +20,7 @@ information.
 ## Installation
 
 ```sh
-yarn add @workday/canvas-kit-preview-react
+yarn add @workday/canvas-kit-react
 ```
 
 ## Usage
@@ -111,4 +111,4 @@ or view the example below.
 
 ## Component API
 
-<SymbolDoc name="Pill" fileName="/preview-react/" />
+<SymbolDoc name="Pill" fileName="/react/" />

modules/preview-react/pill/stories/Pill.stories.ts → modules/react/pill/stories/Pill.stories.ts

@@ -1,7 +1,7 @@
 import {Meta, StoryObj} from '@storybook/react';
 import mdxDoc from './Pill.mdx';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 // examples
 import {WithReadOnly as WithReadOnlyExample} from './examples/WithReadOnly';
 import {WithAvatar as WithAvatarExample} from './examples/WithAvatar';
@@ -12,7 +12,7 @@ import {WithList as WithListExample} from './examples/WithList';
 import {CustomStyles as CustomStylesExample} from './examples/CustomStyles';
 
 export default {
-  title: 'Preview/Pill',
+  title: 'Components/Indicators/Pill',
   component: Pill,
   tags: ['autodocs'],
   parameters: {

modules/preview-react/pill/stories/examples/Basic.tsx → modules/react/pill/stories/examples/Basic.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 
 import {BodyText} from '@workday/canvas-kit-react/text';
 import {createStyles} from '@workday/canvas-kit-styling';

modules/preview-react/pill/stories/examples/CustomStyles.tsx → modules/react/pill/stories/examples/CustomStyles.tsx

@@ -1,4 +1,4 @@
-import {Pill, pillCountStencil, pillStencil} from '@workday/canvas-kit-preview-react/pill';
+import {Pill, pillCountStencil, pillStencil} from '@workday/canvas-kit-react/pill';
 
 import {createStencil} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';

modules/preview-react/pill/stories/examples/WithAvatar.tsx → modules/react/pill/stories/examples/WithAvatar.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 // @ts-ignore: Cannot find module error
 import testAvatar from './test-avatar.png';
 import {BodyText} from '@workday/canvas-kit-react/text';

modules/preview-react/pill/stories/examples/WithCount.tsx → modules/react/pill/stories/examples/WithCount.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 import {BodyText} from '@workday/canvas-kit-react/text';
 import {createStyles} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';

modules/preview-react/pill/stories/examples/WithList.tsx → modules/react/pill/stories/examples/WithList.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 import {createStyles} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';
 

modules/preview-react/pill/stories/examples/WithReadOnly.tsx → modules/react/pill/stories/examples/WithReadOnly.tsx

@@ -1,4 +1,4 @@
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 import {createStyles} from '@workday/canvas-kit-styling';
 import {system} from '@workday/canvas-tokens-web';
 

modules/preview-react/pill/stories/examples/WithRemovable.tsx → modules/react/pill/stories/examples/WithRemovable.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 // @ts-ignore: Cannot find module error
 import testAvatar from './test-avatar.png';
 import {BodyText} from '@workday/canvas-kit-react/text';

modules/preview-react/pill/stories/testing.stories.tsx → modules/react/pill/stories/testing.stories.tsx

@@ -1,12 +1,12 @@
 import {ComponentStatesTable, StaticStates} from '@workday/canvas-kit-react/testing';
 
-import {Pill} from '@workday/canvas-kit-preview-react/pill';
+import {Pill} from '@workday/canvas-kit-react/pill';
 import {stateTableColumnProps} from '@workday/canvas-kit-react/button/stories/visual-testing/utils';
 // @ts-ignore: Cannot find module error
 import testAvatar from './examples/test-avatar.png';
 
 export default {
-  title: 'Testing/Preview/Pill',
+  title: 'Testing/Indicators/Pill',
   component: Pill,
   parameters: {
     chromatic: {