From e1f12b95461c0d790df6e6f41e6bc79e8fe896e1 Mon Sep 17 00:00:00 2001 From: Mason Tejera <17346018+mltejera@users.noreply.github.com> Date: Fri, 10 May 2024 15:41:27 -0700 Subject: [PATCH] chore(react-nav-preview): Publish react-nav-preview (#31304) --- apps/public-docsite-v9/package.json | 3 ++- ...eview-35207415-1026-46cd-8f89-9fb2f7527ee7.json | 7 +++++++ .../react-nav-preview/package.json | 1 - .../react-nav-preview/src/components/Nav/Nav.tsx | 2 +- .../stories/Hamburger/index.stories.tsx | 2 +- .../stories/HamburgerInNav/index.stories.tsx | 2 +- .../stories/Nav/index.stories.tsx | 14 +++++++------- .../stories/NavDrawer/NavDrawerDefault.stories.tsx | 1 + .../stories/NavDrawerBody/index.stories.tsx | 2 +- .../stories/NavDrawerFooter/index.stories.tsx | 2 +- .../stories/NavDrawerHeader/index.stories.tsx | 2 +- .../stories/NavDrawerHeaderNav/index.stories.tsx | 2 +- .../stories/NavSectionHeader/index.stories.tsx | 2 +- 13 files changed, 25 insertions(+), 17 deletions(-) create mode 100644 change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index dffcc5286616a..f0eb098e4708e 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -43,6 +43,7 @@ "react": "17.0.2", "react-dom": "17.0.2", "react-window": "^1.8.6", - "tslib": "^2.1.0" + "tslib": "^2.1.0", + "@fluentui/react-nav-preview": "*" } } diff --git a/change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json b/change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json new file mode 100644 index 0000000000000..7e237e3b5bc21 --- /dev/null +++ b/change/@fluentui-react-nav-preview-35207415-1026-46cd-8f89-9fb2f7527ee7.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: release preview package", + "packageName": "@fluentui/react-nav-preview", + "email": "matejera@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-nav-preview/package.json b/packages/react-components/react-nav-preview/package.json index 26fe9622e9a7d..53788f625bb70 100644 --- a/packages/react-components/react-nav-preview/package.json +++ b/packages/react-components/react-nav-preview/package.json @@ -1,7 +1,6 @@ { "name": "@fluentui/react-nav-preview", "version": "0.0.0", - "private": true, "description": "New fluentui react package", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx b/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx index 67426a3f5094e..61857708698e6 100644 --- a/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx +++ b/packages/react-components/react-nav-preview/src/components/Nav/Nav.tsx @@ -7,7 +7,7 @@ import { useNavContextValues_unstable } from '../useNavContextValues'; import type { NavProps } from './Nav.types'; /** - * Nav component - provides 2 layers of nesting for navigation items. + * Nav - A component that provides up to two levels of nesting for navigation. */ export const Nav: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useNav_unstable(props, ref); diff --git a/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx b/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx index 0c3c29ddf5eb1..586670d14d9c0 100644 --- a/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/Hamburger/index.stories.tsx @@ -3,7 +3,7 @@ import { Hamburger } from '@fluentui/react-nav-preview'; import descriptionMd from './HamburgerDescription.md'; import bestPracticesMd from './HamburgerBestPractices.md'; -export { Default } from './HamburgerDefault.stories'; +// export { Default } from './HamburgerDefault.stories'; export default { title: 'Preview Components/Hamburger', diff --git a/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx index c2c327bbec521..1a634dcb78044 100644 --- a/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/HamburgerInNav/index.stories.tsx @@ -3,7 +3,7 @@ import { HamburgerInNav } from '@fluentui/react-nav-preview'; import descriptionMd from './HamburgerInNavDescription.md'; import bestPracticesMd from './HamburgerInNavBestPractices.md'; -export { Default } from './HamburgerInNavDefault.stories'; +// export { Default } from './HamburgerInNavDefault.stories'; export default { title: 'Preview Components/HamburgerInNav', diff --git a/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx index b6d0a09a2f799..0914254b2aa0b 100644 --- a/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/Nav/index.stories.tsx @@ -1,7 +1,7 @@ import { Nav } from '@fluentui/react-nav-preview'; -import descriptionMd from './NavDescription.md'; -import bestPracticesMd from './NavBestPractices.md'; +// import descriptionMd from './NavDescription.md'; +// import bestPracticesMd from './NavBestPractices.md'; // export { Default } from './NavDefault.stories'; // export { WithDefaultSelection } from './NavWithDefaultSelection.stories'; @@ -15,10 +15,10 @@ export default { title: 'Preview Components/Nav', component: Nav, parameters: { - docs: { - description: { - component: [descriptionMd, bestPracticesMd].join('\n'), - }, - }, + // docs: { + // description: { + // component: [descriptionMd, bestPracticesMd].join('\n'), + // }, + // }, }, }; diff --git a/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx index f13ce8fe1a44d..d17bc4471ba96 100644 --- a/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavDrawer/NavDrawerDefault.stories.tsx @@ -59,6 +59,7 @@ const useStyles = makeStyles({ ...shorthands.border('2px', 'solid', '#ccc'), ...shorthands.overflow('hidden'), display: 'flex', + height: '600px', backgroundColor: '#fff', }, content: { diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx index ec1d0303f4a87..2e23c9ba90f1d 100644 --- a/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavDrawerBody/index.stories.tsx @@ -3,7 +3,7 @@ import { NavDrawerBody } from '@fluentui/react-nav-preview'; import descriptionMd from './NavDrawerBodyDescription.md'; import bestPracticesMd from './NavDrawerBodyBestPractices.md'; -export { Default } from './NavDrawerBodyDefault.stories'; +// export { Default } from './NavDrawerBodyDefault.stories'; export default { title: 'Preview Components/NavDrawerBody', diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx index a9bbda0e2bbad..64cfc0f558cf5 100644 --- a/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavDrawerFooter/index.stories.tsx @@ -3,7 +3,7 @@ import { NavDrawerFooter } from '@fluentui/react-nav-preview'; import descriptionMd from './NavDrawerFooterDescription.md'; import bestPracticesMd from './NavDrawerFooterBestPractices.md'; -export { Default } from './NavDrawerFooterDefault.stories'; +// export { Default } from './NavDrawerFooterDefault.stories'; export default { title: 'Preview Components/NavDrawerFooter', diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx index 526ab67176882..328f26534b6e4 100644 --- a/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavDrawerHeader/index.stories.tsx @@ -3,7 +3,7 @@ import { NavDrawerHeader } from '@fluentui/react-nav-preview'; import descriptionMd from './NavDrawerHeaderDescription.md'; import bestPracticesMd from './NavDrawerHeaderBestPractices.md'; -export { Default } from './NavDrawerHeaderDefault.stories'; +// export { Default } from './NavDrawerHeaderDefault.stories'; export default { title: 'Preview Components/NavDrawerHeader', diff --git a/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx index 307ef9b5a1231..92987ae2ef4e6 100644 --- a/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavDrawerHeaderNav/index.stories.tsx @@ -3,7 +3,7 @@ import { NavDrawerHeaderNav } from '@fluentui/react-nav-preview'; import descriptionMd from './NavDrawerHeaderNavDescription.md'; import bestPracticesMd from './NavDrawerHeaderNavBestPractices.md'; -export { Default } from './NavDrawerHeaderNavDefault.stories'; +// export { Default } from './NavDrawerHeaderNavDefault.stories'; export default { title: 'Preview Components/NavDrawerHeaderNav', diff --git a/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx b/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx index b76b21042f13b..4e7d17b746c0c 100644 --- a/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx +++ b/packages/react-components/react-nav-preview/stories/NavSectionHeader/index.stories.tsx @@ -3,7 +3,7 @@ import { NavSectionHeader } from '@fluentui/react-nav-preview'; import descriptionMd from './NavSectionHeaderDescription.md'; import bestPracticesMd from './NavSectionHeaderBestPractices.md'; -export { Default } from './NavSectionHeaderDefault.stories'; +// export { Default } from './NavSectionHeaderDefault.stories'; export default { title: 'Preview Components/NavSectionHeader',