feat!: renames react-dropdowns.next to react-dropdowns

README.md

@@ -30,7 +30,7 @@ to install.
 | [`@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-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.next`](packages/dropdowns.next)     | [![npm version][dropdowns.next npm version]][dropdowns.next npm link]     | [![Bundle Size][dropdowns.next size bundle]][dropdowns.next 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]                       |
 | [`@zendeskgarden/react-grid`](packages/grid)                         | [![npm version][grid npm version]][grid npm link]                         | [![Bundle Size][grid size bundle]][grid size link]                         |
 | [`@zendeskgarden/react-loaders`](packages/loaders)                   | [![npm version][loaders npm version]][loaders npm link]                   | [![Bundle Size][loaders size bundle]][loaders size link]                   |
@@ -80,10 +80,10 @@ to install.
 [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
 [dropdowns.legacy size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-dropdowns.legacy
-[dropdowns.next npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-dropdowns.next
-[dropdowns.next npm link]: https://www.npmjs.com/package/@zendeskgarden/react-dropdowns.next
-[dropdowns.next size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-dropdowns.next
-[dropdowns.next size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-dropdowns.next
+[dropdowns npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-dropdowns
+[dropdowns npm link]: https://www.npmjs.com/package/@zendeskgarden/react-dropdowns
+[dropdowns size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-dropdowns
+[dropdowns size link]: https://bundlephobia.com/result?p=@zendeskgarden/react-dropdowns
 [forms npm version]: https://flat.badgen.net/npm/v/@zendeskgarden/react-forms
 [forms npm link]: https://www.npmjs.com/package/@zendeskgarden/react-forms
 [forms size bundle]: https://flat.badgen.net/bundlephobia/minzip/@zendeskgarden/react-forms

docs/migration.md

@@ -60,8 +60,9 @@ consider additional positioning prop support on a case-by-case basis.
 
 #### @zendeskgarden/react-dropdowns
 
-- The `v8` version of this package is no longer maintained and is
-  renamed to `@zendeskgarden/react-dropdowns.legacy` in `v9`
+- Use this package if you were using `@zendeskgarden/react-dropdowns.next` in `v8`
+  - The `v8` version of `@zendeskgarden/react-dropdowns` is no longer maintained and is
+    renamed to `@zendeskgarden/react-dropdowns.legacy` in `v9`
 - `Menu`: value `auto` is no longer valid for the `fallbackPlacements` prop.
 
 #### @zendeskgarden/react-forms

packages/dropdowns.next/README.md → packages/dropdowns/README.md

@@ -1,15 +1,15 @@
-# @zendeskgarden/react-dropdowns.next [![npm version][npm version badge]][npm version link]
+# @zendeskgarden/react-dropdowns [![npm version][npm version badge]][npm version link]
 
-[npm version badge]: https://flat.badgen.net/npm/v/@zendeskgarden/react-dropdowns.next
-[npm version link]: https://www.npmjs.com/package/@zendeskgarden/react-dropdowns.next
+[npm version badge]: https://flat.badgen.net/npm/v/@zendeskgarden/react-dropdowns
+[npm version link]: https://www.npmjs.com/package/@zendeskgarden/react-dropdowns
 
 This package includes components related to dropdowns in the
 [Garden Design System](https://zendeskgarden.github.io/).
 
 ## Installation
 
 ```sh
-npm install @zendeskgarden/react-dropdowns.next
+npm install @zendeskgarden/react-dropdowns
 
 # Peer Dependencies - Also Required
 npm install react react-dom styled-components @zendeskgarden/react-theming
@@ -21,7 +21,7 @@ npm install react react-dom styled-components @zendeskgarden/react-theming
 
 ```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
-import { Field, Label, Combobox, Option } from '@zendeskgarden/react-dropdowns.next';
+import { Field, Label, Combobox, Option } from '@zendeskgarden/react-dropdowns';
 
 /**
  * Place a `ThemeProvider` at the root of your React application
@@ -83,7 +83,7 @@ WAI-ARIA compliant combobox features. Key capabilities include:
 
 ```jsx
 import { ThemeProvider } from '@zendeskgarden/react-theming';
-import { Menu, Item } from '@zendeskgarden/react-dropdowns.next';
+import { Menu, Item } from '@zendeskgarden/react-dropdowns';
 
 /**
  * Place a `ThemeProvider` at the root of your React application

packages/dropdowns.next/demo/combobox.stories.mdx → packages/dropdowns/demo/combobox.stories.mdx

@@ -8,13 +8,13 @@ import {
   Option,
   OptGroup,
   Tag
-} from '@zendeskgarden/react-dropdowns.next';
+} from '@zendeskgarden/react-dropdowns';
 import { ComboboxStory } from './stories/ComboboxStory';
 import { OPTIONS } from './stories/data';
 import README from '../README.md';
 
 <Meta
-  title="Packages/Dropdowns.Next/Combobox"
+  title="Packages/Dropdowns/Combobox"
   component={Combobox}
   subcomponents={{
     Hint,

packages/dropdowns.next/demo/menu.stories.mdx → packages/dropdowns/demo/menu.stories.mdx

@@ -1,12 +1,12 @@
 import { Meta, ArgsTable, Canvas, Story, Markdown } from '@storybook/addon-docs';
 import { useArgs } from '@storybook/client-api';
-import { Menu, Item, ItemGroup, Separator } from '@zendeskgarden/react-dropdowns.next';
+import { Menu, Item, ItemGroup, Separator } from '@zendeskgarden/react-dropdowns';
 import { MenuStory } from './stories/MenuStory';
 import README from '../README.md';
 import { ITEMS } from './stories/data';
 
 <Meta
-  title="Packages/Dropdowns.Next/Menu"
+  title="Packages/Dropdowns/Menu"
   component={Menu}
   subcomponents={{ Item, 'Item.Meta': Item.Meta, Separator, ItemGroup }}
   argTypes={{

packages/dropdowns.next/demo/stories/ComboboxStory.tsx → packages/dropdowns/demo/stories/ComboboxStory.tsx

@@ -23,7 +23,7 @@ import {
   OptGroup,
   Option,
   Tag
-} from '@zendeskgarden/react-dropdowns.next';
+} from '@zendeskgarden/react-dropdowns';
 import { IOption, Options } from './types';
 import { toString } from '../../src/elements/combobox/utils';
 

packages/dropdowns.next/demo/stories/MenuStory.tsx → packages/dropdowns/demo/stories/MenuStory.tsx

@@ -10,7 +10,7 @@ import { StoryFn } from '@storybook/react';
 import LeafIcon from '@zendeskgarden/svg-icons/src/16/leaf-stroke.svg';
 import CartIcon from '@zendeskgarden/svg-icons/src/16/shopping-cart-stroke.svg';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
-import { IMenuProps, Item, ItemGroup, Separator, Menu } from '@zendeskgarden/react-dropdowns.next';
+import { IMenuProps, Item, ItemGroup, Separator, Menu } from '@zendeskgarden/react-dropdowns';
 import { IItem, Items } from './types';
 
 const MenuItem = ({ icon, meta, ...item }: IItem) => {

packages/dropdowns.next/demo/stories/types.ts → packages/dropdowns/demo/stories/types.ts

@@ -10,7 +10,7 @@ import {
   IItemGroupProps,
   IOptGroupProps,
   IOptionProps
-} from '@zendeskgarden/react-dropdowns.next';
+} from '@zendeskgarden/react-dropdowns';
 
 export interface IOption extends Omit<IOptionProps, 'icon'> {
   icon?: boolean;

packages/dropdowns.next/demo/~patterns/patterns.stories.mdx → packages/dropdowns/demo/~patterns/patterns.stories.mdx

@@ -1,14 +1,14 @@
 import { useCallback } from 'react';
 import { Meta, Canvas, Story } from '@storybook/addon-docs';
 import { useArgs } from '@storybook/client-api';
-import { Combobox } from '@zendeskgarden/react-dropdowns.next';
+import { Combobox } from '@zendeskgarden/react-dropdowns';
 import { ListboxStory } from './stories/ListboxStory';
 import { MenuAppendStory } from './stories/MenuAppendStory';
 import { MenuButtonStory } from './stories/MenuButtonStory';
 import { MenuNestedStory } from './stories/MenuNestedStory';
 import { BASE_ITEMS, NESTED_ITEMS } from './stories/data';
 
-<Meta title="Packages/Dropdowns.Next/[patterns]" />
+<Meta title="Packages/Dropdowns/[patterns]" />
 
 # Patterns
 

packages/dropdowns.next/demo/~patterns/stories/ListboxStory.tsx → packages/dropdowns/demo/~patterns/stories/ListboxStory.tsx

@@ -8,7 +8,7 @@
 import React, { useRef } from 'react';
 import { Story } from '@storybook/react';
 import styled from 'styled-components';
-import { Combobox, Field, Label, Option } from '@zendeskgarden/react-dropdowns.next';
+import { Combobox, Field, Label, Option } from '@zendeskgarden/react-dropdowns';
 import { getColor } from '@zendeskgarden/react-theming';
 import { Paragraph } from '@zendeskgarden/react-typography';
 

packages/dropdowns.next/demo/~patterns/stories/MenuAppendStory.tsx → packages/dropdowns/demo/~patterns/stories/MenuAppendStory.tsx

@@ -7,7 +7,7 @@
 
 import React, { useRef } from 'react';
 import { StoryFn } from '@storybook/react';
-import { Menu, Item } from '@zendeskgarden/react-dropdowns.next';
+import { Menu, Item } from '@zendeskgarden/react-dropdowns';
 import { Paragraph } from '@zendeskgarden/react-typography';
 import { StyledContainer } from './ListboxStory';
 

packages/dropdowns.next/demo/~patterns/stories/MenuButtonStory.tsx → packages/dropdowns/demo/~patterns/stories/MenuButtonStory.tsx

@@ -9,7 +9,7 @@ import React from 'react';
 import { StoryFn } from '@storybook/react';
 import LeafIcon from '@zendeskgarden/svg-icons/src/16/leaf-stroke.svg';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
-import { Item, Menu } from '@zendeskgarden/react-dropdowns.next';
+import { Item, Menu } from '@zendeskgarden/react-dropdowns';
 import { IconButton } from '@zendeskgarden/react-buttons';
 
 export const MenuButtonStory: StoryFn = () => {

packages/dropdowns.next/demo/~patterns/stories/MenuNestedStory.tsx → packages/dropdowns/demo/~patterns/stories/MenuNestedStory.tsx

@@ -10,7 +10,7 @@ import styled from 'styled-components';
 import { hideVisually } from 'polished';
 import { StoryFn } from '@storybook/react';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
-import { IItemProps, Item, Menu, Separator } from '@zendeskgarden/react-dropdowns.next';
+import { IItemProps, Item, Menu, Separator } from '@zendeskgarden/react-dropdowns';
 
 type IArgs = {
   items: IItemProps[];

packages/dropdowns.next/package.json → packages/dropdowns/package.json

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

packages/notifications/demo/stories/ToastStory.tsx

@@ -12,7 +12,7 @@ import IconRemove from '@zendeskgarden/svg-icons/src/12/x-stroke.svg';
 import IconRemoveAll from '@zendeskgarden/svg-icons/src/16/x-circle-stroke.svg';
 import { Col, Grid, Row } from '@zendeskgarden/react-grid';
 import { Button } from '@zendeskgarden/react-buttons';
-import { Item, Menu } from '@zendeskgarden/react-dropdowns.next';
+import { Item, Menu } from '@zendeskgarden/react-dropdowns';
 import {
   Close,
   IToastOptions,

tsconfig.json

@@ -19,7 +19,7 @@
       "@zendeskgarden/react-datepickers": ["./packages/datepickers/src/index.ts"],
       "@zendeskgarden/react-drag-drop": ["./packages/drag-drop/src/index.ts"],
       "@zendeskgarden/react-dropdowns.legacy": ["./packages/dropdowns.legacy/src/index.ts"],
-      "@zendeskgarden/react-dropdowns.next": ["./packages/dropdowns.next/src/index.ts"],
+      "@zendeskgarden/react-dropdowns": ["./packages/dropdowns/src/index.ts"],
       "@zendeskgarden/react-forms": ["./packages/forms/src/index.ts"],
       "@zendeskgarden/react-grid": ["./packages/grid/src/index.ts"],
       "@zendeskgarden/react-loaders": ["./packages/loaders/src/index.ts"],