feat(draggable)!: renames drag-drop package to draggable

README.md

@@ -28,7 +28,7 @@ to install.
 | [`@zendeskgarden/react-chrome`](packages/chrome)                     | [![npm version][chrome npm version]][chrome npm link]                     | [![Bundle Size][chrome size bundle]][chrome size link]                     |
 | [`@zendeskgarden/react-colorpickers`](packages/colorpickers)         | [![npm version][colorpickers npm version]][colorpickers npm link]         | [![Bundle Size][colorpickers size bundle]][colorpickers size link]         |
 | [`@zendeskgarden/react-datepickers`](packages/datepickers)           | [![npm version][datepickers npm version]][datepickers npm link]           | [![Bundle Size][datepickers size bundle]][datepickers size link]           |
-| [`@zendeskgarden/react-drag-drop`](packages/drag-drop)               | [![npm version][drag-drop npm version]][drag-drop npm link]               | [![Bundle Size][drag-drop size bundle]][drag-drop size link]               |
+| [`@zendeskgarden/react-draggable`](packages/draggable)               | [![npm version][draggable npm version]][draggable npm link]               | [![Bundle Size][draggable size bundle]][draggable size link]               |
 | [`@zendeskgarden/react-dropdowns.legacy`](packages/dropdowns.legacy) | [![npm version][dropdowns.legacy npm version]][dropdowns.legacy npm link] | [![Bundle Size][dropdowns.legacy size bundle]][dropdowns.legacy size link] |
 | [`@zendeskgarden/react-dropdowns`](packages/dropdowns)               | [![npm version][dropdowns npm version]][dropdowns npm link]               | [![Bundle Size][dropdowns size bundle]][dropdowns size link]               |
 | [`@zendeskgarden/react-forms`](packages/forms)                       | [![npm version][forms npm version]][forms npm link]                       | [![Bundle Size][forms size bundle]][forms size link]                       |
@@ -72,10 +72,10 @@ to install.
 [datepickers npm link]: https://www.npmjs.com/package/@zendeskgarden/react-datepickers
 [datepickers size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-datepickers
 [datepickers size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-datepickers
-[drag-drop npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-drag-drop
-[drag-drop npm link]: https://www.npmjs.com/package/@zendeskgarden/react-drag-drop
-[drag-drop size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-drag-drop
-[drag-drop size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-drag-drop
+[draggable npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-draggable
+[draggable npm link]: https://www.npmjs.com/package/@zendeskgarden/react-draggable
+[draggable size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-draggable
+[draggable size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-draggable
 [dropdowns.legacy npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-dropdowns.legacy
 [dropdowns.legacy npm link]: https://www.npmjs.com/package/@zendeskgarden/react-dropdowns.legacy
 [dropdowns.legacy size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-dropdowns.legacy

docs/migration.md

@@ -99,6 +99,10 @@ consider additional positioning prop support on a case-by-case basis.
   - removed `popperModifiers` prop (see [note](#breaking-changes))
 - `DatepickerRange`: renamed to `DatePickerRange`
 
+#### @zendeskgarden/react-draggable
+
+- Use this package if you were using `@zendeskgarden/react-drag-drop` in `v8`
+
 #### @zendeskgarden/react-dropdowns
 
 - Use this package if you were using `@zendeskgarden/react-dropdowns.next` in `v8`

packages/drag-drop/README.md → packages/draggable/README.md

@@ -1,15 +1,15 @@
-# @zendeskgarden/react-drag-drop [![npm version][npm version badge]][npm version link]
+# @zendeskgarden/react-draggable [![npm version][npm version badge]][npm version link]
 
-[npm version badge]: https://flat.badgen.net/npm/v/@zendeskgarden/react-drag-drop
-[npm version link]: https://www.npmjs.com/package/@zendeskgarden/react-drag-drop
+[npm version badge]: https://flat.badgen.net/npm/v/@zendeskgarden/react-draggable
+[npm version link]: https://www.npmjs.com/package/@zendeskgarden/react-draggable
 
 This package includes components related to drag and drop in the
 [Garden Design System](https://zendeskgarden.github.io/).
 
 ## Installation
 
 ```sh
-npm install @zendeskgarden/react-drag-drop
+npm install @zendeskgarden/react-draggable
 
 # Peer Dependencies - Also Required
 npm install react react-dom styled-components @zendeskgarden/react-theming
@@ -19,7 +19,7 @@ npm install react react-dom styled-components @zendeskgarden/react-theming
 
 ```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
-import { Draggable, DraggableList, Dropzone } from '@zendeskgarden/react-drag-drop';
+import { Draggable, DraggableList, Dropzone } from '@zendeskgarden/react-draggable';
 
 /**
  * Place a `ThemeProvider` at the root of your React application

packages/drag-drop/demo/draggable-list.stories.mdx → packages/draggable/demo/draggable-list.stories.mdx

@@ -1,11 +1,11 @@
 import { Meta, ArgsTable, Canvas, Story, Markdown } from '@storybook/addon-docs';
-import { DraggableList } from '@zendeskgarden/react-drag-drop';
+import { DraggableList } from '@zendeskgarden/react-draggable';
 import { DraggableListStory } from './stories/DraggableListStory';
 import { LIST_ITEMS as items } from './stories/data';
 import README from '../README.md';
 
 <Meta
-  title="Packages/Drag-Drop/DraggableList"
+  title="Packages/Draggable/DraggableList"
   component={DraggableList}
   subcomponents={{
     'DraggableList.DropIndicator': DraggableList.DropIndicator,

packages/drag-drop/demo/draggable.stories.mdx → packages/draggable/demo/draggable.stories.mdx

@@ -1,10 +1,10 @@
 import { Meta, ArgsTable, Canvas, Story, Markdown } from '@storybook/addon-docs';
-import { Draggable } from '@zendeskgarden/react-drag-drop';
+import { Draggable } from '@zendeskgarden/react-draggable';
 import { DraggableStory } from './stories/DraggableStory';
 import README from '../README.md';
 
 <Meta
-  title="Packages/Drag-Drop/Draggable"
+  title="Packages/Draggable/Draggable"
   component={Draggable}
   subcomponents={{
     'Draggable.Content': Draggable.Content,

packages/drag-drop/demo/dropzone.stories.mdx → packages/draggable/demo/dropzone.stories.mdx

@@ -1,10 +1,10 @@
 import { Meta, ArgsTable, Canvas, Story, Markdown } from '@storybook/addon-docs';
-import { Dropzone } from '@zendeskgarden/react-drag-drop';
+import { Dropzone } from '@zendeskgarden/react-draggable';
 import { DropzoneStory } from './stories/DropzoneStory';
 import README from '../README.md';
 
 <Meta
-  title="Packages/Drag-Drop/Dropzone"
+  title="Packages/Draggable/Dropzone"
   component={Dropzone}
   subcomponents={{
     'Dropzone.Icon': Dropzone.Icon,

packages/drag-drop/demo/stories/DraggableListStory.tsx → packages/draggable/demo/stories/DraggableListStory.tsx

@@ -7,7 +7,7 @@
 
 import React, { Fragment } from 'react';
 import { Story } from '@storybook/react';
-import { Draggable, IDraggableListProps, DraggableList } from '@zendeskgarden/react-drag-drop';
+import { Draggable, IDraggableListProps, DraggableList } from '@zendeskgarden/react-draggable';
 
 interface IArgs extends IDraggableListProps {
   items: string[];

packages/drag-drop/demo/stories/DraggableStory.tsx → packages/draggable/demo/stories/DraggableStory.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { Story } from '@storybook/react';
-import { Draggable, IDraggableProps } from '@zendeskgarden/react-drag-drop';
+import { Draggable, IDraggableProps } from '@zendeskgarden/react-draggable';
 
 interface IArgs extends IDraggableProps {
   hasGrip?: boolean;

packages/drag-drop/demo/stories/DropzoneStory.tsx → packages/draggable/demo/stories/DropzoneStory.tsx

@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { Story } from '@storybook/react';
-import { Dropzone, IDropzoneProps } from '@zendeskgarden/react-drag-drop';
+import { Dropzone, IDropzoneProps } from '@zendeskgarden/react-draggable';
 import ReplaceIcon from '@zendeskgarden/svg-icons/src/16/arrow-retweet-stroke.svg';
 
 interface IArgs extends IDropzoneProps {

packages/drag-drop/demo/~patterns/patterns.stories.mdx → packages/draggable/demo/~patterns/patterns.stories.mdx

@@ -2,7 +2,7 @@ import { Meta, Canvas, Story } from '@storybook/addon-docs';
 import { DragAndDropStory } from './stories/DragAndDropStory';
 import { COLUMNS as columns } from './stories/data';
 
-<Meta title="Packages/Drag-Drop/[patterns]" />
+<Meta title="Packages/Draggable/[patterns]" />
 
 # Patterns
 

packages/drag-drop/demo/~patterns/stories/components.tsx → packages/draggable/demo/~patterns/stories/components.tsx

@@ -15,7 +15,7 @@ import {
 } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
 
-import { Draggable, DraggableList, Dropzone } from '@zendeskgarden/react-drag-drop';
+import { Draggable, DraggableList, Dropzone } from '@zendeskgarden/react-draggable';
 
 import { animateLayoutChanges } from './utils';
 import type { IDraggableItemProps, IDropIndicatorProps, ISortableColumnProps } from './types';

packages/drag-drop/demo/~patterns/stories/types.ts → packages/draggable/demo/~patterns/stories/types.ts

@@ -6,7 +6,7 @@
  */
 
 import { UniqueIdentifier } from '@dnd-kit/core';
-import { IDraggableProps } from '@zendeskgarden/react-drag-drop';
+import { IDraggableProps } from '@zendeskgarden/react-draggable';
 import { LiHTMLAttributes } from 'react';
 
 export interface IPresentationalDraggableItem {

packages/drag-drop/package.json → packages/draggable/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@zendeskgarden/react-drag-drop",
+  "name": "@zendeskgarden/react-draggable",
   "version": "9.0.0-next.18",
   "description": "Components related to drag and drop in the Garden Design System",
   "license": "Apache-2.0",

tsconfig.json

@@ -17,7 +17,7 @@
       "@zendeskgarden/react-chrome": ["./packages/chrome/src/index.ts"],
       "@zendeskgarden/react-colorpickers": ["./packages/colorpickers/src/index.ts"],
       "@zendeskgarden/react-datepickers": ["./packages/datepickers/src/index.ts"],
-      "@zendeskgarden/react-drag-drop": ["./packages/drag-drop/src/index.ts"],
+      "@zendeskgarden/react-draggable": ["./packages/draggable/src/index.ts"],
       "@zendeskgarden/react-dropdowns.legacy": ["./packages/dropdowns.legacy/src/index.ts"],
       "@zendeskgarden/react-dropdowns": ["./packages/dropdowns/src/index.ts"],
       "@zendeskgarden/react-forms": ["./packages/forms/src/index.ts"],