diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 4a7300aee90c3c..181a1b87d61775 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -95,25 +95,25 @@ packages/foundation-legacy @microsoft/cxe-red @khmakoto packages/merge-styles @dzearing packages/monaco-editor @microsoft/fluentui-v8-website packages/public-docsite-setup @microsoft/fluentui-v8-website -packages/priority-overflow @microsoft/teams-prg +packages/react-components/priority-overflow @microsoft/teams-prg packages/react-components/react-aria @microsoft/teams-prg packages/react-cards @microsoft/cxe-red @khmakoto packages/react-charting @microsoft/charting-team -packages/react-conformance-griffel @microsoft/teams-prg -packages/react-context-selector @microsoft/teams-prg +packages/react-components/react-conformance-griffel @microsoft/teams-prg +packages/react-components/react-context-selector @microsoft/teams-prg packages/react-date-time @microsoft/fluent-date-time packages/react-docsite-components @microsoft/fluentui-v8-website packages/react-file-type-icons @jahnp @bigbadcapers packages/react-hooks @microsoft/cxe-red packages/react-monaco-editor @microsoft/fluentui-v8-website -packages/react-positioning @microsoft/teams-prg -packages/react-overflow @microsoft/teams-prg +packages/react-components/react-positioning @microsoft/teams-prg +packages/react-components/react-overflow @microsoft/teams-prg packages/react-shared-contexts @microsoft/teams-prg packages/react-components/react-storybook @microsoft/cxe-prg @microsoft/teams-prg packages/react-components/react-storybook-addon @microsoft/cxe-prg packages/react-components/react-tabster @microsoft/teams-prg -packages/react-theme @microsoft/teams-prg -packages/react-utilities @microsoft/teams-prg +packages/react-components/react-theme @microsoft/teams-prg +packages/react-components/react-utilities @microsoft/teams-prg packages/storybook @microsoft/cxe-prg @microsoft/teams-prg packages/style-utilities @dzearing packages/style-utilities/src/interfaces @phkuo @dzearing @@ -129,7 +129,7 @@ common/_themeOverrides.scss @microsoft/cxe-red @phkuo common/_common.scss @microsoft/cxe-red @phkuo ## vNext packages -packages/keyboard-keys @microsoft/teams-prg +packages/react-components/keyboard-keys @microsoft/teams-prg packages/react-accordion @microsoft/teams-prg @microsoft/cxe-coastal packages/react-components/react-avatar @microsoft/cxe-red @behowell @khmakoto packages/react-badge @microsoft/teams-prg @microsoft/cxe-red @behowell @@ -143,27 +143,27 @@ packages/react-divider @microsoft/cxe-coastal packages/react-focus @microsoft/cxe-red @khmakoto packages/react-components/react-image @microsoft/cxe-prg packages/react-components/react-input @microsoft/cxe-red -packages/react-components/react-label @microsoft/cxe-red +packages/react-components/react-label @microsoft/cxe-red @sopranopillow @micahgodbolt packages/react-components/react-link @microsoft/cxe-red @khmakoto @microsoft/cxe-coastal packages/react-components/react-menu @microsoft/teams-prg packages/react-components/react-popover @microsoft/teams-prg packages/react-components/react-portal @microsoft/teams-prg packages/react-components/react-provider @microsoft/teams-prg -packages/react-radio @microsoft/cxe-red @behowell @spmonahan +packages/react-components/react-radio @microsoft/cxe-red @behowell @spmonahan packages/react-components/react-select @microsoft/cxe-coastal @smhigley packages/react-components/react-slider @microsoft/cxe-coastal @micahgodbolt -packages/react-spinbutton @microsoft/cxe-red @spmonahan -packages/react-spinner @microsoft/cxe-red @tomi-msft -packages/react-switch @microsoft/cxe-red @behowell @khmakoto +packages/react-components/react-spinbutton @microsoft/cxe-red @spmonahan +packages/react-components/react-spinner @microsoft/cxe-red @tomi-msft +packages/react-components/react-switch @microsoft/cxe-red @behowell @khmakoto packages/react-components/react-tabs @microsoft/cxe-coastal @geoffcoxmsft packages/react-components/react-text @microsoft/cxe-prg -packages/react-textarea @microsoft/cxe-red @sopranopillow -packages/react-tooltip @microsoft/cxe-red @behowell @khmakoto +packages/react-components/react-textarea @microsoft/cxe-red @sopranopillow +packages/react-components/react-tooltip @microsoft/cxe-red @behowell @khmakoto packages/react-components/react-list @microsoft/teams-prg packages/react-components/react-toolbar @microsoft/teams-prg @chpalac @ling1726 -packages/react-portal-compat @microsoft/teams-prg +packages/react-components/react-portal-compat @microsoft/teams-prg packages/react-components/react-alert @microsoft/teams-prg -packages/react-portal-compat-context @microsoft/teams-prg +packages/react-components/react-portal-compat-context @microsoft/teams-prg ## <%= NX-CODEOWNER-PLACEHOLDER %> diff --git a/.storybook/docs-root.css b/.storybook/docs-root.css index 5557391cb9f305..6c4e34492aa038 100644 --- a/.storybook/docs-root.css +++ b/.storybook/docs-root.css @@ -67,7 +67,7 @@ sans-serif; font-size: 18px; line-height: 24px; - margin: 15px 0 0 0 !important; + margin: 25px 0 0 0 !important; letter-spacing: -0.01em; color: #000000; } @@ -76,8 +76,8 @@ #docs-root [id] > .sbdocs-h3:before { content: ''; display: block; - height: 60px; - margin: -60px 0 0; + height: 40px; + margin: -40px 0 0; } #docs-root .sbdocs-li { @@ -131,6 +131,12 @@ display: none; } +/* Remove z-index from "show code" button container */ +/* https://github.com/microsoft/fluentui/issues/22773 */ +.docs-story > div:nth-child(2) { + z-index: auto; +} + #docs-root .docblock-code-toggle, .docs-story > a:last-child { font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', diff --git a/apps/perf-test-react-components/CHANGELOG.json b/apps/perf-test-react-components/CHANGELOG.json index 31d7acd2bf9fbc..fcf84ca7b29535 100644 --- a/apps/perf-test-react-components/CHANGELOG.json +++ b/apps/perf-test-react-components/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/perf-test-react-components", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/perf-test-react-components_v9.0.0-rc.0", + "version": "9.0.0-rc.0", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/perf-test-react-components", + "comment": "Bump @fluentui/react-avatar to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/perf-test-react-components", + "comment": "Bump @fluentui/react-button to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/perf-test-react-components", + "comment": "Bump @fluentui/react-provider to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/perf-test-react-components", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/perf-test-react-components_v9.0.0-rc.0", diff --git a/apps/perf-test-react-components/CHANGELOG.md b/apps/perf-test-react-components/CHANGELOG.md index 31316189d20624..782b8ed5eed426 100644 --- a/apps/perf-test-react-components/CHANGELOG.md +++ b/apps/perf-test-react-components/CHANGELOG.md @@ -1,11 +1,23 @@ # Change Log - @fluentui/perf-test-react-components -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test-react-components_v9.0.0-rc.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test-react-components_v9.0.0-rc.0..@fluentui/perf-test-react-components_v9.0.0-rc.0) + +### Patches + +- Bump @fluentui/react-avatar to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-provider to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/perf-test-react-components_v9.0.0-rc.0) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/perf-test-react-components_v9.0.0-rc.0..@fluentui/perf-test-react-components_v9.0.0-rc.0) diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 96933f656d0a07..dc1c1e7fece9b1 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -16,10 +16,10 @@ }, "dependencies": { "@griffel/core": "1.2.0", - "@fluentui/react-avatar": "9.0.0-rc.6", - "@fluentui/react-button": "9.0.0-rc.7", - "@fluentui/react-provider": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", + "@fluentui/react-avatar": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8", + "@fluentui/react-provider": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", "@fluentui/scripts": "^1.0.0", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", diff --git a/apps/public-docsite-v9/.storybook/preview.js b/apps/public-docsite-v9/.storybook/preview.js index bdd2cb7ef806d8..8f847290358767 100644 --- a/apps/public-docsite-v9/.storybook/preview.js +++ b/apps/public-docsite-v9/.storybook/preview.js @@ -28,7 +28,14 @@ export const parameters = { 'Upgrading', [ 'from v8', - ['Overview', 'Important changes', 'Planning your journey', 'Component Mapping', 'Troubleshooting'], + [ + 'Overview', + 'Important changes', + 'Planning your journey', + 'Component Mapping', + 'Color Mapping', + 'Troubleshooting', + ], ], ], 'Theme', diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index b589d50884ac6f..8736e0c9822ad4 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -23,9 +23,9 @@ "@fluentui/react": "^8.67.2", "@fluentui/scripts": "^1.0.0", "@fluentui/storybook": "^1.0.0", - "@fluentui/react-components": "^9.0.0-rc.8", + "@fluentui/react-components": "^9.0.0-rc.9", "@fluentui/react-storybook-addon": "9.0.0-rc.1", - "@fluentui/react-theme": "9.0.0-rc.5", + "@fluentui/react-theme": "9.0.0-rc.6", "@griffel/react": "1.0.3", "react": "16.14.0", "react-dom": "16.14.0", diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx new file mode 100644 index 00000000000000..d56a3681b94ca5 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Input.stories.mdx @@ -0,0 +1,81 @@ +import { Meta } from '@storybook/addon-docs'; + + + +# Input Upgrade + +Fluent UI Northstar (v0) provides the `Input` control to elicit input from users. Fluent UI v9 also provides an `Input` control but with a different API and feature set. + +## Examples + +### Basic Upgrade + +Basic usage of `Input` v0 looks like + +```tsx +import * as React from 'react'; +import { Input, Text, Flex } from '@fluentui/react-northstar'; + +const InputV0BasicExample = () => { + return ; +}; +``` + +An equivalent `Input` v9 usage is + +```tsx +import * as React from 'react'; +import { Label, Input } from '@fluentui/react-components/unstable'; +import { useId } from '@fluentui/react-utilities'; +import { makeStyles } from '@griffel/react'; + +const useLayoutStyles = makeStyles({ + root: { + maxWidth: '300px', + display: 'flex', + flexDirection: 'column', + }, +}); + +const InputV9BasicExample = () => { + const layoutStyles = useLayoutStyles(); + const inputId = useId('input'); + return ( +
+ + +
+ ); +}; +``` + +## Prop Mapping + +This table maps v0 `Input` props to the v9 `Input` equivalent. + +| v0 | v9 | Notes | +| ---------------------- | ------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | +| `accessibility` | n/a | | +| `as` | n/a | | +| `className` | `className` | | +| `clearable` | n/a | Use `contentBefore` or `contentAfter` slots to add a `Button` to implement this behavior | +| `defaultValue` | `defaultValue` | Mutually exclusive with `value` | +| `design` | n/a | | +| `error` | n/a | v9 `Input` does not handle error states | +| `errorIndicator` | n/a | Use `contentBefore` or `contentAfter` slots to insert custom indicators | +| `fluid` | n/a | | +| `icon` | Use `contentBefore` or `contentAfter` slots | | +| `iconPosition` | n/a | | +| `inline` | n/a | | +| `input` | `input` | This is a slot | +| `inputRef` | Pass a `ref` to the `input` slot | | +| `inverted` | `appearance` | | +| `label` | Use `Label` component | Be sure to associate `Label` with `Input` via `htmlFor` | +| `labelPosition` | n/a | | +| `onChange` | `onChange` | | +| `required` | `required` | This is the native HTML prop | +| `showSuccessIndicator` | n/a | Use `contentBefore` or `contentAfter` slots to insert custom indicators | +| `type` | `type` | Non text types like 'button' and 'checkbox' are not supported. Use `Button` or `Checkbox` component instead | +| `value` | `value` | Mutually exclusive with `defaultValue` | +| `variables` | n/a | Use `FluentProvider` to customize themes | +| `wrapper` | `root` | This is a slot | diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Label.stories.mdx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Label.stories.mdx new file mode 100644 index 00000000000000..cdfa3fb409d90a --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV0/Components/Label.stories.mdx @@ -0,0 +1,58 @@ +import { Meta } from '@storybook/addon-docs'; + + + +# Label Upgrade + +Fluent UI Northstar (v0) provides the `Label` control to allow users to classify content. Fluent UI v9 also provides a `Label`, but has a different API. + +The main difference with v0's and v9's `Label` is that v9 doesn't provide an image and icon prop. v9 also accepts a custom required indicator that can be a string or JSX element. + +## Examples + +### Basic Upgrade + +Basic usage of `Label` v0 + +```tsx +import * as React from 'react'; +import { Label } from '@fluentui/react-northstar'; + +const LabelV0BasicExample = () => { + return - - - - + + + + ); @@ -102,7 +102,7 @@ An equivalent `RadioGroup` implementation: ```tsx import * as React from 'react'; -import { Label, Radio, RadioGroup } from '@fluentui/react-components/unstable'; +import { Label, Radio, RadioGroup } from '@fluentui/react-components'; import { useId } from '@fluentui/react-utilities'; import { makeStyles, shorthands } from '@griffel/react'; import { AnimalCat24Regular } from '@fluentui/react-icons'; @@ -129,7 +129,7 @@ const useGreenBorderOptionStyles = makeStyles({ }); const RadioGroupCustomOptionExample = () => { - const labelId = useId('label-'); + const labelId = useId('label'); const iconOptionStyles = useIconOptionStyles(); const labelStyles = useLabelStyles(); const greenBorderOptionStyles = useGreenBorderOptionStyles(); @@ -153,9 +153,9 @@ const RadioGroupCustomOptionExample = () => { }} /> - - - + + + ); @@ -180,19 +180,28 @@ This table maps v8 `ChoiceGroup` props to the v9 `RadioGroup` equivalent. This table maps v8 `IChoiceGroupOption` props to the v9 `Radio` equivalent. -| v8 | v9 | Notes | -| ------------------ | ------------ | ------------------------------------------------------------------------------------ | -| `key` | `key` | This is only necessary if you `.map()` an array to generate the list of `Radio`s. | -| `text` | `label` | In v9 this is a slot so this prop can be a string, a component or a shorthand object | -| `onRenderField` | n/a | Provide a custom child to `RadioGroup` | -| `onRenderLabel` | `label` | Provide a custom component to the `label` slot | -| `iconProps` | n/a | Use slots to customize `Radio` | -| `imageSRc` | n/a | Use slots to customize `Radio` | -| `imageAlt` | n/a | Use slots to customize `Radio` | -| `selectedImageSrc` | n/a | Use slots to customize `Radio` | -| `imageSize` | n/a | Use slots to customize `Radio` | -| `disabled` | `disabled` | | -| `id` | `id` | In v9 this is the intrinsic HTML prop | -| `labeldId` | n/a | Provide an id to the `label` slot via shorthand props or a custom component | -| `ariaLabel` | `aria-label` | In v9 this is the intrinsic HTML prop | -| `styles` | `className` | | +| v8 | v9 | Notes | +| ------------------ | ------------ | -------------------------------------------------------------------------------------------------------------- | +| `key` | `key` | This is only necessary if you `.map()` an array to generate the list of `Radio`s. | +| `text` | `label` | In v9 this is a slot so this prop can be a string, a component or a shorthand object | +| `onRenderField` | n/a | Provide a custom child to `RadioGroup` | +| `onRenderLabel` | `label` | Provide a custom component to the `label` slot | +| `iconProps` | n/a | Use slots to customize `Radio` | +| `imageSrc` | n/a | Use slots to customize `Radio` | +| `imageAlt` | n/a | Use slots to customize `Radio` | +| `selectedImageSrc` | n/a | Use slots to customize `Radio` | +| `imageSize` | n/a | Use slots to customize `Radio` | +| `disabled` | `disabled` | | +| `id` | `id` | In v9 this is the intrinsic HTML prop | +| `labeldId` | n/a | Provide an id to the `label` slot via shorthand props or a custom component | +| `ariaLabel` | `aria-label` | In v9 this is the intrinsic HTML prop | +| `styles` | `className` | | +| `itemKey` | n/a | | +| `checked` | `checked` | When used in a `RadioGroup` use the `value` prop on `RadioGroup` instead | +| `onChange` | `onChange` | Typescript types have changed | +| `onFocus` | `onFocus` | v9 uses native `onFocus` | +| `onBlur` | `onBlur` | v9 uses native `onBlur` | +| `focused` | n/a | | +| `theme` | n/a | Use `FluentProvider` to customize themes | +| `required` | `required` | | +| `name` | `name` | v9 uses native HTML prop. When used in a `RadioGroup` this prop is inherited from the `RadioGroup` by default. | diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/BrandColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/BrandColors.stories.tsx new file mode 100644 index 00000000000000..e73d03c8643e4c --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/BrandColors.stories.tsx @@ -0,0 +1,38 @@ +import * as React from 'react'; +import { ColorCompare } from './ColorCompare'; +import { brandMap } from './themeMap'; + +import { makeStyles, shorthands } from '@griffel/react'; + +const useStyles = makeStyles({ + root: { + ...shorthands.padding('25px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + }, + comparisons: { + display: 'grid', + gridTemplateColumns: 'auto auto', + gridTemplateRows: 'auto', + columnGap: '10px', + rowGap: '10px', + }, +}); + +export const BrandColors = () => { + const styles = useStyles(); + + return ( +
+

Brand Colors

+
+

v8 Palette

+

v9 Global

+ {brandMap.map(item => { + return ; + })} +
+
+ ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorBlock.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorBlock.tsx new file mode 100644 index 00000000000000..a59bee91e3d7ea --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorBlock.tsx @@ -0,0 +1,123 @@ +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; +import * as React from 'react'; +import { ColorInfo } from './types'; + +const useStyles = makeStyles({ + root: { + ...shorthands.borderTop('1px', 'solid', '#aaa'), + ...shorthands.borderBottom('1px', 'solid', '#aaa'), + ...shorthands.borderLeft('1px', 'solid', 'transparent'), + ...shorthands.borderRight('1px', 'solid', '#aaa'), + display: 'grid', + gridTemplateColumns: 'auto 1fr', + gridTemplateRows: 'auto', + columnGap: '10px', + ...shorthands.padding('0', '5px', '0', '0'), + }, + flipAlign: { + ...shorthands.borderLeft('1px', 'solid', '#aaa'), + ...shorthands.borderRight('1px', 'solid', 'transparent'), + gridTemplateColumns: '1fr auto', + ...shorthands.padding('0', '0', '0', '5px'), + }, + color: { + backgroundColor: 'var(--ColorBlock__background-color)', + ...shorthands.borderLeft('1px', 'solid', '#aaa'), + ...shorthands.borderRight('1px', 'solid', '#aaa'), + width: '20px', + alignSelf: 'stretch', + }, + names: { + alignSelf: 'flex-start', + display: 'grid', + gridTemplateColumns: 'auto auto', + gridTemplateRows: 'auto', + columnGap: '5px', + justifySelf: 'flex-start', + '& label': { + textAlign: 'right', + color: '#aaa', + ...shorthands.margin(0), + ...shorthands.padding(0), + }, + }, + blockName: { + fontWeight: '700', + }, + colorName: {}, + colorValue: {}, + comment: { + color: 'green', + maxWidth: '250px', + }, +}); + +type Props = ColorInfo & { + flipAlign?: boolean; + comment?: string; +}; + +const getLabels = (kind: string) => { + switch (kind) { + case 'v8-semantic': + return { + name: 'semantic', + colorName: 'palette', + colorValue: 'value', + }; + case 'v8-palette': + return { + name: 'palette', + colorName: '', + colorValue: 'value', + }; + case 'v9-alias': + return { + name: 'alias', + colorName: 'global', + colorValue: 'value', + }; + case 'v9-global': + return { + name: 'global', + colorName: '', + colorValue: 'value', + }; + default: + return { + name: 'name', + colorName: 'color', + colorValue: 'value', + }; + } +}; + +export const ColorBlock = (props: Props) => { + const { name, colorName, colorValue, kind, comment, flipAlign } = props; + + const styles = useStyles(); + const labels = getLabels(kind); + + const className = mergeClasses(styles.root, flipAlign && styles.flipAlign); + + const blockColorStyle = { + ['--ColorBlock__background-color' as any]: `${colorValue || 'tranparent'}`, + }; + + return ( +
+ {!flipAlign &&
} +
+ +
{name}
+ +
{colorName}
+ +
{colorValue}
+ +
{comment}
+
+ {flipAlign &&
} +
+ ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorCompare.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorCompare.tsx new file mode 100644 index 00000000000000..9f93d5f4a5794e --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorCompare.tsx @@ -0,0 +1,40 @@ +import * as React from 'react'; +import { ColorBlock } from './ColorBlock'; +import { getColorBlockInfo } from './colorUtils'; +import { ColorCompareInfo, ColorKind } from './types'; + +type Props = ColorCompareInfo; + +const EmptyColorBlock = React.memo((props: { kind: ColorKind }) => { + return ; +}); + +export const ColorCompare = (props: Props) => { + const { name, match: bestMatch, comment, kind } = props; + + let toKind = kind; + switch (kind) { + case 'v8-palette': + toKind = 'v9-global'; + break; + case 'v8-semantic': + toKind = 'v9-alias'; + break; + case 'v9-global': + toKind = 'v8-palette'; + break; + case 'v9-alias': + toKind = 'v8-semantic'; + break; + } + + const semanticInfo = name && getColorBlockInfo(name, kind); + const colorMatchInfo = bestMatch && getColorBlockInfo(bestMatch, toKind); + + return ( + <> + {semanticInfo ? : } + {colorMatchInfo ? : } + + ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorMapping.stories.mdx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorMapping.stories.mdx new file mode 100644 index 00000000000000..f007d8f7ff1b8d --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/ColorMapping.stories.mdx @@ -0,0 +1,28 @@ +import { Meta, Preview, Story } from '@storybook/addon-docs'; +import { MonochromeColors } from './MonochromeColors.stories'; +import { NamedColors } from './NamedColors.stories'; +import { BrandColors } from './BrandColors.stories'; +import { SemanticColors } from './SemanticColors.stories'; + + + +# Color Mapping + +The global and alias colors in v9 differ from those in the default v8 palette and theme. +Here is our recommended mapping between v8 and v9 colors. + +The team of designers and engineers considered several for each color choice: + +- The closest color match in HSL (e.g. v8 neutralPrimaryAlt matches v9 grey[22]) +- The semantic name match (e.g. v8 yellow matches v9 sharedColors.yellow.primary) +- The best intermediate colors in a ramp (e.g. v8 themeTertiary matches v9 brand[120]) +- The best color and contrast perception (e.g. the choices for magenta of shade30, primary, and tint30) +- The holistic global colors defined in v9 (i.e. v9 colors are more neutral or cooler compared to v8) + +We applied this mapping in the theme shim methods. +These methods help create a v8 theme that closely matches v9 and a v9 theme that closely matches v8. + + + + + diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/MonochromeColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/MonochromeColors.stories.tsx new file mode 100644 index 00000000000000..49512122315381 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/MonochromeColors.stories.tsx @@ -0,0 +1,38 @@ +import * as React from 'react'; +import { ColorCompare } from './ColorCompare'; +import { monochromeMap } from './themeMap'; + +import { makeStyles, shorthands } from '@griffel/react'; + +const useStyles = makeStyles({ + root: { + ...shorthands.padding('25px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + }, + comparisons: { + display: 'grid', + gridTemplateColumns: 'auto auto', + gridTemplateRows: 'auto', + columnGap: '10px', + rowGap: '5px', + }, +}); + +export const MonochromeColors = () => { + const styles = useStyles(); + + return ( +
+

Monochrome Colors

+
+

v8 Palette

+

v9 Global

+ {monochromeMap.map(item => { + return ; + })} +
+
+ ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/NamedColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/NamedColors.stories.tsx new file mode 100644 index 00000000000000..69a1ec0143cda4 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/NamedColors.stories.tsx @@ -0,0 +1,38 @@ +import * as React from 'react'; +import { ColorCompare } from './ColorCompare'; +import { namedColorMap } from './themeMap'; + +import { makeStyles, shorthands } from '@griffel/react'; + +const useStyles = makeStyles({ + root: { + ...shorthands.padding('25px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + }, + comparisons: { + display: 'grid', + gridTemplateColumns: 'auto auto', + gridTemplateRows: 'auto', + columnGap: '10px', + rowGap: '5px', + }, +}); + +export const NamedColors = () => { + const styles = useStyles(); + + return ( +
+

Named Colors

+
+

v8 Palette

+

v9 Global

+ {namedColorMap.map(item => { + return ; + })} +
+
+ ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/SemanticColors.stories.tsx b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/SemanticColors.stories.tsx new file mode 100644 index 00000000000000..c07a065a55eb84 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/SemanticColors.stories.tsx @@ -0,0 +1,38 @@ +import * as React from 'react'; +import { ColorCompare } from './ColorCompare'; +import { semanticToAliasMap } from './themeMap'; + +import { makeStyles, shorthands } from '@griffel/react'; + +const useStyles = makeStyles({ + root: { + ...shorthands.padding('25px'), + display: 'flex', + flexDirection: 'column', + alignItems: 'flex-start', + }, + comparisons: { + display: 'grid', + gridTemplateColumns: 'auto auto', + gridTemplateRows: 'auto', + columnGap: '10px', + rowGap: '10px', + }, +}); + +export const SemanticColors = () => { + const styles = useStyles(); + + return ( +
+

Semantic Colors

+
+

v8 Semantic

+

v9 Alias

+ {semanticToAliasMap.map(item => { + return ; + })} +
+
+ ); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorMap.ts b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorMap.ts new file mode 100644 index 00000000000000..bba60b84dc6542 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorMap.ts @@ -0,0 +1,249 @@ +import { ColorMap } from './types'; + +const semanticColors = { + accentButtonBackground: 'palette.themePrimary', + accentButtonText: 'palette.white', + actionLink: 'palette.neutralPrimary', + actionLinkHovered: 'palette.neutralDark', + blockingBackground: '#FDE7E9', + blockingIcon: '#FDE7E9', + bodyBackground: 'palette.white', + bodyBackgroundChecked: 'palette.neutralLight', + bodyBackgroundHovered: 'palette.neutralLighter', + bodyDivider: 'palette.neutralLight', + bodyFrameBackground: 'palette.white', + bodyFrameDivider: 'palette.neutralLight', + bodyStandoutBackground: 'palette.neutralLighterAlt', + bodySubtext: 'palette.neutralSecondary', + bodyText: 'palette.neutralPrimary', + bodyTextChecked: 'palette.black', + buttonBackground: 'palette.white', + buttonBackgroundChecked: 'palette.neutralTertiaryAlt', + buttonBackgroundCheckedHovered: 'palette.neutralLight', + buttonBackgroundDisabled: 'palette.neutralLighter', + buttonBackgroundHovered: 'palette.neutralLighter', + buttonBackgroundPressed: 'palette.neutralLight', + buttonBorder: 'palette.neutralSecondaryAlt', + buttonBorderDisabled: 'palette.neutralLighter', + buttonText: 'palette.neutralPrimary', + buttonTextChecked: 'palette.neutralDark', + buttonTextCheckedHovered: 'palette.black', + buttonTextDisabled: 'palette.neutralTertiary', + buttonTextHovered: 'palette.neutralDark', + buttonTextPressed: 'palette.neutralDark', + cardStandoutBackground: 'palette.white', + defaultStateBackground: 'palette.neutralLighterAlt', + disabledBackground: 'palette.neutralLighter', + disabledBodySubtext: 'palette.neutralTertiaryAlt', + disabledBodyText: 'palette.neutralTertiary', + disabledBorder: 'palette.neutralTertiaryAlt', + disabledSubtext: 'palette.neutralQuaternary', + disabledText: 'palette.neutralTertiary', + errorBackground: '#FDE7E9', + errorIcon: '#A80000', + //errorText: , + focusBorder: 'palette.neutralSecondary', + infoBackground: '#f3f2f1', + infoIcon: '#605e5c', + inputBackground: 'palette.white', + inputBackgroundChecked: 'palette.themePrimary', + inputBackgroundCheckedHovered: 'palette.themeDark', + inputBorder: 'palette.neutralSecondary', + inputBorderHovered: 'palette.neutralPrimary', + inputFocusBorderAlt: 'palette.themePrimary', + inputForegroundChecked: 'palette.white', + inputIcon: 'palette.themePrimary', + inputIconDisabled: 'palette.neutralTertiary', + inputIconHovered: 'palette.themeDark', + inputPlaceholderBackgroundChecked: 'palette.themeLighter', + inputPlaceholderText: 'palette.neutralSecondary', + inputText: 'palette.neutralPrimary', + inputTextHovered: 'palette.neutralDark', + link: 'palette.themePrimary', + linkHovered: 'palette.themeDarker', + listBackground: 'palette.white', + listHeaderBackgroundHovered: 'palette.neutralLighter', + listHeaderBackgroundPressed: 'palette.neutralLight', + listItemBackgroundChecked: 'palette.neutralLight', + listItemBackgroundCheckedHovered: 'palette.neutralQuaternaryAlt', + listItemBackgroundHovered: 'palette.neutralLighter', + listText: 'palette.neutralPrimary', + listTextColor: 'palette.neutralPrimary', + menuBackground: 'palette.white', + menuDivider: 'palette.neutralTertiaryAlt', + menuHeader: 'palette.themePrimary', + menuIcon: 'palette.themePrimary', + menuItemBackgroundChecked: 'palette.neutralLight', + menuItemBackgroundHovered: 'palette.neutralLighter', + menuItemBackgroundPressed: 'palette.neutralLight', + menuItemText: 'palette.neutralPrimary', + menuItemTextHovered: 'palette.neutralDark', + messageLink: '#005A9E', + messageLinkHovered: '#004578', + messageText: '#323130', + primaryButtonBackground: 'palette.themePrimary', + primaryButtonBackgroundDisabled: 'palette.neutralLighter', + primaryButtonBackgroundHovered: 'palette.themeDarkAlt', + primaryButtonBackgroundPressed: 'palette.themeDark', + primaryButtonBorder: 'transparent', + primaryButtonText: 'palette.white', + primaryButtonTextDisabled: 'palette.neutralQuaternary', + primaryButtonTextHovered: 'palette.white', + primaryButtonTextPressed: 'palette.white', + severeWarningBackground: '#FED9CC', + severeWarningIcon: '#D83B01', + smallInputBorder: 'palette.neutralSecondary', + successBackground: '#DFF6DD', + successIcon: '#107C10', + successText: '#107C10', + variantBorder: 'palette.neutralLight', + variantBorderHovered: 'palette.neutralTertiary', + warningBackground: '#FFF4CE', + warningHighlight: '#ffb900', + warningIcon: '#797775', + //warningText: , +}; + +export const alias = { + colorNeutralForeground1: 'grey[14]', + colorNeutralForeground1Hover: 'grey[14]', + colorNeutralForeground1Pressed: 'grey[14]', + colorNeutralForeground1Selected: 'grey[14]', + colorNeutralForeground2: 'grey[26]', + colorNeutralForeground2Hover: 'grey[14]', + colorNeutralForeground2Pressed: 'grey[14]', + colorNeutralForeground2Selected: 'grey[14]', + colorNeutralForeground2BrandHover: 'brand[80]', + colorNeutralForeground2BrandPressed: 'brand[70]', + colorNeutralForeground2BrandSelected: 'brand[80]', + colorNeutralForeground3: 'grey[38]', + colorNeutralForeground3Hover: 'grey[26]', + colorNeutralForeground3Pressed: 'grey[26]', + colorNeutralForeground3Selected: 'grey[26]', + colorNeutralForeground3BrandHover: 'brand[80]', + colorNeutralForeground3BrandPressed: 'brand[70]', + colorNeutralForeground3BrandSelected: 'brand[80]', + colorNeutralForeground4: 'grey[44]', + colorNeutralForegroundDisabled: 'grey[74]', + colorNeutralForegroundInvertedDisabled: 'whiteAlpha[40]', + colorBrandForegroundLink: 'brand[70]', + colorBrandForegroundLinkHover: 'brand[60]', + colorBrandForegroundLinkPressed: 'brand[40]', + colorBrandForegroundLinkSelected: 'brand[70]', + colorCompoundBrandForeground1: 'brand[80]', + colorCompoundBrandForeground1Hover: 'brand[70]', + colorCompoundBrandForeground1Pressed: 'brand[60]', + colorBrandForeground1: 'brand[80]', + colorBrandForeground2: 'brand[70]', + colorNeutralForeground1Static: 'grey[14]', + colorNeutralForegroundInverted: 'white', + colorNeutralForegroundInvertedHover: 'white', + colorNeutralForegroundInvertedPressed: 'white', + colorNeutralForegroundInvertedSelected: 'white', + colorNeutralForegroundOnBrand: 'white', + colorNeutralForegroundInvertedLink: 'white', + colorNeutralForegroundInvertedLinkHover: 'white', + colorNeutralForegroundInvertedLinkPressed: 'white', + colorNeutralForegroundInvertedLinkSelected: 'white', + colorBrandForegroundInverted: 'brand[100]', + colorBrandForegroundInvertedHover: 'brand[110]', + colorBrandForegroundInvertedPressed: 'brand[100]', + colorBrandForegroundOnLight: 'brand[80]', + colorBrandForegroundOnLightHover: 'brand[70]', + colorBrandForegroundOnLightPressed: 'brand[50]', + colorBrandForegroundOnLightSelected: 'brand[60]', + colorNeutralBackground1: 'white', + colorNeutralBackground1Hover: 'grey[96]', + colorNeutralBackground1Pressed: 'grey[88]', + colorNeutralBackground1Selected: 'grey[92]', + colorNeutralBackground2: 'grey[98]', + colorNeutralBackground2Hover: 'grey[94]', + colorNeutralBackground2Pressed: 'grey[86]', + colorNeutralBackground2Selected: 'grey[90]', + colorNeutralBackground3: 'grey[96]', + colorNeutralBackground3Hover: 'grey[92]', + colorNeutralBackground3Pressed: 'grey[84]', + colorNeutralBackground3Selected: 'grey[88]', + colorNeutralBackground4: 'grey[94]', + colorNeutralBackground4Hover: 'grey[98]', + colorNeutralBackground4Pressed: 'grey[96]', + colorNeutralBackground4Selected: 'white', + colorNeutralBackground5: 'grey[92]', + colorNeutralBackground5Hover: 'grey[96]', + colorNeutralBackground5Pressed: 'grey[94]', + colorNeutralBackground5Selected: 'grey[98]', + colorNeutralBackground6: 'grey[90]', + colorNeutralBackgroundInverted: 'grey[38]', + colorSubtleBackground: 'transparent', + colorSubtleBackgroundHover: 'grey[96]', + colorSubtleBackgroundPressed: 'grey[88]', + colorSubtleBackgroundSelected: 'grey[92]', + colorSubtleBackgroundLightAlphaHover: 'whiteAlpha[80]', + colorSubtleBackgroundLightAlphaPressed: 'whiteAlpha[50]', + colorSubtleBackgroundLightAlphaSelected: 'transparent', + colorSubtleBackgroundInverted: 'transparent', + colorSubtleBackgroundInvertedHover: 'blackAlpha[10]', + colorSubtleBackgroundInvertedPressed: 'blackAlpha[30]', + colorSubtleBackgroundInvertedSelected: 'blackAlpha[20]', + colorTransparentBackground: 'transparent', + colorTransparentBackgroundHover: 'transparent', + colorTransparentBackgroundPressed: 'transparent', + colorTransparentBackgroundSelected: 'transparent', + colorNeutralBackgroundDisabled: 'grey[94]', + colorNeutralBackgroundInvertedDisabled: 'whiteAlpha[10]', + colorNeutralStencil1: 'grey[90]', + colorNeutralStencil2: 'grey[98]', + colorBrandBackground: 'brand[80]', + colorBrandBackgroundHover: 'brand[70]', + colorBrandBackgroundPressed: 'brand[40]', + colorBrandBackgroundSelected: 'brand[60]', + colorCompoundBrandBackground: 'brand[80]', + colorCompoundBrandBackgroundHover: 'brand[70]', + colorCompoundBrandBackgroundPressed: 'brand[60]', + colorBrandBackgroundStatic: 'brand[80]', + colorBrandBackground2: 'brand[160]', + colorBrandBackgroundInverted: 'white', + colorBrandBackgroundInvertedHover: 'brand[160]', + colorBrandBackgroundInvertedPressed: 'brand[140]', + colorBrandBackgroundInvertedSelected: 'brand[150]', + colorNeutralStrokeAccessible: 'grey[38]', + colorNeutralStrokeAccessibleHover: 'grey[34]', + colorNeutralStrokeAccessiblePressed: 'grey[30]', + colorNeutralStrokeAccessibleSelected: 'brand[80]', + colorNeutralStroke1: 'grey[82]', + colorNeutralStroke1Hover: 'grey[78]', + colorNeutralStroke1Pressed: 'grey[70]', + colorNeutralStroke1Selected: 'grey[74]', + colorNeutralStroke2: 'grey[88]', + colorNeutralStroke3: 'grey[94]', + colorNeutralStrokeOnBrand: 'white', + colorNeutralStrokeOnBrand2: 'white', + colorNeutralStrokeOnBrand2Hover: 'white', + colorNeutralStrokeOnBrand2Pressed: 'white', + colorNeutralStrokeOnBrand2Selected: 'white', + colorBrandStroke1: 'brand[80]', + colorBrandStroke2: 'brand[140]', + colorCompoundBrandStroke: 'brand[80]', + colorCompoundBrandStrokeHover: 'brand[70]', + colorCompoundBrandStrokePressed: 'brand[60]', + colorNeutralStrokeDisabled: 'grey[88]', + colorNeutralStrokeInvertedDisabled: 'whiteAlpha[40]', + colorTransparentStroke: 'transparent', + colorTransparentStrokeInteractive: 'transparent', + colorTransparentStrokeDisabled: 'transparent', + colorStrokeFocus1: 'white', + colorStrokeFocus2: 'black', + colorNeutralShadowAmbient: 'rgba(0,0,0,0.12)', + colorNeutralShadowKey: 'rgba(0,0,0,0.14)', + colorNeutralShadowAmbientLighter: 'rgba(0,0,0,0.06)', + colorNeutralShadowKeyLighter: 'rgba(0,0,0,0.07)', + colorNeutralShadowAmbientDarker: 'rgba(0,0,0,0.20)', + colorNeutralShadowKeyDarker: 'rgba(0,0,0,0.24)', + colorBrandShadowAmbient: 'rgba(0,0,0,0.30)', + colorBrandShadowKey: 'rgba(0,0,0,0.25)', +}; + +export const colorMap: ColorMap = { + v8Semantic: semanticColors, + v9Alias: alias, +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorUtils.ts b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorUtils.ts new file mode 100644 index 00000000000000..046acbf4ea2d32 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/colorUtils.ts @@ -0,0 +1,145 @@ +import { colorMap } from './colorMap'; +import { ColorInfo, ColorKind } from './types'; +import { + black, + blackAlpha, + brandWeb, + grey, + sharedColors, + white, + whiteAlpha, +} from '../../../../shims/ThemeShim/themeDuplicates'; +import { DefaultPalette } from '@fluentui/react'; + +const palettePrefix = 'palette.'; +const paletteMap = (DefaultPalette as unknown) as Record; + +const blackAlphaPrefix = 'blackAlpha['; +const greyPrefix = 'grey['; +const whiteAlphaPrefix = 'whiteAlpha['; +const sharedColorsPrefix = 'sharedColors.'; +const brandPrefix = 'brand['; + +const blackAlphaMap = (blackAlpha as unknown) as Record; +const greyMap = (grey as unknown) as Record; +const whiteAlphaMap = (whiteAlpha as unknown) as Record; +const sharedColorsMap = (sharedColors as unknown) as Record; +const brandMap = (brandWeb as unknown) as Record; + +const getV9BlackAlpha = (name: string): string => { + const rampNumber = name.substring(blackAlphaPrefix.length, name.length - 1); + return blackAlphaMap[rampNumber]; +}; + +const getV9Grey = (name: string): string => { + const rampNumber = name.substring(greyPrefix.length, name.length - 1); + return greyMap[rampNumber]; +}; + +const getV9WhiteAlpha = (name: string): string => { + const rampNumber = name.substring(whiteAlphaPrefix.length, name.length - 1); + return whiteAlphaMap[rampNumber]; +}; + +const getV9SharedColor = (name: string): string => { + const colorParts = name.substring(sharedColorsPrefix.length).split('.'); + if (colorParts.length !== 2) { + throw new Error('Could not get color block info. Unsupported shared color specified.'); + } + const parent = sharedColorsMap[colorParts[0]]; + return ((parent as unknown) as Record)[colorParts[1]]; +}; + +const getV9BrandColor = (name: string): string => { + const rampNumber = name.substring(brandPrefix.length, name.length - 1); + return brandMap[rampNumber]; +}; + +const getv9GlobalColor = (name: string): string => { + if (name === 'black') { + return black; + } else if (name.startsWith(blackAlphaPrefix)) { + return getV9BlackAlpha(name); + } else if (name.startsWith(greyPrefix)) { + return getV9Grey(name); + } else if (name.startsWith(whiteAlphaPrefix)) { + return getV9WhiteAlpha(name); + } else if (name === 'white') { + return white; + } else if (name.startsWith(sharedColorsPrefix)) { + return getV9SharedColor(name); + } else if (name.startsWith(brandPrefix)) { + return getV9BrandColor(name); + } else { + return name; + } +}; + +export const getPaletteColorInfo = (name: string): ColorInfo => { + const color = paletteMap[name]; + + return { + name, + colorName: '', + colorValue: color, + kind: 'v8-palette', + }; +}; + +export const getSemanticColorInfo = (name: string): ColorInfo => { + const colorName = colorMap.v8Semantic[name]; + + let color = colorName; + if (colorName.startsWith(palettePrefix)) { + color = paletteMap[colorName.substring(palettePrefix.length)]; + } + + return { + name, + colorName, + colorValue: color, + kind: 'v8-semantic', + }; +}; + +export const getGlobalColorInfo = (name: string): ColorInfo => { + const color = getv9GlobalColor(name); + + return { + name, + colorName: '', + colorValue: color, + kind: 'v9-global', + }; +}; + +export const getAliasColorInfo = (name: string): ColorInfo => { + const colorName = colorMap.v9Alias[name]; + let color = colorName; + if (colorName) { + color = getv9GlobalColor(colorName); + } + + return { + name, + colorName, + colorValue: color, + kind: 'v9-alias', + }; +}; + +export const getColorBlockInfo = (name: string, kind: ColorKind) => { + switch (kind) { + case 'v8-palette': + return getPaletteColorInfo(name); + case 'v8-semantic': + return getSemanticColorInfo(name); + case 'v9-global': + return getGlobalColorInfo(name); + case 'v9-alias': + return getAliasColorInfo(name); + default: + break; + } + throw new Error('Could not get color block info. Unsupported color kind.'); +}; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/themeMap.ts b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/themeMap.ts new file mode 100644 index 00000000000000..41c5a41ea16768 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/themeMap.ts @@ -0,0 +1,885 @@ +import { ColorCompareInfo } from './types'; + +export const monochromeMap: ColorCompareInfo[] = [ + { name: 'black', match: 'black', kind: 'v8-palette' }, + { + name: 'blackTranslucent40', + match: 'blackAlpha[40]', + kind: 'v8-palette', + }, + { name: 'neutralDark', match: 'grey[8]', kind: 'v8-palette' }, + { name: 'neutralPrimary', match: 'grey[14]', kind: 'v8-palette' }, + { name: 'neutralPrimaryAlt', match: 'grey[22]', kind: 'v8-palette' }, + { name: 'neutralSecondary', match: 'grey[36]', kind: 'v8-palette' }, + { name: 'neutralSecondaryAlt', match: 'grey[52]', kind: 'v8-palette' }, + { name: 'neutralTertiary', match: 'grey[62]', kind: 'v8-palette' }, + { name: 'neutralTertiaryAlt', match: 'grey[78]', kind: 'v8-palette' }, + { name: 'neutralQuaternary', match: 'grey[82]', kind: 'v8-palette' }, + { name: 'neutralQuaternaryAlt', match: 'grey[88]', kind: 'v8-palette' }, + { name: 'neutralLight', match: 'grey[92]', kind: 'v8-palette' }, + { name: 'neutralLighter', match: 'grey[96]', kind: 'v8-palette' }, + { name: 'neutralLighterAlt', match: 'grey[98]', kind: 'v8-palette' }, + { name: 'accent', match: 'brand[80]', kind: 'v8-palette' }, + { name: 'white', match: 'white', kind: 'v8-palette' }, + { + name: 'whiteTranslucent40', + match: 'whiteAlpha[40]', + kind: 'v8-palette', + }, +]; + +export const namedColorMap: ColorCompareInfo[] = [ + { + name: 'yellowDark', + match: 'sharedColors.marigold.shade10', + comment: 'Closest color match. Marigold is darker yellow moving toward orange.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.gold.primary', + comment: 'Gold is darker yellow moving toward brown.', + }, + ], + }, + { + name: 'yellow', + match: 'sharedColors.yellow.primary', + comment: 'Name match', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.marigold.primary', + comment: 'Closest color match given v8 yellow is tinted orange.', + }, + ], + }, + { + name: 'yellowLight', + match: 'sharedColors.yellow.tint40', + comment: 'Name match tinted light.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.yellow.tint20', + comment: 'Closest color match given v8 light yellow is saturated.', + }, + ], + }, + { + name: 'orange', + match: 'sharedColors.orange.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.darkOrange.primary', + comment: 'Closest color match.', + }, + { + name: 'sharedColors.peach.primary', + comment: 'Traditional orange', + }, + ], + }, + { + name: 'orangeLight', + match: 'sharedColors.orange.tint20', + comment: 'Name match tinted light.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.darkOrange.tint10', + comment: 'Closest color match.', + }, + { + name: 'sharedColors.peach.tint30', + comment: 'Traditional light orange.', + }, + ], + }, + { + name: 'orangeLighter', + match: 'sharedColors.orange.tint40', + comment: 'Name match tinted lighter.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.peach.primary', + comment: 'Color match.', + }, + { + name: 'sharedColors.peach.tint40', + comment: 'Traditional lighter orange.', + }, + ], + }, + { + name: 'redDark', + match: 'sharedColors.darkRed.primary', + comment: 'Name match', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.burgundy.primary', + comment: 'Color match.', + }, + { + name: 'sharedColors.red.shade30', + comment: 'Red shaded. Equivalent to darkRed.primary', + }, + ], + }, + { + name: 'red', + match: 'sharedColors.red.primary', + comment: 'Name match. v9 does not have a closer color match.', + kind: 'v8-palette', + }, + { + name: 'magentaDark', + match: 'sharedColors.magenta.shade30', + comment: 'Magenta shaded dark.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.berry.shade30', + comment: 'Closest color match.', + }, + { + name: 'sharedColors.plum.primary', + comment: 'Plum is the darker version of magenta.', + }, + ], + }, + { + name: 'magenta', + match: 'sharedColors.magenta.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.berry.primary', + comment: 'Closest color match.', + }, + { + name: 'sharedColors.lilac.primary', + comment: 'Lilac is a more purple version of berry.', + }, + ], + }, + { + name: 'magentaLight', + match: 'sharedColors.magenta.tint30', + comment: 'Magenta tinted light.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.hotPink.primary', + comment: 'Color match.', + }, + { + name: 'sharedColors.pink.primary', + comment: 'Pink is what some folks would think of as magenta light.', + }, + ], + }, + { + name: 'purpleDark', + match: 'sharedColors.darkPurple.primary', + comment: 'Name match.', + kind: 'v8-palette', + }, + { + name: 'purple', + match: 'sharedColors.purple.primary', + comment: 'Name and color match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.orchid.primary', + comment: 'Orchid is a lighter verison of purple.', + }, + ], + }, + { + name: 'purpleLight', + match: 'sharedColors.purple.tint40', + comment: 'Name match tinted light.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.orchid.tint40', + comment: 'Orchid tinted is what some would consider light purple. ', + }, + { + name: 'sharedColors.lavender.tint30', + comment: 'Closest color match.', + }, + ], + }, + { + name: 'blueDark', + match: 'sharedColors.darkBlue.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.darkBlue.shade30', + comment: 'Closest color match', + }, + ], + }, + { + name: 'blueMid', + match: 'sharedColors.royalBlue.primary', + comment: 'Closest match between darkBlue and blue.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.navy.shade10', + comment: 'Closest color match.', + }, + ], + }, + { + name: 'blue', + match: 'sharedColors.blue.primary', + comment: 'Name and color match.', + kind: 'v8-palette', + }, + { + name: 'blueLight', + match: 'sharedColors.lightBlue.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.blue.tint40', + comment: 'Closest name match that is visibly lighter.', + }, + ], + }, + { + name: 'tealDark', + match: 'sharedColors.darkTeal.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.darkTeal.shade20', + comment: 'Closest color match.', + }, + ], + }, + { + name: 'teal', + match: 'sharedColors.teal.primary', + comment: 'Name match', + kind: 'v8-palette', + considered: [{ name: 'sharedColors.darkTeal.tint10', comment: 'Closest color match.' }], + }, + { + name: 'tealLight', + match: 'sharedColors.lightTeal.primary', + comment: 'Name match', + kind: 'v8-palette', + considered: [{ name: 'sharedColors.seafoam.shade10', comment: 'Closest color match.' }], + }, + { + name: 'greenDark', + match: 'sharedColors.darkGreen.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.darkGreen.shade20', + comment: 'Closest color match', + }, + ], + }, + { + name: 'green', + match: 'sharedColors.green.primary', + comment: 'Name and color match.', + kind: 'v8-palette', + }, + { + name: 'greenLight', + match: 'sharedColors.lightGreen.primary', + comment: 'Name match.', + kind: 'v8-palette', + considered: [ + { + name: 'sharedColors.lime.tint10', + comment: 'Closest color match.', + }, + { name: 'sharedColors.green.tint30', comment: 'Green tinted.' }, + ], + }, +]; + +export const brandMap: ColorCompareInfo[] = [ + { name: 'themeDarker', match: 'brand[40]', kind: 'v8-palette' }, + { name: 'themeDark', match: 'brand[60]', kind: 'v8-palette' }, + { name: 'themeDarkAlt', match: 'brand[70]', kind: 'v8-palette' }, + { name: 'themePrimary', match: 'brand[80]', kind: 'v8-palette' }, + { name: 'themeSecondary', match: 'brand[90]', kind: 'v8-palette' }, + { name: 'themeTertiary', match: 'brand[120]', kind: 'v8-palette' }, + { name: 'themeLight', match: 'brand[140]', kind: 'v8-palette' }, + { name: 'themeLighter', match: 'brand[150]', kind: 'v8-palette' }, + { name: 'themeLighterAlt', match: 'brand[160]', kind: 'v8-palette' }, +]; + +export const semanticToAliasMap: ColorCompareInfo[] = [ + { + name: 'accentButtonBackground', + match: 'colorBrandBackground', + comment: 'Used by Button when appearance=primary.', + kind: 'v8-semantic', + }, + { + name: 'accentButtonText', + match: 'colorNeutralForegroundOnBrand', + comment: 'Used by Button when appearance=primary.', + kind: 'v8-semantic', + }, + { + name: 'actionLink', + match: 'colorNeutralForeground1', + kind: 'v8-semantic', + }, + { + name: 'actionLinkHovered', + match: 'colorNeutralForeground1Hover', + kind: 'v8-semantic', + }, + { + name: 'bodyBackground', + match: 'colorNeutralBackground1', + kind: 'v8-semantic', + }, + { + name: 'bodyBackgroundChecked', + match: 'colorNeutralBackground1Selected', + comment: 'Used by ToggleButton when checked.', + kind: 'v8-semantic', + }, + { + name: 'bodyBackgroundHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Used by ToggleButton when hovered.', + kind: 'v8-semantic', + }, + { + name: 'bodyDivider', + match: 'colorNeutralStroke2', + comment: 'Used by Divider for the line', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralBackground5', + comment: 'Closest color match', + }, + ], + }, + { + name: 'bodyFrameBackground', + match: 'colorNeutralBackground1', + kind: 'v8-semantic', + }, + { + name: 'bodyFrameDivider', + match: 'colorNeutralStroke2', + comment: 'Used by Divider for the line', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralBackground5', + comment: 'Closest color match', + }, + ], + }, + { + name: 'bodyStandoutBackground', + match: 'colorNeutralBackground2', + comment: 'Closest color match', + kind: 'v8-semantic', + }, + { + name: 'bodySubtext', + match: 'colorNeutralForeground2', + comment: 'Used by CompoundButton for secondary content.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralForeground3', + comment: 'Closest color match', + }, + ], + }, + { + name: 'bodyText', + match: 'colorNeutralForeground1', + kind: 'v8-semantic', + }, + { + name: 'bodyTextChecked', + match: 'colorNeutralForeground1Selected', + comment: 'Not used in v9 yet, but seems like best name match.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralForeground1', + comment: 'Used by ToggleButton when checked', + }, + ], + }, + { + name: 'buttonBackground', + match: 'colorNeutralBackground1', + comment: 'Used by Button', + kind: 'v8-semantic', + }, + { + name: 'buttonBackgroundChecked', + match: 'colorNeutralBackground1Selected', + comment: 'Used by ToggleButton when checked', + kind: 'v8-semantic', + }, + { + name: 'buttonBackgroundCheckedHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Used by ToggleButton when hovered. No hover+selected color in v9.', + kind: 'v8-semantic', + }, + { + name: 'buttonBackgroundDisabled', + match: 'colorNeutralBackgroundDisabled', + comment: 'Used by Button when disabled', + kind: 'v8-semantic', + }, + { + name: 'buttonBackgroundHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Used by Button when hovered', + kind: 'v8-semantic', + }, + { + name: 'buttonBackgroundPressed', + match: 'colorNeutralBackground1Pressed', + comment: 'Used by Button when active', + kind: 'v8-semantic', + }, + { + name: 'buttonBorder', + match: 'colorNeutralStroke1', + comment: 'Used by Button', + kind: 'v8-semantic', + }, + { + name: 'buttonBorderDisabled', + match: 'colorNeutralStrokeDisabled', + comment: 'Used by Button when disabled', + kind: 'v8-semantic', + }, + { + name: 'buttonText', + match: 'colorNeutralForeground1', + comment: 'Used by Button', + kind: 'v8-semantic', + }, + { + name: 'buttonTextChecked', + match: 'colorNeutralForeground1', + comment: 'Used by ToggleButton when checked', + kind: 'v8-semantic', + }, + { + name: 'buttonTextCheckedHovered', + match: 'colorNeutralForeground1', + comment: 'Used by ToggleButton when hovered. No hover+selected color in v9.', + kind: 'v8-semantic', + }, + { + name: 'buttonTextDisabled', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by Button when disabled', + kind: 'v8-semantic', + }, + { + name: 'buttonTextHovered', + match: 'colorNeutralForeground1', + comment: 'Used by Button when hovered', + kind: 'v8-semantic', + }, + { + name: 'buttonTextPressed', + match: 'colorNeutralForeground1', + comment: 'Used by Button when active', + kind: 'v8-semantic', + }, + { + name: 'cardStandoutBackground', + match: 'colorNeutralBackground1', + comment: 'Used by Card.', + kind: 'v8-semantic', + }, + { + name: 'defaultStateBackground', + match: 'colorNeutralBackground2', + comment: 'Closest color match.', + kind: 'v8-semantic', + }, + { + name: 'disabledBackground', + match: 'colorNeutralBackgroundDisabled', + comment: 'Used by multiple components when disabled.', + kind: 'v8-semantic', + }, + { + name: 'disabledBodySubtext', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by multiple components when disabled. No secondary disabled color in v9.', + kind: 'v8-semantic', + }, + { + name: 'disabledBodyText', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by multiple components when disabled.', + kind: 'v8-semantic', + }, + { + name: 'disabledBorder', + match: 'colorNeutralStrokeDisabled', + comment: 'Used by multiple components when disabled.', + kind: 'v8-semantic', + }, + { + name: 'disabledSubtext', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by multiple components when disabled. No secondary disabled color in v9.', + kind: 'v8-semantic', + }, + { + name: 'disabledText', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by multiple components when disabled.', + kind: 'v8-semantic', + }, + { + name: 'focusBorder', + match: 'colorStrokeFocus2', + comment: 'Used by multiple components for outline.', + kind: 'v8-semantic', + considered: [ + { name: 'colorNeutralStrokeAccessible', comment: 'Closest color match.' }, + { name: 'colorNeutralForeground3', comment: 'Closest color match.' }, + ], + }, + { + name: 'inputBackground', + match: 'colorNeutralBackground1', + comment: 'Used by Input.', + kind: 'v8-semantic', + }, + { + name: 'inputBackgroundChecked', + match: 'colorCompoundBrandBackground', + comment: 'Used by Checkbox when checked.', + kind: 'v8-semantic', + }, + { + name: 'inputBackgroundCheckedHovered', + match: 'colorCompoundBrandBackgroundHover', + comment: 'Used by Checkbox when checked and hovered.', + kind: 'v8-semantic', + }, + { + name: 'inputBorder', + match: 'colorNeutralStrokeAccessible', + comment: 'Used by Input.', + kind: 'v8-semantic', + }, + { + name: 'inputBorderHovered', + match: 'colorNeutralStrokeAccessibleHover', + comment: 'Used by Input when hovered.', + kind: 'v8-semantic', + considered: [{ name: 'colorNeutralForeground1', comment: 'Closest color match.' }], + }, + { + name: 'inputFocusBorderAlt', + match: 'colorCompoundBrandStroke', + comment: 'Used by input when interactive.', + kind: 'v8-semantic', + }, + { + name: 'inputForegroundChecked', + match: 'colorNeutralForegroundOnBrand', + comment: 'Used by Checkbox when checked.', + kind: 'v8-semantic', + }, + { + name: 'inputIcon', + match: 'colorNeutralForeground3', + comment: 'Used by Input for content (includes icon).', + kind: 'v8-semantic', + considered: [{ name: 'colorCompoundBrandForeground1', comment: 'Color match.' }], + }, + { + name: 'inputIconDisabled', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by Input for content (includes icon).', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralForegroundDisabled', + comment: 'Closest color and name match.', + }, + ], + }, + { + name: 'inputIconHovered', + match: 'colorNeutralForeground3', + comment: 'Used by Input for content (includes icon). v9 does not apply a specific style for content when hovered.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorCompoundBrandForeground1Hover', + comment: 'Closest name and color match.', + }, + { name: 'colorBrandForegroundLinkHover', comment: 'Color match.' }, + ], + }, + { + name: 'inputPlaceholderBackgroundChecked', + match: 'colorBrandBackgroundInvertedSelected', + comment: 'Color match.', + kind: 'v8-semantic', + }, + { + name: 'inputPlaceholderText', + match: 'colorNeutralForeground4', + comment: 'Used by Input.', + kind: 'v8-semantic', + considered: [{ name: 'colorNeutralStrokeAccessible', comment: 'Closest color match.' }], + }, + { + name: 'inputText', + match: 'colorNeutralForeground1', + comment: 'Used by Input.', + kind: 'v8-semantic', + }, + { + name: 'inputTextHovered', + match: 'colorNeutralForeground1Hover', + comment: 'Closest name match. v9 Input does not apply a specific style to text when hovered.', + kind: 'v8-semantic', + }, + { + name: 'link', + match: 'colorBrandForegroundLink', + comment: 'Used by Link.', + kind: 'v8-semantic', + }, + { + name: 'linkHovered', + match: 'colorBrandForegroundLinkHover', + comment: 'Used by Link when hovered.', + kind: 'v8-semantic', + }, + { + name: 'listBackground', + match: 'colorNeutralBackground1', + comment: 'Closest color match', + kind: 'v8-semantic', + }, + { + name: 'listHeaderBackgroundHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Closest name and color match.', + kind: 'v8-semantic', + }, + { + name: 'listHeaderBackgroundPressed', + match: 'colorNeutralBackground1Pressed', + comment: 'Closest name and color match.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralBackground1Selected', + comment: 'Closest color match.', + }, + ], + }, + { + name: 'listItemBackgroundChecked', + match: 'colorNeutralBackground1Selected', + comment: 'Closest name and color match.', + kind: 'v8-semantic', + }, + { + name: 'listItemBackgroundCheckedHovered', + match: 'colorNeutralBackground1Selected', + comment: 'Closest name match.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralBackground1Pressed', + comment: 'Closest color match.', + }, + ], + }, + { + name: 'listItemBackgroundHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Closest name and color match.', + kind: 'v8-semantic', + }, + { + name: 'listText', + match: 'colorNeutralForeground1', + comment: 'Closest color match.', + kind: 'v8-semantic', + }, + { + name: 'listTextColor', + match: 'colorNeutralForeground1', + comment: 'Closest color match.', + kind: 'v8-semantic', + }, + { + name: 'menuBackground', + match: 'colorNeutralBackground1', + comment: 'Used by MenuItem. v9 does not apply a background for Menu or MenuList.', + kind: 'v8-semantic', + }, + { + name: 'menuDivider', + match: 'colorNeutralStroke2', + comment: 'Used by MenuItem.', + kind: 'v8-semantic', + }, + { + name: 'menuHeader', + match: 'colorNeutralForeground3', + comment: 'Used by MenuItem. v9 does not apply brand color to menu group headers.', + kind: 'v8-semantic', + considered: [{ name: 'colorBrandForeground1', comment: 'Color match.' }], + }, + { + name: 'menuIcon', + match: 'colorNeutralForeground1', + comment: 'Used by MenuItem. v9 does not apply brand color to icons.', + kind: 'v8-semantic', + considered: [{ name: 'colorBrandForeground1', comment: 'Color match.' }], + }, + { + name: 'menuItemBackgroundChecked', + match: 'colorNeutralBackground1', + comment: 'Used by MenuItemCheckbox when check. v9 does not change the background when checked.', + kind: 'v8-semantic', + }, + { + name: 'menuItemBackgroundHovered', + match: 'colorNeutralBackground1Hover', + comment: 'Used by MenuItem.', + kind: 'v8-semantic', + }, + { + name: 'menuItemBackgroundPressed', + match: 'colorNeutralBackground1Hover', + comment: 'Used by MenuItem when active. v9 does not change the background when active and uses the hover color.', + kind: 'v8-semantic', + considered: [ + { + name: 'colorNeutralBackground1', + comment: 'Menu item has this color when keyboard pressed but not hovered.', + }, + ], + }, + { + name: 'menuItemText', + match: 'colorNeutralForeground1', + comment: 'Used by MenuItem.', + kind: 'v8-semantic', + }, + { + name: 'menuItemTextHovered', + match: 'colorNeutralForeground2Hover', + comment: 'Used by MenuItem when hovered.', + kind: 'v8-semantic', + }, + { + name: 'messageLink', + match: 'colorBrandForegroundLink', + comment: 'Used by Link.', + kind: 'v8-semantic', + }, + { + name: 'messageLinkHovered', + match: 'colorBrandForegroundLinkHover', + comment: 'Used by Link.', + kind: 'v8-semantic', + }, + { + name: 'messageText', + match: 'colorNeutralForeground1', + comment: 'Closest color match.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonBackground', + match: 'colorBrandBackground', + comment: 'Used by Button when appearance=primary.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonBackgroundDisabled', + match: 'colorNeutralBackgroundDisabled', + comment: 'Used by Button when disabled. v9 does not specifically style appearance=primary and disabled.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonBackgroundHovered', + comment: 'Used by Button when appearance=primary and hovered.', + match: 'colorBrandBackgroundHover', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonBackgroundPressed', + match: 'colorBrandBackgroundPressed', + comment: 'Used by Button when appearance=primary and active.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonBorder', + match: 'colorTransparentStroke', + comment: 'Used by Button when appearance=primary.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonText', + match: 'colorNeutralForegroundOnBrand', + comment: 'Used by Button when appearance=primary.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonTextDisabled', + match: 'colorNeutralForegroundDisabled', + comment: 'Used by Button when disabled. v9 does not specifically style appearance=primary and disabled.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonTextHovered', + match: 'colorNeutralForegroundOnBrand', + comment: 'Used by Button when appearance=primary and hovered.', + kind: 'v8-semantic', + }, + { + name: 'primaryButtonTextPressed', + match: 'colorNeutralForegroundOnBrand', + comment: 'Used by Button when appearance=primary and active.', + kind: 'v8-semantic', + }, +]; diff --git a/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/types.ts b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/types.ts new file mode 100644 index 00000000000000..89fdbe84f2a670 --- /dev/null +++ b/apps/public-docsite-v9/src/Concepts/Upgrade/FromV8/ThemeColors/types.ts @@ -0,0 +1,21 @@ +export type ColorKind = 'v8-semantic' | 'v8-palette' | 'v9-alias' | 'v9-global'; + +export type ColorInfo = { + name: string; + colorName?: string; + colorValue?: string; + kind: ColorKind; +}; + +export type ColorMap = { + v8Semantic: Record; + v9Alias: Record; +}; + +export type ColorCompareInfo = { + name: string; + match?: string; + comment?: string; + considered?: { name: string; comment?: string }[]; + kind: ColorKind; +}; diff --git a/apps/public-docsite-v9/src/shims/ThemeShim/themeDuplicates.ts b/apps/public-docsite-v9/src/shims/ThemeShim/themeDuplicates.ts index 577a919652b1de..c42e73c24d0b04 100644 --- a/apps/public-docsite-v9/src/shims/ThemeShim/themeDuplicates.ts +++ b/apps/public-docsite-v9/src/shims/ThemeShim/themeDuplicates.ts @@ -3,6 +3,8 @@ * They are necessary to build the theme shims. */ +import { BrandVariants } from '@fluentui/react-theme'; + /** * Possible color variant values */ @@ -1050,3 +1052,22 @@ export const sharedColors: GlobalSharedColors = { anchor, charcoal, }; + +export const brandWeb: BrandVariants = { + 10: `#061724`, + 20: `#082338`, + 30: `#0a2e4a`, + 40: `#0c3b5e`, + 50: `#0e4775`, + 60: `#0f548c`, + 70: `#115ea3`, + 80: `#0f6cbd`, + 90: `#2886de`, + 100: `#479ef5`, + 110: `#62abf5`, + 120: `#77b7f7`, + 130: `#96c6fa`, + 140: `#b4d6fa`, + 150: `#cfe4fa`, + 160: `#ebf3fc`, +}; diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx index 0448c740bf6a70..70a9ef3a92c32f 100644 --- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx +++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx @@ -61,15 +61,7 @@ export const SiteDefinition: ISiteDefinition = { { from: '#/styles/web/fluent-theme', to: '#/controls/web/themes' }, { from: '#/examples', to: '#/controls/web' }, ], - messageBars: [ - { - path: '#', - text: Fluent UI React version 8 is now available., - linkText: 'Learn more', - linkUrl: 'https://github.com/microsoft/fluentui/wiki/Version-8-release-notes', - sessionStoragePrefix: 'FluentUI8', - }, - ], + messageBars: [], // This is defined by loadSite() from @fluentui/public-docsite-setup versionSwitcherDefinition: window.__versionSwitcherDefinition, }; diff --git a/apps/ts-minbar-test-react-components/CHANGELOG.json b/apps/ts-minbar-test-react-components/CHANGELOG.json index 09be532f99479a..d9cdbb7569bbff 100644 --- a/apps/ts-minbar-test-react-components/CHANGELOG.json +++ b/apps/ts-minbar-test-react-components/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/ts-minbar-test-react-components", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0", + "version": "9.0.0-rc.0", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/ts-minbar-test-react-components", + "comment": "Bump @fluentui/react-components to v9.0.0-rc.9", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0", diff --git a/apps/ts-minbar-test-react-components/CHANGELOG.md b/apps/ts-minbar-test-react-components/CHANGELOG.md index ae79c1d8eef0ef..db02fec075b67f 100644 --- a/apps/ts-minbar-test-react-components/CHANGELOG.md +++ b/apps/ts-minbar-test-react-components/CHANGELOG.md @@ -1,11 +1,20 @@ # Change Log - @fluentui/ts-minbar-test-react-components -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0..@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0) + +### Patches + +- Bump @fluentui/react-components to v9.0.0-rc.9 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/ts-minbar-test-react-components_v1.0.0..@fluentui/ts-minbar-test-react-components_v9.0.0-rc.0) diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index 3d5c5a388d95b9..211ed37f94a746 100644 --- a/apps/ts-minbar-test-react-components/package.json +++ b/apps/ts-minbar-test-react-components/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React Components compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react-components": "^9.0.0-rc.8" + "@fluentui/react-components": "^9.0.0-rc.9" }, "scripts": { "build": "just-scripts build", diff --git a/apps/vr-tests-react-components/CHANGELOG.json b/apps/vr-tests-react-components/CHANGELOG.json index daa33f998aac78..1a2f924f169a13 100644 --- a/apps/vr-tests-react-components/CHANGELOG.json +++ b/apps/vr-tests-react-components/CHANGELOG.json @@ -1,6 +1,177 @@ { "name": "@fluentui/vr-tests-react-components", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/vr-tests-react-components_v9.0.0-rc.0", + "version": "9.0.0-rc.0", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-accordion to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-avatar to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-badge to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-button to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-card to v9.0.0-beta.13", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-checkbox to v9.0.0-beta.13", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-divider to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-image to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-input to v9.0.0-beta.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-link to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-menu to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-popover to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-provider to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-radio to v9.0.0-beta.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-slider to v9.0.0-beta.13", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-spinner to v9.0.0-beta.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-spinbutton to v9.0.0-beta.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-switch to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-tabs to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-text to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-textarea to v9.0.0-alpha.2", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-tooltip to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/vr-tests-react-components", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/vr-tests-react-components_v9.0.0-rc.0", diff --git a/apps/vr-tests-react-components/CHANGELOG.md b/apps/vr-tests-react-components/CHANGELOG.md index 037137bbc41b7a..534d94944b0af9 100644 --- a/apps/vr-tests-react-components/CHANGELOG.md +++ b/apps/vr-tests-react-components/CHANGELOG.md @@ -1,11 +1,46 @@ # Change Log - @fluentui/vr-tests-react-components -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/vr-tests-react-components_v9.0.0-rc.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/vr-tests-react-components_v9.0.0-rc.0..@fluentui/vr-tests-react-components_v9.0.0-rc.0) + +### Patches + +- Bump @fluentui/react-accordion to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-avatar to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-badge to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-card to v9.0.0-beta.13 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-checkbox to v9.0.0-beta.13 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-divider to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-image to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-input to v9.0.0-beta.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-link to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-menu to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-popover to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-positioning to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-provider to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-radio to v9.0.0-beta.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-slider to v9.0.0-beta.13 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-spinner to v9.0.0-beta.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-spinbutton to v9.0.0-beta.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-switch to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabs to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-text to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-textarea to v9.0.0-alpha.2 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tooltip to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-rc.0](https://github.com/microsoft/fluentui/tree/@fluentui/vr-tests-react-components_v9.0.0-rc.0) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/vr-tests-react-components_v9.0.0-rc.0..@fluentui/vr-tests-react-components_v9.0.0-rc.0) diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 9c6b945c13a296..a9f5780ffa86f7 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -17,34 +17,34 @@ "@fluentui/eslint-plugin": "*" }, "dependencies": { - "@fluentui/react-accordion": "9.0.0-rc.7", - "@fluentui/react-avatar": "9.0.0-rc.6", - "@fluentui/react-badge": "9.0.0-rc.6", - "@fluentui/react-button": "9.0.0-rc.7", - "@fluentui/react-card": "9.0.0-beta.12", - "@fluentui/react-checkbox": "9.0.0-beta.12", - "@fluentui/react-divider": "9.0.0-rc.6", + "@fluentui/react-accordion": "9.0.0-rc.8", + "@fluentui/react-avatar": "9.0.0-rc.7", + "@fluentui/react-badge": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8", + "@fluentui/react-card": "9.0.0-beta.13", + "@fluentui/react-checkbox": "9.0.0-beta.13", + "@fluentui/react-divider": "9.0.0-rc.7", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-image": "9.0.0-rc.6", - "@fluentui/react-input": "9.0.0-beta.7", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-link": "9.0.0-rc.7", - "@fluentui/react-menu": "9.0.0-rc.7", - "@fluentui/react-popover": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-provider": "9.0.0-rc.7", - "@fluentui/react-radio": "9.0.0-beta.4", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-slider": "9.0.0-beta.12", - "@fluentui/react-spinner": "9.0.0-beta.7", - "@fluentui/react-spinbutton": "9.0.0-beta.7", - "@fluentui/react-switch": "9.0.0-rc.7", - "@fluentui/react-tabs": "9.0.0-beta.10", - "@fluentui/react-text": "9.0.0-rc.6", - "@fluentui/react-textarea": "9.0.0-alpha.1", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-tooltip": "9.0.0-rc.7", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-image": "9.0.0-rc.7", + "@fluentui/react-input": "9.0.0-beta.8", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-link": "9.0.0-rc.8", + "@fluentui/react-menu": "9.0.0-rc.8", + "@fluentui/react-popover": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-provider": "9.0.0-rc.8", + "@fluentui/react-radio": "9.0.0-rc.1", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-slider": "9.0.0-beta.13", + "@fluentui/react-spinner": "9.0.0-beta.8", + "@fluentui/react-spinbutton": "9.0.0-beta.8", + "@fluentui/react-switch": "9.0.0-rc.8", + "@fluentui/react-tabs": "9.0.0-beta.11", + "@fluentui/react-text": "9.0.0-rc.7", + "@fluentui/react-textarea": "9.0.0-alpha.2", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-tooltip": "9.0.0-rc.8", + "@fluentui/react-utilities": "9.0.0-rc.7", "@fluentui/scripts": "^1.0.0", "@griffel/react": "1.0.3", "react": "16.14.0", diff --git a/apps/vr-tests-react-components/src/stories/Card.stories.tsx b/apps/vr-tests-react-components/src/stories/Card.stories.tsx index 9081c1f74fa1b8..df3fbffaf57306 100644 --- a/apps/vr-tests-react-components/src/stories/Card.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Card.stories.tsx @@ -7,7 +7,7 @@ import { Body, Caption } from '@fluentui/react-text'; import { Button } from '@fluentui/react-button'; import { action } from '@storybook/addon-actions'; -const ASSET_URL = 'https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-card'; +const ASSET_URL = 'https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-components/react-card'; const powerpointLogoURL = ASSET_URL + '/assets/powerpoint_logo.svg'; diff --git a/change/@fluentui-cra-template-d2c1dcf7-33f1-427f-8c95-94e1c77b959f.json b/change/@fluentui-cra-template-d2c1dcf7-33f1-427f-8c95-94e1c77b959f.json deleted file mode 100644 index bbd4e19513ebba..00000000000000 --- a/change/@fluentui-cra-template-d2c1dcf7-33f1-427f-8c95-94e1c77b959f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "set specific version of react to be used in cra-template", - "packageName": "@fluentui/cra-template", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-keyboard-keys-9edab034-ff04-487a-9112-d01d7ea1ef65.json b/change/@fluentui-keyboard-keys-bd228124-f380-4d25-a8dc-9a938739b9a5.json similarity index 54% rename from change/@fluentui-keyboard-keys-9edab034-ff04-487a-9112-d01d7ea1ef65.json rename to change/@fluentui-keyboard-keys-bd228124-f380-4d25-a8dc-9a938739b9a5.json index 2f9e552d2cd17b..48731e5b53a26f 100644 --- a/change/@fluentui-keyboard-keys-9edab034-ff04-487a-9112-d01d7ea1ef65.json +++ b/change/@fluentui-keyboard-keys-bd228124-f380-4d25-a8dc-9a938739b9a5.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "remove star exports", + "comment": "feat: ship rolluped only dts", "packageName": "@fluentui/keyboard-keys", - "email": "seanmonahan@microsoft.com", + "email": "martinhochel@microsoft.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-accordion-4b219078-bd35-477b-815a-330d208e8765.json b/change/@fluentui-react-accordion-4b219078-bd35-477b-815a-330d208e8765.json deleted file mode 100644 index 64cbbc74a3ef03..00000000000000 --- a/change/@fluentui-react-accordion-4b219078-bd35-477b-815a-330d208e8765.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "remove star exports", - "packageName": "@fluentui/react-accordion", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-aria-0f6b0cd4-dab6-46e2-b058-e2dba0b37f18.json b/change/@fluentui-react-aria-0f6b0cd4-dab6-46e2-b058-e2dba0b37f18.json new file mode 100644 index 00000000000000..06195d92434c05 --- /dev/null +++ b/change/@fluentui-react-aria-0f6b0cd4-dab6-46e2-b058-e2dba0b37f18.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-aria", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-aria-118f2e96-a84e-4c14-9973-36908909661d.json b/change/@fluentui-react-aria-118f2e96-a84e-4c14-9973-36908909661d.json deleted file mode 100644 index 2531b2dd8b1bb1..00000000000000 --- a/change/@fluentui-react-aria-118f2e96-a84e-4c14-9973-36908909661d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-aria: Move to new common folder.", - "packageName": "@fluentui/react-aria", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-aria-4c1e0855-adcf-4e30-9fbb-961db1caaba1.json b/change/@fluentui-react-aria-4c1e0855-adcf-4e30-9fbb-961db1caaba1.json new file mode 100644 index 00000000000000..2c0f05bb1ecb0a --- /dev/null +++ b/change/@fluentui-react-aria-4c1e0855-adcf-4e30-9fbb-961db1caaba1.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: ship rolluped only dts", + "packageName": "@fluentui/react-aria", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-avatar-5927fde1-2c4d-4570-aed4-fc176307311c.json b/change/@fluentui-react-avatar-5927fde1-2c4d-4570-aed4-fc176307311c.json deleted file mode 100644 index 23ecb8b46b861a..00000000000000 --- a/change/@fluentui-react-avatar-5927fde1-2c4d-4570-aed4-fc176307311c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-avatar: Move to new common folder.", - "packageName": "@fluentui/react-avatar", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-avatar-5a4b827a-34a5-4cb6-90c2-6a759a0a394e.json b/change/@fluentui-react-avatar-5a4b827a-34a5-4cb6-90c2-6a759a0a394e.json new file mode 100644 index 00000000000000..8111b5c4b86c9b --- /dev/null +++ b/change/@fluentui-react-avatar-5a4b827a-34a5-4cb6-90c2-6a759a0a394e.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: ship rolluped only dts", + "packageName": "@fluentui/react-avatar", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-avatar-a2d08c80-800c-4c25-9af6-c111ad5fd8d2.json b/change/@fluentui-react-avatar-a2d08c80-800c-4c25-9af6-c111ad5fd8d2.json deleted file mode 100644 index 4571a85e7d680c..00000000000000 --- a/change/@fluentui-react-avatar-a2d08c80-800c-4c25-9af6-c111ad5fd8d2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Adding AvatarGroup spec to react-avatar.", - "packageName": "@fluentui/react-avatar", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-badge-33169962-f7bf-42f9-b764-c872ceebc15c.json b/change/@fluentui-react-badge-33169962-f7bf-42f9-b764-c872ceebc15c.json new file mode 100644 index 00000000000000..602cf3b38dd511 --- /dev/null +++ b/change/@fluentui-react-badge-33169962-f7bf-42f9-b764-c872ceebc15c.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "add strings prop to PresenceBadge and update demos to support new default strings", + "packageName": "@fluentui/react-badge", + "email": "mgodbolt@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-button-5dd9cade-253d-4b4c-a36f-0d749b04f574.json b/change/@fluentui-react-button-5dd9cade-253d-4b4c-a36f-0d749b04f574.json new file mode 100644 index 00000000000000..b9fe05ff14ab45 --- /dev/null +++ b/change/@fluentui-react-button-5dd9cade-253d-4b4c-a36f-0d749b04f574.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: ship rolluped only dts", + "packageName": "@fluentui/react-button", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-button-c8bec047-84e5-41f0-ac8f-8614bd5a3b66.json b/change/@fluentui-react-button-c8bec047-84e5-41f0-ac8f-8614bd5a3b66.json deleted file mode 100644 index ef22c6a8d811d7..00000000000000 --- a/change/@fluentui-react-button-c8bec047-84e5-41f0-ac8f-8614bd5a3b66.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-button: Move to new common folder.", - "packageName": "@fluentui/react-button", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-card-7ee72af9-22da-47e6-adfc-fb5f5f16f163.json b/change/@fluentui-react-card-7ee72af9-22da-47e6-adfc-fb5f5f16f163.json deleted file mode 100644 index d6074a1560c739..00000000000000 --- a/change/@fluentui-react-card-7ee72af9-22da-47e6-adfc-fb5f5f16f163.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-card: Move to new common folder.", - "packageName": "@fluentui/react-card", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-card-8ef7aceb-3860-4d43-aa98-9b830ff4c003.json b/change/@fluentui-react-card-8ef7aceb-3860-4d43-aa98-9b830ff4c003.json new file mode 100644 index 00000000000000..510e92113f22d5 --- /dev/null +++ b/change/@fluentui-react-card-8ef7aceb-3860-4d43-aa98-9b830ff4c003.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Added new `focusMode` property to control the focus behavior inside of the component", + "packageName": "@fluentui/react-card", + "email": "39736248+andrefcdias@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-checkbox-d1158f54-26a4-48c2-8442-0c9b556ae6f6.json b/change/@fluentui-react-checkbox-d1158f54-26a4-48c2-8442-0c9b556ae6f6.json deleted file mode 100644 index 674474c13d2cfd..00000000000000 --- a/change/@fluentui-react-checkbox-d1158f54-26a4-48c2-8442-0c9b556ae6f6.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-checkbox: Move to new common folder.", - "packageName": "@fluentui/react-checkbox", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-0a011e91-2812-4c84-81b2-97aab3f0abc8.json b/change/@fluentui-react-components-0a011e91-2812-4c84-81b2-97aab3f0abc8.json deleted file mode 100644 index b00dab44d6fa19..00000000000000 --- a/change/@fluentui-react-components-0a011e91-2812-4c84-81b2-97aab3f0abc8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: re-exports positioning types at `react-components`", - "packageName": "@fluentui/react-components", - "email": "bsunderhus@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-20dff592-d70a-4a60-bfd6-64b1cc2abd97.json b/change/@fluentui-react-components-20dff592-d70a-4a60-bfd6-64b1cc2abd97.json deleted file mode 100644 index 68378ecb65be6b..00000000000000 --- a/change/@fluentui-react-components-20dff592-d70a-4a60-bfd6-64b1cc2abd97.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-components: Move to new common folder", - "packageName": "@fluentui/react-components", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-2bd5794e-c0db-4859-9af4-86499b5eca4f.json b/change/@fluentui-react-components-2bd5794e-c0db-4859-9af4-86499b5eca4f.json deleted file mode 100644 index 98b33c01e6d634..00000000000000 --- a/change/@fluentui-react-components-2bd5794e-c0db-4859-9af4-86499b5eca4f.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore(react-components): fix build:local task", - "packageName": "@fluentui/react-components", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-34ab5d49-a13c-40f0-816e-7acfa0abf28e.json b/change/@fluentui-react-components-34ab5d49-a13c-40f0-816e-7acfa0abf28e.json deleted file mode 100644 index 9432f7bc45ec5e..00000000000000 --- a/change/@fluentui-react-components-34ab5d49-a13c-40f0-816e-7acfa0abf28e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: re-export `createFocusOutlineStyle` on `react-components`", - "packageName": "@fluentui/react-components", - "email": "bsunderhus@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-3f01dab2-bda7-4bbf-959b-f0eb66365bfc.json b/change/@fluentui-react-components-3f01dab2-bda7-4bbf-959b-f0eb66365bfc.json deleted file mode 100644 index 3e9fd205369d69..00000000000000 --- a/change/@fluentui-react-components-3f01dab2-bda7-4bbf-959b-f0eb66365bfc.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Move custom templates over to v9 storybook.", - "packageName": "@fluentui/react-components", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-49a401dc-2ff5-47c7-b83e-831d44a16fde.json b/change/@fluentui-react-components-49a401dc-2ff5-47c7-b83e-831d44a16fde.json deleted file mode 100644 index 4fa4cba4bc67ef..00000000000000 --- a/change/@fluentui-react-components-49a401dc-2ff5-47c7-b83e-831d44a16fde.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Remove chromatic command from react-components and move alias up to root pointing at new docsite", - "packageName": "@fluentui/react-components", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-28f8cab8-7312-42d6-bb13-261a28a76793.json b/change/@fluentui-react-components-6a2426f9-9054-47fa-98c0-88d7bc0e2992.json similarity index 53% rename from change/@fluentui-react-components-28f8cab8-7312-42d6-bb13-261a28a76793.json rename to change/@fluentui-react-components-6a2426f9-9054-47fa-98c0-88d7bc0e2992.json index 655bc9dc50f5f5..e4c3e31315e885 100644 --- a/change/@fluentui-react-components-28f8cab8-7312-42d6-bb13-261a28a76793.json +++ b/change/@fluentui-react-components-6a2426f9-9054-47fa-98c0-88d7bc0e2992.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "feat: export `useThemeClassName` hook", + "comment": "react-radio: move to release candidate", "packageName": "@fluentui/react-components", - "email": "olfedias@microsoft.com", + "email": "seanmonahan@microsoft.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-components-ecf0d9a5-9c82-4592-bf3b-cb2b5cbb71e6.json b/change/@fluentui-react-components-7c6772c6-71f1-4dd4-bbd1-a1429d1e491c.json similarity index 54% rename from change/@fluentui-react-components-ecf0d9a5-9c82-4592-bf3b-cb2b5cbb71e6.json rename to change/@fluentui-react-components-7c6772c6-71f1-4dd4-bbd1-a1429d1e491c.json index 4e3ced5e8be5ec..262e072b8e9c40 100644 --- a/change/@fluentui-react-components-ecf0d9a5-9c82-4592-bf3b-cb2b5cbb71e6.json +++ b/change/@fluentui-react-components-7c6772c6-71f1-4dd4-bbd1-a1429d1e491c.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "Exported typeography styles", + "comment": "Re-exporting GriffelStyle.", "packageName": "@fluentui/react-components", - "email": "gcox@microsoft.com", + "email": "Humberto.Morimoto@microsoft.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-components-961b7c91-fee6-4aa4-aa99-cf134e248438.json b/change/@fluentui-react-components-961b7c91-fee6-4aa4-aa99-cf134e248438.json deleted file mode 100644 index 9446bf85f866e4..00000000000000 --- a/change/@fluentui-react-components-961b7c91-fee6-4aa4-aa99-cf134e248438.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Add manual decorators for mac which does not work with current addon", - "packageName": "@fluentui/react-components", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-d5bd87e3-1ae7-4128-8f04-e0453d955727.json b/change/@fluentui-react-components-cfddd7d4-0c30-425c-88bd-5fe3a4f09453.json similarity index 54% rename from change/@fluentui-react-components-d5bd87e3-1ae7-4128-8f04-e0453d955727.json rename to change/@fluentui-react-components-cfddd7d4-0c30-425c-88bd-5fe3a4f09453.json index 9d050fd93c505a..5efe6ce95e280c 100644 --- a/change/@fluentui-react-components-d5bd87e3-1ae7-4128-8f04-e0453d955727.json +++ b/change/@fluentui-react-components-cfddd7d4-0c30-425c-88bd-5fe3a4f09453.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "Fixed typo in typography", + "comment": "Export TypographyStyle type", "packageName": "@fluentui/react-components", - "email": "gcox@microsoft.com", + "email": "miroslav.stastny@microsoft.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-conformance-griffel-6c6d48e1-fb72-4ddf-aee9-129999c2a25b.json b/change/@fluentui-react-conformance-griffel-6c6d48e1-fb72-4ddf-aee9-129999c2a25b.json new file mode 100644 index 00000000000000..ec02cccf2190b0 --- /dev/null +++ b/change/@fluentui-react-conformance-griffel-6c6d48e1-fb72-4ddf-aee9-129999c2a25b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: ship rolluped only dts", + "packageName": "@fluentui/react-conformance-griffel", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-context-selector-39930db1-29aa-4473-bc10-cfd80c90d373.json b/change/@fluentui-react-context-selector-39930db1-29aa-4473-bc10-cfd80c90d373.json new file mode 100644 index 00000000000000..ed9eeba8fdc5ca --- /dev/null +++ b/change/@fluentui-react-context-selector-39930db1-29aa-4473-bc10-cfd80c90d373.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: ship rolluped only dts", + "packageName": "@fluentui/react-context-selector", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-context-selector-7537040f-fdc5-4767-af02-d8af6be7cfbe.json b/change/@fluentui-react-context-selector-7537040f-fdc5-4767-af02-d8af6be7cfbe.json new file mode 100644 index 00000000000000..0d7f4d4366f7ed --- /dev/null +++ b/change/@fluentui-react-context-selector-7537040f-fdc5-4767-af02-d8af6be7cfbe.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-context-selector", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-image-362ce13f-ec07-44b0-9fff-68b36078e425.json b/change/@fluentui-react-image-362ce13f-ec07-44b0-9fff-68b36078e425.json deleted file mode 100644 index 18121b7338d05b..00000000000000 --- a/change/@fluentui-react-image-362ce13f-ec07-44b0-9fff-68b36078e425.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-image: Move to new common folder.", - "packageName": "@fluentui/react-image", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-components-f3b7b6f1-efc4-4579-b195-f2687a0ed5a4.json b/change/@fluentui-react-input-28ae7024-b1a0-4cc9-adcd-7b8a7a719c4a.json similarity index 51% rename from change/@fluentui-react-components-f3b7b6f1-efc4-4579-b195-f2687a0ed5a4.json rename to change/@fluentui-react-input-28ae7024-b1a0-4cc9-adcd-7b8a7a719c4a.json index 533e77687ee03e..396073fa184570 100644 --- a/change/@fluentui-react-components-f3b7b6f1-efc4-4579-b195-f2687a0ed5a4.json +++ b/change/@fluentui-react-input-28ae7024-b1a0-4cc9-adcd-7b8a7a719c4a.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "Exported new theme types", - "packageName": "@fluentui/react-components", + "comment": "Updated to use new theme tokens", + "packageName": "@fluentui/react-input", "email": "gcox@microsoft.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-input-e61e5457-520b-43b6-b42f-75e3b50ede61.json b/change/@fluentui-react-input-e61e5457-520b-43b6-b42f-75e3b50ede61.json deleted file mode 100644 index 7b5849639514fa..00000000000000 --- a/change/@fluentui-react-input-e61e5457-520b-43b6-b42f-75e3b50ede61.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "update content before/after stories; label usage in stories", - "packageName": "@fluentui/react-input", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-input-f7b07076-f553-4807-ab00-06e413f2f45c.json b/change/@fluentui-react-input-f7b07076-f553-4807-ab00-06e413f2f45c.json deleted file mode 100644 index a6fa3e8ef2b16b..00000000000000 --- a/change/@fluentui-react-input-f7b07076-f553-4807-ab00-06e413f2f45c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-input: Move to new common folder.", - "packageName": "@fluentui/react-input", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-label-1150cce8-1d17-4643-8342-6fa498e29d25.json b/change/@fluentui-react-label-1150cce8-1d17-4643-8342-6fa498e29d25.json new file mode 100644 index 00000000000000..debb3fb30fb1fe --- /dev/null +++ b/change/@fluentui-react-label-1150cce8-1d17-4643-8342-6fa498e29d25.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "Updating spec, fixing typos in types, and adding descriptions in stories.", + "packageName": "@fluentui/react-label", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-label-2d71a384-d1d7-481a-981a-cca5c1d36703.json b/change/@fluentui-react-label-2d71a384-d1d7-481a-981a-cca5c1d36703.json deleted file mode 100644 index 6e94a39e513472..00000000000000 --- a/change/@fluentui-react-label-2d71a384-d1d7-481a-981a-cca5c1d36703.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Add style to make required match text when disabled", - "packageName": "@fluentui/react-label", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-label-4bc836bb-2c87-4eca-995e-da2d56762f60.json b/change/@fluentui-react-label-4bc836bb-2c87-4eca-995e-da2d56762f60.json deleted file mode 100644 index 1adc1b35e3c937..00000000000000 --- a/change/@fluentui-react-label-4bc836bb-2c87-4eca-995e-da2d56762f60.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-label: Move to new common folder.", - "packageName": "@fluentui/react-label", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-link-004dabf8-63c0-47f6-99ef-5358546dd232.json b/change/@fluentui-react-link-004dabf8-63c0-47f6-99ef-5358546dd232.json deleted file mode 100644 index ba5e4c652b0dae..00000000000000 --- a/change/@fluentui-react-link-004dabf8-63c0-47f6-99ef-5358546dd232.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Link: Changing styles of focused links to align with design spec.", - "packageName": "@fluentui/react-link", - "email": "Humberto.Morimoto@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-link-90e55a33-c5a1-4f54-9b6c-05c5a5d77048.json b/change/@fluentui-react-link-90e55a33-c5a1-4f54-9b6c-05c5a5d77048.json deleted file mode 100644 index 2f26e466342066..00000000000000 --- a/change/@fluentui-react-link-90e55a33-c5a1-4f54-9b6c-05c5a5d77048.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-link: Move to new common folder.", - "packageName": "@fluentui/react-link", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-menu-386f0cf7-4c6c-4cc4-9233-884d0358c8ee.json b/change/@fluentui-react-menu-386f0cf7-4c6c-4cc4-9233-884d0358c8ee.json deleted file mode 100644 index 2e4766b32b6b5a..00000000000000 --- a/change/@fluentui-react-menu-386f0cf7-4c6c-4cc4-9233-884d0358c8ee.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-menu: Move to new common folder.", - "packageName": "@fluentui/react-menu", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-menu-394468ee-99e0-459a-a148-34743656d75b.json b/change/@fluentui-react-menu-394468ee-99e0-459a-a148-34743656d75b.json new file mode 100644 index 00000000000000..962f2b5ed0dcd9 --- /dev/null +++ b/change/@fluentui-react-menu-394468ee-99e0-459a-a148-34743656d75b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-menu", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-popover-5ab84f82-7766-41ba-a920-dfc292ece583.json b/change/@fluentui-react-popover-5ab84f82-7766-41ba-a920-dfc292ece583.json deleted file mode 100644 index 13550c93f67ebf..00000000000000 --- a/change/@fluentui-react-popover-5ab84f82-7766-41ba-a920-dfc292ece583.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-popover: Move to new common folder.", - "packageName": "@fluentui/react-popover", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-popover-6cc52f6e-7bd8-43e4-8fb6-09c55835caaa.json b/change/@fluentui-react-popover-6cc52f6e-7bd8-43e4-8fb6-09c55835caaa.json new file mode 100644 index 00000000000000..044267a4c47f49 --- /dev/null +++ b/change/@fluentui-react-popover-6cc52f6e-7bd8-43e4-8fb6-09c55835caaa.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-popover", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-portal-compat-51b0119e-70e4-4dd9-adff-e61ce3b99452.json b/change/@fluentui-react-portal-compat-51b0119e-70e4-4dd9-adff-e61ce3b99452.json deleted file mode 100644 index 8dd55b7cc4661a..00000000000000 --- a/change/@fluentui-react-portal-compat-51b0119e-70e4-4dd9-adff-e61ce3b99452.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "initial release", - "packageName": "@fluentui/react-portal-compat", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-compat-context-b9dbe794-578f-46c0-8bd0-da260ba49051.json b/change/@fluentui-react-portal-compat-context-b9dbe794-578f-46c0-8bd0-da260ba49051.json deleted file mode 100644 index 38efb71f588694..00000000000000 --- a/change/@fluentui-react-portal-compat-context-b9dbe794-578f-46c0-8bd0-da260ba49051.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "initial release", - "packageName": "@fluentui/react-portal-compat-context", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-compat-e19b6e2b-6c62-410c-8fa5-6c9b157bfd68.json b/change/@fluentui-react-portal-compat-e19b6e2b-6c62-410c-8fa5-6c9b157bfd68.json new file mode 100644 index 00000000000000..05612800e1d944 --- /dev/null +++ b/change/@fluentui-react-portal-compat-e19b6e2b-6c62-410c-8fa5-6c9b157bfd68.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "react-portal-compat: Move to new common folder.", + "packageName": "@fluentui/react-portal-compat", + "email": "tristan.watanabe@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-portal-eb79eb2d-3fec-4001-b4a7-145f781fbaa7.json b/change/@fluentui-react-portal-eb79eb2d-3fec-4001-b4a7-145f781fbaa7.json new file mode 100644 index 00000000000000..4748685b13a1ea --- /dev/null +++ b/change/@fluentui-react-portal-eb79eb2d-3fec-4001-b4a7-145f781fbaa7.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-portal", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-portal-f6228d56-5d70-46e1-a83c-7390e03343e6.json b/change/@fluentui-react-portal-f6228d56-5d70-46e1-a83c-7390e03343e6.json deleted file mode 100644 index 0ee12d8415c3c2..00000000000000 --- a/change/@fluentui-react-portal-f6228d56-5d70-46e1-a83c-7390e03343e6.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-portal: Move to new common folder.", - "packageName": "@fluentui/react-portal", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-positioning-1c708a83-6c21-43a5-a086-d7efcede45ee.json b/change/@fluentui-react-positioning-1c708a83-6c21-43a5-a086-d7efcede45ee.json new file mode 100644 index 00000000000000..b3c87fbee1c6e7 --- /dev/null +++ b/change/@fluentui-react-positioning-1c708a83-6c21-43a5-a086-d7efcede45ee.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-positioning", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-provider-0d3963ce-d247-4e56-9534-20fecfc96cab.json b/change/@fluentui-react-provider-0d3963ce-d247-4e56-9534-20fecfc96cab.json deleted file mode 100644 index bc8e95189a44ca..00000000000000 --- a/change/@fluentui-react-provider-0d3963ce-d247-4e56-9534-20fecfc96cab.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-provider: Move to new common folder.", - "packageName": "@fluentui/react-provider", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-radio-57405936-2f15-440b-b638-c4edbd08564c.json b/change/@fluentui-react-radio-57405936-2f15-440b-b638-c4edbd08564c.json new file mode 100644 index 00000000000000..8ea83dbc0a47ff --- /dev/null +++ b/change/@fluentui-react-radio-57405936-2f15-440b-b638-c4edbd08564c.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "react-radio: Move to new common folder.", + "packageName": "@fluentui/react-radio", + "email": "tristan.watanabe@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-radio-996aa647-972f-4498-8cb5-e22527f7a82e.json b/change/@fluentui-react-radio-996aa647-972f-4498-8cb5-e22527f7a82e.json deleted file mode 100644 index 167e5b7ef962f0..00000000000000 --- a/change/@fluentui-react-radio-996aa647-972f-4498-8cb5-e22527f7a82e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "add bundle size fixtures", - "packageName": "@fluentui/react-radio", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-radio-c738372a-484c-42ab-b64c-20287e3f4373.json b/change/@fluentui-react-radio-de2c632e-259d-43ad-89cf-564df759b82b.json similarity index 82% rename from change/@fluentui-react-radio-c738372a-484c-42ab-b64c-20287e3f4373.json rename to change/@fluentui-react-radio-de2c632e-259d-43ad-89cf-564df759b82b.json index 22c5ef970c595c..a28713e58f984d 100644 --- a/change/@fluentui-react-radio-c738372a-484c-42ab-b64c-20287e3f4373.json +++ b/change/@fluentui-react-radio-de2c632e-259d-43ad-89cf-564df759b82b.json @@ -1,6 +1,6 @@ { "type": "prerelease", - "comment": "write readme", + "comment": "update README", "packageName": "@fluentui/react-radio", "email": "seanmonahan@microsoft.com", "dependentChangeType": "patch" diff --git a/change/@fluentui-react-shared-contexts-f4ca11af-26f3-4154-aaaf-80a1429661ac.json b/change/@fluentui-react-shared-contexts-f4ca11af-26f3-4154-aaaf-80a1429661ac.json new file mode 100644 index 00000000000000..caf45a574d5af2 --- /dev/null +++ b/change/@fluentui-react-shared-contexts-f4ca11af-26f3-4154-aaaf-80a1429661ac.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Removing star exports.", + "packageName": "@fluentui/react-shared-contexts", + "email": "humberto_makoto@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-slider-26d81dd4-fbf6-4174-bd06-0a50bfb3673b.json b/change/@fluentui-react-slider-26d81dd4-fbf6-4174-bd06-0a50bfb3673b.json deleted file mode 100644 index a4b79be95f165b..00000000000000 --- a/change/@fluentui-react-slider-26d81dd4-fbf6-4174-bd06-0a50bfb3673b.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Adjust focus rect to match design, and update color tokens to improve dark mode contrast", - "packageName": "@fluentui/react-slider", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-slider-38398fe1-e369-4955-9535-ad9940b042b3.json b/change/@fluentui-react-slider-38398fe1-e369-4955-9535-ad9940b042b3.json deleted file mode 100644 index bc4ecd3d9f5d21..00000000000000 --- a/change/@fluentui-react-slider-38398fe1-e369-4955-9535-ad9940b042b3.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-slider: Move to new common folder.", - "packageName": "@fluentui/react-slider", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-spinbutton-3c14bf73-63bd-4320-992d-e1f5b0e34f25.json b/change/@fluentui-react-spinbutton-3c14bf73-63bd-4320-992d-e1f5b0e34f25.json deleted file mode 100644 index 6d77e8fd70ccfd..00000000000000 --- a/change/@fluentui-react-spinbutton-3c14bf73-63bd-4320-992d-e1f5b0e34f25.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "remove MIGRATION.md", - "packageName": "@fluentui/react-spinbutton", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-spinbutton-4d6217f6-e42c-4e3e-9541-3fd24d18b1bd.json b/change/@fluentui-react-spinbutton-4d6217f6-e42c-4e3e-9541-3fd24d18b1bd.json deleted file mode 100644 index 021cbb2a212bb3..00000000000000 --- a/change/@fluentui-react-spinbutton-4d6217f6-e42c-4e3e-9541-3fd24d18b1bd.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "react-spinbutton: remove \"inputType\" prop", - "packageName": "@fluentui/react-spinbutton", - "email": "seanmonahan@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-switch-c4712745-da06-4941-b9d9-25646634bdde.json b/change/@fluentui-react-switch-c4712745-da06-4941-b9d9-25646634bdde.json new file mode 100644 index 00000000000000..4e027a5051a5c6 --- /dev/null +++ b/change/@fluentui-react-switch-c4712745-da06-4941-b9d9-25646634bdde.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "react-switch: Move to new common folder.", + "packageName": "@fluentui/react-switch", + "email": "tristan.watanabe@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-tabs-096353d7-8745-4215-a671-7a5513300672.json b/change/@fluentui-react-tabs-096353d7-8745-4215-a671-7a5513300672.json deleted file mode 100644 index 431a51c496a669..00000000000000 --- a/change/@fluentui-react-tabs-096353d7-8745-4215-a671-7a5513300672.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Added aria-selected", - "packageName": "@fluentui/react-tabs", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tabs-7b25f521-ea45-4158-aa08-e15858f5b418.json b/change/@fluentui-react-tabs-7b25f521-ea45-4158-aa08-e15858f5b418.json deleted file mode 100644 index 67f2dc82b0a2e0..00000000000000 --- a/change/@fluentui-react-tabs-7b25f521-ea45-4158-aa08-e15858f5b418.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-tabs: Move to new common folder.", - "packageName": "@fluentui/react-tabs", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-tabs-f12ca354-ca30-43bf-8733-26ae7890102b.json b/change/@fluentui-react-tabs-f12ca354-ca30-43bf-8733-26ae7890102b.json deleted file mode 100644 index 98a008cfc95128..00000000000000 --- a/change/@fluentui-react-tabs-f12ca354-ca30-43bf-8733-26ae7890102b.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Removed unnecessary width and height from indicators", - "packageName": "@fluentui/react-tabs", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tabs-fe4d1dbf-ceb2-4516-b2c4-36f9a46c3910.json b/change/@fluentui-react-tabs-fe4d1dbf-ceb2-4516-b2c4-36f9a46c3910.json deleted file mode 100644 index 61bd8c6a890943..00000000000000 --- a/change/@fluentui-react-tabs-fe4d1dbf-ceb2-4516-b2c4-36f9a46c3910.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Allow tab to animate when value is numeric zero", - "packageName": "@fluentui/react-tabs", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tabster-016b1c84-12fe-4ba0-b2bb-94e1dcfbd80e.json b/change/@fluentui-react-tabster-016b1c84-12fe-4ba0-b2bb-94e1dcfbd80e.json deleted file mode 100644 index 5b9b7b9337ad1b..00000000000000 --- a/change/@fluentui-react-tabster-016b1c84-12fe-4ba0-b2bb-94e1dcfbd80e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-tabster: Move to new common folder.", - "packageName": "@fluentui/react-tabster", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-tabster-ad843a71-13a9-4633-862f-9eea9c57a59d.json b/change/@fluentui-react-tabster-ad843a71-13a9-4633-862f-9eea9c57a59d.json deleted file mode 100644 index 6fb7e47fe7c8c9..00000000000000 --- a/change/@fluentui-react-tabster-ad843a71-13a9-4633-862f-9eea9c57a59d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: moves focus indicator from hooks folder to it's own", - "packageName": "@fluentui/react-tabster", - "email": "bsunderhus@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-text-00d3958c-9b29-4894-90b6-3a6ef507cff6.json b/change/@fluentui-react-text-00d3958c-9b29-4894-90b6-3a6ef507cff6.json deleted file mode 100644 index 519797fc947a2f..00000000000000 --- a/change/@fluentui-react-text-00d3958c-9b29-4894-90b6-3a6ef507cff6.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "react-text: Move to new common folder.", - "packageName": "@fluentui/react-text", - "email": "tristan.watanabe@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-text-87b1bd26-81d3-460a-bc06-051181a930c1.json b/change/@fluentui-react-text-87b1bd26-81d3-460a-bc06-051181a930c1.json deleted file mode 100644 index b30e470f7775d4..00000000000000 --- a/change/@fluentui-react-text-87b1bd26-81d3-460a-bc06-051181a930c1.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Updated react-text to use typography constants", - "packageName": "@fluentui/react-text", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-textarea-eab64403-7a9a-41f2-bf10-f6ecaca6e991.json b/change/@fluentui-react-textarea-eab64403-7a9a-41f2-bf10-f6ecaca6e991.json new file mode 100644 index 00000000000000..5262f7af56ea67 --- /dev/null +++ b/change/@fluentui-react-textarea-eab64403-7a9a-41f2-bf10-f6ecaca6e991.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "react-textarea: Move to new common folder.", + "packageName": "@fluentui/react-textarea", + "email": "tristan.watanabe@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-theme-fa93a3a2-c0cb-419e-801f-ff05e4eccb2f.json b/change/@fluentui-react-theme-84c82566-de8b-43d7-9e67-49ae3cbae176.json similarity index 64% rename from change/@fluentui-react-theme-fa93a3a2-c0cb-419e-801f-ff05e4eccb2f.json rename to change/@fluentui-react-theme-84c82566-de8b-43d7-9e67-49ae3cbae176.json index 4fd4385919c45b..cd3a279c53cdef 100644 --- a/change/@fluentui-react-theme-fa93a3a2-c0cb-419e-801f-ff05e4eccb2f.json +++ b/change/@fluentui-react-theme-84c82566-de8b-43d7-9e67-49ae3cbae176.json @@ -1,6 +1,6 @@ { "type": "prerelease", - "comment": "feat(react-theme): Add colorNeutralForeground2Link color tokens", + "comment": "Export TypographyStyle type", "packageName": "@fluentui/react-theme", "email": "miroslav.stastny@microsoft.com", "dependentChangeType": "patch" diff --git a/change/@fluentui-react-theme-8b1928b3-c74f-4d38-8b67-83bfcecac104.json b/change/@fluentui-react-theme-8b4f6828-3b50-4af4-bb43-73b2ce6b3090.json similarity index 55% rename from change/@fluentui-react-theme-8b1928b3-c74f-4d38-8b67-83bfcecac104.json rename to change/@fluentui-react-theme-8b4f6828-3b50-4af4-bb43-73b2ce6b3090.json index 58c9e7e091efd7..899d01dd15a2d0 100644 --- a/change/@fluentui-react-theme-8b1928b3-c74f-4d38-8b67-83bfcecac104.json +++ b/change/@fluentui-react-theme-8b4f6828-3b50-4af4-bb43-73b2ce6b3090.json @@ -1,7 +1,7 @@ { "type": "prerelease", - "comment": "Fixed typo in typography", + "comment": "Removing star exports.", "packageName": "@fluentui/react-theme", - "email": "gcox@microsoft.com", + "email": "humberto_makoto@hotmail.com", "dependentChangeType": "patch" } diff --git a/change/@fluentui-react-theme-9111b795-edff-4615-b1c8-3cae95086325.json b/change/@fluentui-react-theme-9111b795-edff-4615-b1c8-3cae95086325.json deleted file mode 100644 index 5be1700e5cc1c8..00000000000000 --- a/change/@fluentui-react-theme-9111b795-edff-4615-b1c8-3cae95086325.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Fixed line-height in title2", - "packageName": "@fluentui/react-theme", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-theme-92dc6eb0-c3a5-4242-a044-8b84ae793a5c.json b/change/@fluentui-react-theme-92dc6eb0-c3a5-4242-a044-8b84ae793a5c.json deleted file mode 100644 index b1a86f2418d605..00000000000000 --- a/change/@fluentui-react-theme-92dc6eb0-c3a5-4242-a044-8b84ae793a5c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Added global theme types and tokens", - "packageName": "@fluentui/react-theme", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-theme-c2b80af8-b086-459f-9c51-0ea4f824143e.json b/change/@fluentui-react-theme-c2b80af8-b086-459f-9c51-0ea4f824143e.json deleted file mode 100644 index 25f18504e6ec43..00000000000000 --- a/change/@fluentui-react-theme-c2b80af8-b086-459f-9c51-0ea4f824143e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Add base font family per figma", - "packageName": "@fluentui/react-theme", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-theme-d0c1d611-9a7f-4ebe-a610-7a585d38212f.json b/change/@fluentui-react-theme-d0c1d611-9a7f-4ebe-a610-7a585d38212f.json new file mode 100644 index 00000000000000..2685f89d4c265f --- /dev/null +++ b/change/@fluentui-react-theme-d0c1d611-9a7f-4ebe-a610-7a585d38212f.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "Generate theme tokens using token pipeline", + "packageName": "@fluentui/react-theme", + "email": "miroslav.stastny@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-theme-5596637b-8146-4364-8a0b-d49828bc5468.json b/change/@fluentui-react-theme-db584100-2503-4352-adb9-ddb819ae7a27.json similarity index 75% rename from change/@fluentui-react-theme-5596637b-8146-4364-8a0b-d49828bc5468.json rename to change/@fluentui-react-theme-db584100-2503-4352-adb9-ddb819ae7a27.json index 2635116732b87f..ce402d97de8a06 100644 --- a/change/@fluentui-react-theme-5596637b-8146-4364-8a0b-d49828bc5468.json +++ b/change/@fluentui-react-theme-db584100-2503-4352-adb9-ddb819ae7a27.json @@ -1,6 +1,6 @@ { "type": "prerelease", - "comment": "Add px suffix to spacings", + "comment": "Added ms suffix to durations", "packageName": "@fluentui/react-theme", "email": "gcox@microsoft.com", "dependentChangeType": "patch" diff --git a/change/@fluentui-react-theme-f50926d9-9a4d-4bed-a744-cd596264dcee.json b/change/@fluentui-react-theme-f50926d9-9a4d-4bed-a744-cd596264dcee.json deleted file mode 100644 index b8e17e2a3ff651..00000000000000 --- a/change/@fluentui-react-theme-f50926d9-9a4d-4bed-a744-cd596264dcee.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "Added typeography styles", - "packageName": "@fluentui/react-theme", - "email": "gcox@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-utilities-84a6b1af-e457-4e58-b948-078b64bc46c7.json b/change/@fluentui-react-utilities-84a6b1af-e457-4e58-b948-078b64bc46c7.json new file mode 100644 index 00000000000000..7115a002226032 --- /dev/null +++ b/change/@fluentui-react-utilities-84a6b1af-e457-4e58-b948-078b64bc46c7.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: add time element on nativeElementMap", + "packageName": "@fluentui/react-utilities", + "email": "bsunderhus@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 9bf1a308ac981e..328a9d2086bf58 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Tue, 03 May 2022 07:35:53 GMT", + "tag": "@fluentui/cra-template_v8.1.29", + "version": "8.1.29", + "comments": { + "patch": [ + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/cra-template", + "commit": "d36d823ae024c36d13c1b41764ac5095e7fabe44", + "comment": "set specific version of react to be used in cra-template" + } + ] + } + }, { "date": "Thu, 28 Apr 2022 07:39:56 GMT", "tag": "@fluentui/cra-template_v8.1.28", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index c27c7356091714..0d0031735d5862 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Thu, 28 Apr 2022 07:39:56 GMT and should not be manually modified. +This log was last generated on Tue, 03 May 2022 07:35:53 GMT and should not be manually modified. +## [8.1.29](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.1.29) + +Tue, 03 May 2022 07:35:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.1.28..@fluentui/cra-template_v8.1.29) + +### Patches + +- set specific version of react to be used in cra-template ([PR #22733](https://github.com/microsoft/fluentui/pull/22733) by mgodbolt@microsoft.com) + ## [8.1.28](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.1.28) Thu, 28 Apr 2022 07:39:56 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 760a1a08e04cac..ebba100acff16b 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.1.28", + "version": "8.1.29", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", diff --git a/packages/fluentui/CHANGELOG.md b/packages/fluentui/CHANGELOG.md index 63e53bfc9c0d78..f30739a2dac60b 100644 --- a/packages/fluentui/CHANGELOG.md +++ b/packages/fluentui/CHANGELOG.md @@ -28,7 +28,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm - Add missing export for `PortalContext` @layershifter ([#22448](https://github.com/microsoft/fluentui/pull/22448)) - Do not stop propagation of letter keys if modifier is used in `Tree` @jurokapsiar ([#22603](https://github.com/microsoft/fluentui/pull/22603)) - fix `Tooltip` constrast style for pointing and subtle=false @yuanboxue-amber ([#22696](https://github.com/microsoft/fluentui/pull/22696)) +- Vertical menu background color should not change on focus in dark theme @yuanboxue-amber ([#22707](https://github.com/microsoft/fluentui/pull/22707)) - Align `default` scheme colors between v0 and v9 @jurokapsiar ([#22699](https://github.com/microsoft/fluentui/pull/22699)) +- Fix `Pill` to be selectable by keyboard @chpalac ([#22839](https://github.com/microsoft/fluentui/pull/22839)) ### Documentation - Use https for Embed and Video examples @Hirse ([#22738](https://github.com/microsoft/fluentui/pull/22738)) diff --git a/packages/fluentui/accessibility/src/behaviors/Pill/pillBehavior.ts b/packages/fluentui/accessibility/src/behaviors/Pill/pillBehavior.ts index 1f5a3dc54fa8b4..1b9c4a4aa6c112 100644 --- a/packages/fluentui/accessibility/src/behaviors/Pill/pillBehavior.ts +++ b/packages/fluentui/accessibility/src/behaviors/Pill/pillBehavior.ts @@ -5,9 +5,9 @@ import { IS_FOCUSABLE_ATTRIBUTE } from '../../attributes'; export const pillBehavior: Accessibility = p => ({ attributes: { root: { - role: p.actionable ? 'button' : 'none', - tabIndex: p.actionable ? 0 : -1, - [IS_FOCUSABLE_ATTRIBUTE]: p.actionable || p.role === 'option', + role: p.actionable || p.selectable ? 'button' : 'none', + tabIndex: p.actionable || p.selectable ? 0 : -1, + [IS_FOCUSABLE_ATTRIBUTE]: p.actionable || p.selectable || p.role === 'option', ...(p.selectable && { 'aria-selected': p.selected, }), @@ -15,10 +15,12 @@ export const pillBehavior: Accessibility = p => ({ }, keyActions: { root: { - ...(p.actionable && { + ...(p.dismissible && { performDismiss: { keyCombinations: [{ keyCode: keyboardKey.Delete }, { keyCode: keyboardKey.Backspace }], }, + }), + ...((p.selectable || p.actionable) && { performClick: { keyCombinations: [{ keyCode: keyboardKey.Enter }, { keyCode: SpacebarKey }], }, @@ -32,4 +34,5 @@ export type PillBehaviorProps = { selectable: boolean; selected: boolean; role: AriaRole; + dismissible: boolean; }; diff --git a/packages/fluentui/e2e/cypress.json b/packages/fluentui/e2e/cypress.json index ef0daf0070aee6..a0d55aa5b318a1 100644 --- a/packages/fluentui/e2e/cypress.json +++ b/packages/fluentui/e2e/cypress.json @@ -1,5 +1,4 @@ { - "ignoreTestFiles": "*?ialog*.spec.ts", "video": false, "screenshotOnRunFailure": false, "integrationFolder": "./tests", diff --git a/packages/fluentui/e2e/tests/dialogInDialogWithDropdown.spec.ts b/packages/fluentui/e2e/tests/dialogInDialogWithDropdown.spec.ts index a6314e383d7af5..73857f58df2cef 100644 --- a/packages/fluentui/e2e/tests/dialogInDialogWithDropdown.spec.ts +++ b/packages/fluentui/e2e/tests/dialogInDialogWithDropdown.spec.ts @@ -44,7 +44,7 @@ describe('Dialog in Dialog', () => { cy.clickOn(innerTrigger); cy.clickOn(dropdownIndicator); - cy.visible(dropdownList); + cy.exist(dropdownList); // TODO this test was failling on timeout. Cypress was probably too fast and components weren't ready. cy.wait(50); cy.waitForSelectorAndPressKey(dropdownList, '{esc}'); diff --git a/packages/fluentui/e2e/tests/dialogWithDropdown.spec.ts b/packages/fluentui/e2e/tests/dialogWithDropdown.spec.ts index 1fc0ee3e61f87a..9f1aabd9ddbd00 100644 --- a/packages/fluentui/e2e/tests/dialogWithDropdown.spec.ts +++ b/packages/fluentui/e2e/tests/dialogWithDropdown.spec.ts @@ -36,7 +36,7 @@ describe('Dialog with dropdown', () => { cy.clickOn(dialogTrigger); cy.clickOn(dropdownIndicator); - cy.visible(dropdownList); + cy.exist(dropdownList); cy.waitForSelectorAndPressKey(dropdownList, '{esc}'); cy.visible(dropdownSelector); }); @@ -45,7 +45,7 @@ describe('Dialog with dropdown', () => { cy.clickOn(dialogTrigger); cy.clickOn(dropdownIndicator); - cy.visible(dropdownList); + cy.exist(dropdownList); cy.waitForSelectorAndPressKey(dropdownList, '{esc}'); cy.visible(dropdownSelector); diff --git a/packages/fluentui/react-northstar/src/components/Pill/Pill.tsx b/packages/fluentui/react-northstar/src/components/Pill/Pill.tsx index a61b7cfc4dd2a8..179b0c0f0a7d08 100644 --- a/packages/fluentui/react-northstar/src/components/Pill/Pill.tsx +++ b/packages/fluentui/react-northstar/src/components/Pill/Pill.tsx @@ -2,7 +2,7 @@ import * as PropTypes from 'prop-types'; import * as React from 'react'; import * as customPropTypes from '@fluentui/react-proptypes'; import * as _ from 'lodash'; -import { Accessibility, pillBehavior, PillBehaviorProps } from '@fluentui/accessibility'; +import { Accessibility, AriaRole, pillBehavior, PillBehaviorProps } from '@fluentui/accessibility'; import { UIComponentProps, ContentComponentProps, commonPropTypes, SizeValue, createShorthand } from '../../utils'; import { ShorthandValue, FluentComponentStaticProps, ComponentEventHandler } from '../../types'; import { BoxProps } from '../Box/Box'; @@ -103,16 +103,20 @@ export interface PillProps extends UIComponentProps, ContentComponentProps; + + /** + * Role to be set in the pill root element + */ + role?: AriaRole; } export type PillStylesProps = Required< - Pick + Pick >; export const pillClassName = 'ui-pill'; /** - * THIS COMPONENT IS UNSTABLE * Pills should be used when representing an input, as a way to filter content, or to represent an attribute. */ export const Pill = (React.forwardRef((props, ref) => { @@ -139,6 +143,8 @@ export const Pill = (React.forwardRef((props, ref) = icon, selectable, selectedIndicator, + role, + onDismiss, } = props; const [selected, setSelected] = useAutoControlled({ @@ -172,6 +178,8 @@ export const Pill = (React.forwardRef((props, ref) = actionable, selectable, selected, + role, + dismissible: Boolean(onDismiss), }), rtl: context.rtl, }); @@ -185,6 +193,7 @@ export const Pill = (React.forwardRef((props, ref) = disabled, selectable, selected, + actionable, }), mapPropsToInlineStyles: () => ({ className, @@ -212,7 +221,7 @@ export const Pill = (React.forwardRef((props, ref) = {...getA11yProps('root', { className: classes.root, ref, - ...(actionable && { onClick: handleClick }), + ...((actionable || selectable) && { onClick: handleClick }), ...unhandledProps, })} > @@ -236,7 +245,7 @@ export const Pill = (React.forwardRef((props, ref) = actionable, }), })} - {actionable && + {Boolean(onDismiss) && createShorthand(PillAction, action || {}, { overrideProps: (prevProps: PillActionProps & { onClick: (e: React.MouseEvent) => void }) => ({ onClick: e => { @@ -255,6 +264,7 @@ export const Pill = (React.forwardRef((props, ref) = Pill.defaultProps = { as: 'span' as const, + accessibility: pillBehavior, }; Pill.propTypes = { diff --git a/packages/fluentui/react-northstar/src/themes/teams-dark/components/Menu/menuVariables.ts b/packages/fluentui/react-northstar/src/themes/teams-dark/components/Menu/menuVariables.ts index 874ec793c036d5..d7ddc8797f0741 100644 --- a/packages/fluentui/react-northstar/src/themes/teams-dark/components/Menu/menuVariables.ts +++ b/packages/fluentui/react-northstar/src/themes/teams-dark/components/Menu/menuVariables.ts @@ -33,7 +33,6 @@ export const menuVariables = (siteVars: any): Partial => ({ activeUnderlinedBorderBottomColor: siteVars.colors.white, activeUnderlinedPrimaryColor: siteVars.colors.brand[400], - verticalBackgroundColorFocus: siteVars.colors.grey[550], iconOnlyColorActive: siteVars.colors.brand[400], iconOnlyColorFocus: siteVars.colors.brand[400], iconOnlyColorHover: siteVars.colors.brand[400], diff --git a/packages/fluentui/react-northstar/src/themes/teams-high-contrast/components/Menu/menuVariables.ts b/packages/fluentui/react-northstar/src/themes/teams-high-contrast/components/Menu/menuVariables.ts index d9320262ecd53e..7b43878ced9aaf 100644 --- a/packages/fluentui/react-northstar/src/themes/teams-high-contrast/components/Menu/menuVariables.ts +++ b/packages/fluentui/react-northstar/src/themes/teams-high-contrast/components/Menu/menuVariables.ts @@ -27,7 +27,6 @@ export const menuVariables = (siteVars: any): Partial => ({ activeUnderlinedWrapperColor: siteVars.colors.white, pointingIndicatorBackgroundColor: 'transparent', - verticalBackgroundColorFocus: undefined, iconOnlyColorActive: siteVars.colors.black, iconOnlyColorFocus: 'transparent', iconOnlyColorHover: siteVars.colors.black, diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuItemStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuItemStyles.ts index 86ec772abeaca0..c6a9712f64e42c 100644 --- a/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuItemStyles.ts +++ b/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuItemStyles.ts @@ -47,7 +47,7 @@ export const getFocusedStyles = ({ }), ...(vertical && { - background: v.verticalBackgroundColorFocus, + background: 'inherit', color: v.colorFocus || colors.foregroundFocus, border: `${pxToRem(1)} solid transparent`, padding: pxToRem(1), diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuVariables.ts b/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuVariables.ts index e850c3731eeefe..954dd7fbf6219d 100644 --- a/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuVariables.ts +++ b/packages/fluentui/react-northstar/src/themes/teams/components/Menu/menuVariables.ts @@ -62,7 +62,6 @@ export interface MenuVariables { verticalItemBorderWidth: string; verticalItemBorderColor: string; verticalPointingBorderColor: string; - verticalBackgroundColorFocus: string; verticalBorderColor: string; pointingIndicatorBackgroundColor: string; @@ -161,7 +160,6 @@ export const menuVariables = (siteVars: any): MenuVariables => { verticalItemBorderWidth: pxToRem(2), verticalItemBorderColor: 'transparent', verticalPointingBorderColor: siteVars.colorScheme.brand.borderActive, - verticalBackgroundColorFocus: undefined, verticalBorderColor: siteVars.colorScheme.default.borderTransparent, activeUnderlinedColor: undefined, diff --git a/packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillStyles.ts b/packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillStyles.ts index 6fca9cc0adc0ae..b3fbab955e8f35 100644 --- a/packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillStyles.ts +++ b/packages/fluentui/react-northstar/src/themes/teams/components/Pill/pillStyles.ts @@ -82,6 +82,10 @@ export const pillStyles: ComponentSlotStylesPrepared/tsconfig.spec.json', - diagnostics: false, - }, - }, - transform: { - '^.+\\.tsx?$': 'ts-jest', - }, - coverageDirectory: './coverage', - setupFilesAfterEnv: ['./config/tests.js'], - snapshotSerializers: ['@griffel/jest-serializer'], -}; diff --git a/packages/react-accordion/CHANGELOG.json b/packages/react-accordion/CHANGELOG.json index b5294820ac5abb..7f8607ff0ad50e 100644 --- a/packages/react-accordion/CHANGELOG.json +++ b/packages/react-accordion/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:37 GMT", + "tag": "@fluentui/react-accordion_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-accordion", + "commit": "84cf59cd3465e75b1507083b2c270e0146f85d41", + "comment": "remove star exports" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:16 GMT", "tag": "@fluentui/react-accordion_v9.0.0-rc.7", diff --git a/packages/react-accordion/CHANGELOG.md b/packages/react-accordion/CHANGELOG.md index 49696fd8fe9e52..82c78bef01bc80 100644 --- a/packages/react-accordion/CHANGELOG.md +++ b/packages/react-accordion/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-accordion -This log was last generated on Mon, 25 Apr 2022 09:32:16 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:37 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:37 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-rc.7..@fluentui/react-accordion_v9.0.0-rc.8) + +### Changes + +- remove star exports ([PR #22682](https://github.com/microsoft/fluentui/pull/22682) by seanmonahan@microsoft.com) +- Bump @fluentui/react-aria to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:16 GMT diff --git a/packages/react-accordion/package.json b/packages/react-accordion/package.json index 9230de723828eb..7bd2419b4ee2c6 100644 --- a/packages/react-accordion/package.json +++ b/packages/react-accordion/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-accordion", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,14 +32,14 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-aria": "9.0.0-rc.6", - "@fluentui/react-context-selector": "9.0.0-rc.6", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", + "@fluentui/react-aria": "9.0.0-rc.7", + "@fluentui/react-context-selector": "9.0.0-rc.7", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", "@fluentui/react-icons": "^2.0.166-rc.3", "@griffel/react": "1.0.3", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-badge/CHANGELOG.json b/packages/react-badge/CHANGELOG.json index d6f70eb3113e99..f16bf8deef44e8 100644 --- a/packages/react-badge/CHANGELOG.json +++ b/packages/react-badge/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-badge_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:10 GMT", "tag": "@fluentui/react-badge_v9.0.0-rc.6", diff --git a/packages/react-badge/CHANGELOG.md b/packages/react-badge/CHANGELOG.md index 8b038045aa4053..ca01519935b12d 100644 --- a/packages/react-badge/CHANGELOG.md +++ b/packages/react-badge/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-badge -This log was last generated on Tue, 19 Apr 2022 19:17:10 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.0-rc.6..@fluentui/react-badge_v9.0.0-rc.7) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.0-rc.6) Tue, 19 Apr 2022 19:17:10 GMT diff --git a/packages/react-badge/package.json b/packages/react-badge/package.json index 0f5c7c8ac3915c..59d08d231c5ef5 100644 --- a/packages/react-badge/package.json +++ b/packages/react-badge/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-badge", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,8 +34,8 @@ "dependencies": { "@fluentui/react-icons": "^2.0.166-rc.3", "@griffel/react": "1.0.3", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts b/packages/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts index b8977d4ad6291f..ad448735f2ff71 100644 --- a/packages/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts +++ b/packages/react-badge/src/components/PresenceBadge/PresenceBadge.types.ts @@ -22,9 +22,11 @@ type PresenceBadgeCommons = { * @default false */ outOfOffice: boolean; + + strings: Record; } & BadgeCommons; export type PresenceBadgeProps = Omit>, 'color'> & - Partial>; + Partial>; export type PresenceBadgeState = PresenceBadgeCommons & ComponentState; diff --git a/packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx b/packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx index 3a7de3ea25a20a..e23d25d86a2cbb 100644 --- a/packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx +++ b/packages/react-badge/src/components/PresenceBadge/usePresenceBadge.tsx @@ -37,6 +37,16 @@ const iconMap = ( } }; +export const DEFAULT_STRINGS: PresenceBadgeProps['strings'] = { + busy: 'busy', + outOfOffice: 'out of office', + away: 'away', + available: 'available', + offline: 'offline', + doNotDisturb: 'do not disturb', + unknown: 'unknown', +}; + /** * Returns the props and state required to render the component */ @@ -55,13 +65,17 @@ export const usePresenceBadge_unstable = ( }, ref, ), + strings: { + ...DEFAULT_STRINGS, + ...props.strings, + }, status: props.status ?? 'available', outOfOffice: props.outOfOffice ?? false, }; const IconElement = iconMap(state.status, state.outOfOffice, state.size); if (IconElement) { - state.icon!.children = ; + state.icon!.children = ; } return state; diff --git a/packages/react-badge/src/stories/PresenceBadge.stories.tsx b/packages/react-badge/src/stories/PresenceBadge.stories.tsx index fc9daa877eae59..3b85172f8427c2 100644 --- a/packages/react-badge/src/stories/PresenceBadge.stories.tsx +++ b/packages/react-badge/src/stories/PresenceBadge.stories.tsx @@ -7,6 +7,7 @@ export { Default } from './PresenceBadgeDefault.stories'; export { Sizes } from './PresenceBadgeSizes.stories'; export { Status } from './PresenceBadgeStatus.stories'; export { OutOfOffice } from './PresenceBadgeOutOfOffice.stories'; +export { Strings } from './PresenceBadgeStrings.stories'; export default { title: 'Components/Presence Badge', diff --git a/packages/react-badge/src/stories/PresenceBadgeStrings.stories.tsx b/packages/react-badge/src/stories/PresenceBadgeStrings.stories.tsx new file mode 100644 index 00000000000000..bf24ce158c99e9 --- /dev/null +++ b/packages/react-badge/src/stories/PresenceBadgeStrings.stories.tsx @@ -0,0 +1,34 @@ +import * as React from 'react'; +import { PresenceBadge, PresenceBadgeProps } from '../index'; +export const Strings = () => { + const spanishStrings: PresenceBadgeProps['strings'] = { + busy: 'ocupado', + outOfOffice: 'fuera de la oficina', + away: 'fuera', + available: 'disponible', + offline: 'desconectado', + doNotDisturb: 'no molestar', + unknown: 'desconocido', + }; + return ( + <> + + + + + + + + + ); +}; + +Strings.parameters = { + docs: { + description: { + story: `A presence badge supports custom status strings whether + to support a different language, or to customize individual strings. + The example below is using a Spanish translation.`, + }, + }, +}; diff --git a/packages/react-combobox/CHANGELOG.json b/packages/react-combobox/CHANGELOG.json index 1911840a18f521..398a47fd2333ec 100644 --- a/packages/react-combobox/CHANGELOG.json +++ b/packages/react-combobox/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-combobox_v9.0.0-beta.3", + "version": "9.0.0-beta.3", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-combobox_v9.0.0-beta.3", diff --git a/packages/react-combobox/CHANGELOG.md b/packages/react-combobox/CHANGELOG.md index 338f72116ca7f0..40eec0cc65eb35 100644 --- a/packages/react-combobox/CHANGELOG.md +++ b/packages/react-combobox/CHANGELOG.md @@ -1,11 +1,25 @@ # Change Log - @fluentui/react-combobox -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.3) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.0.0-beta.3..@fluentui/react-combobox_v9.0.0-beta.3) + +### Changes + +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-portal to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-positioning to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.3) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.0.0-beta.3..@fluentui/react-combobox_v9.0.0-beta.3) diff --git a/packages/react-combobox/package.json b/packages/react-combobox/package.json index 57a3efbfa88411..743c1457ce89c7 100644 --- a/packages/react-combobox/package.json +++ b/packages/react-combobox/package.json @@ -33,13 +33,13 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "9.0.0-rc.4", - "@fluentui/react-context-selector": "9.0.0-rc.6", + "@fluentui/keyboard-keys": "9.0.0-rc.5", + "@fluentui/react-context-selector": "9.0.0-rc.7", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-portal": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-portal": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-combobox/src/index.ts b/packages/react-combobox/src/index.ts index 8ef01985c50d82..8b75d7af915ce8 100644 --- a/packages/react-combobox/src/index.ts +++ b/packages/react-combobox/src/index.ts @@ -1,7 +1,47 @@ -// TODO: replace with real exports -export {}; -export * from './Listbox'; -export * from './Option'; -export * from './Combobox'; -export * from './ComboButton'; -export * from './OptionGroup'; +export { + Listbox, + listboxClassNames, + renderListbox_unstable, + useListboxStyles_unstable, + useListbox_unstable, +} from './Listbox'; +export type { ListboxContextValues, ListboxProps, ListboxSlots, ListboxState } from './Listbox'; +export { + Option, + optionClassNames, + renderOption_unstable, + useOptionStyles_unstable, + useOption_unstable, +} from './Option'; +export type { OptionProps, OptionSlots, OptionState } from './Option'; +export { + Combobox, + comboboxClassNames, + renderCombobox_unstable, + useComboboxStyles_unstable, + useCombobox_unstable, +} from './Combobox'; +export type { + ComboboxContextValues, + ComboboxOpenChangeData, + ComboboxOpenEvents, + ComboboxProps, + ComboboxSlots, + ComboboxState, +} from './Combobox'; +export { + ComboButton, + comboButtonClassNames, + renderComboButton_unstable, + useComboButtonStyles_unstable, + useComboButton_unstable, +} from './ComboButton'; +export type { ComboButtonProps, ComboButtonSlots, ComboButtonState } from './ComboButton'; +export { + OptionGroup, + optionGroupClassNames, + renderOptionGroup_unstable, + useOptionGroupStyles_unstable, + useOptionGroup_unstable, +} from './OptionGroup'; +export type { OptionGroupProps, OptionGroupSlots, OptionGroupState } from './OptionGroup'; diff --git a/packages/react-utilities/.babelrc.json b/packages/react-components/keyboard-keys/.babelrc.json similarity index 83% rename from packages/react-utilities/.babelrc.json rename to packages/react-components/keyboard-keys/.babelrc.json index 38bf1f7a945cf8..0b00fa93139ead 100644 --- a/packages/react-utilities/.babelrc.json +++ b/packages/react-components/keyboard-keys/.babelrc.json @@ -1,3 +1,4 @@ { + "presets": [], "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"] } diff --git a/packages/keyboard-keys/.eslintrc.json b/packages/react-components/keyboard-keys/.eslintrc.json similarity index 100% rename from packages/keyboard-keys/.eslintrc.json rename to packages/react-components/keyboard-keys/.eslintrc.json diff --git a/packages/react-textarea/.npmignore b/packages/react-components/keyboard-keys/.npmignore similarity index 95% rename from packages/react-textarea/.npmignore rename to packages/react-components/keyboard-keys/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-textarea/.npmignore +++ b/packages/react-components/keyboard-keys/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/keyboard-keys/CHANGELOG.json b/packages/react-components/keyboard-keys/CHANGELOG.json similarity index 91% rename from packages/keyboard-keys/CHANGELOG.json rename to packages/react-components/keyboard-keys/CHANGELOG.json index 81d27cc5091d4d..4c129e0cd206c0 100644 --- a/packages/keyboard-keys/CHANGELOG.json +++ b/packages/react-components/keyboard-keys/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/keyboard-keys", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:36 GMT", + "tag": "@fluentui/keyboard-keys_v9.0.0-rc.5", + "version": "9.0.0-rc.5", + "comments": { + "prerelease": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/keyboard-keys", + "commit": "dd474c75317671a719f125cb2d1fc81db4f9ed7b", + "comment": "remove star exports" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/keyboard-keys", + "commit": "2c0aaae6044f1c0a938704c13749e76b638e2072", + "comment": "keyboard-keys: Move to new common folder." + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:06 GMT", "tag": "@fluentui/keyboard-keys_v9.0.0-rc.4", diff --git a/packages/keyboard-keys/CHANGELOG.md b/packages/react-components/keyboard-keys/CHANGELOG.md similarity index 84% rename from packages/keyboard-keys/CHANGELOG.md rename to packages/react-components/keyboard-keys/CHANGELOG.md index d1e9e6bb1dd6dc..989490733d75ac 100644 --- a/packages/keyboard-keys/CHANGELOG.md +++ b/packages/react-components/keyboard-keys/CHANGELOG.md @@ -1,12 +1,21 @@ # Change Log - @fluentui/keyboard-keys -This log was last generated on Fri, 04 Mar 2022 05:17:32 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:36 GMT and should not be manually modified. +## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-rc.5) + +Wed, 04 May 2022 13:26:36 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-rc.4..@fluentui/keyboard-keys_v9.0.0-rc.5) + +### Changes + +- remove star exports ([PR #22681](https://github.com/microsoft/fluentui/pull/22681) by seanmonahan@microsoft.com) + ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-rc.4) -Fri, 04 Mar 2022 05:17:32 GMT +Fri, 04 Mar 2022 05:17:32 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-rc.3..@fluentui/keyboard-keys_v9.0.0-rc.4) ### Changes @@ -16,7 +25,7 @@ Fri, 04 Mar 2022 05:17:32 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:37 GMT +Fri, 18 Feb 2022 13:35:37 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-rc.1..@fluentui/keyboard-keys_v9.0.0-rc.3) ### Changes @@ -25,7 +34,7 @@ Fri, 18 Feb 2022 13:35:37 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:52:11 GMT +Thu, 10 Feb 2022 08:52:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-beta.1..@fluentui/keyboard-keys_v9.0.0-rc.1) ### Changes @@ -34,7 +43,7 @@ Thu, 10 Feb 2022 08:52:11 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-alpha.5..@fluentui/keyboard-keys_v9.0.0-beta.1) ### Changes @@ -43,7 +52,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-alpha.5) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-alpha.3..@fluentui/keyboard-keys_v9.0.0-alpha.5) ### Changes @@ -52,7 +61,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-alpha.3) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-alpha.2..@fluentui/keyboard-keys_v9.0.0-alpha.3) ### Changes @@ -61,7 +70,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-alpha.2) -Tue, 03 Aug 2021 07:39:30 GMT +Tue, 03 Aug 2021 07:39:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-alpha.1..@fluentui/keyboard-keys_v9.0.0-alpha.2) ### Patches @@ -71,7 +80,7 @@ Tue, 03 Aug 2021 07:39:30 GMT ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/keyboard-keys_v9.0.0-alpha.1) -Tue, 20 Jul 2021 22:23:17 GMT +Tue, 20 Jul 2021 22:23:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/keyboard-keys_v9.0.0-alpha.0..@fluentui/keyboard-keys_v9.0.0-alpha.1) ### Changes diff --git a/packages/keyboard-keys/LICENSE b/packages/react-components/keyboard-keys/LICENSE similarity index 100% rename from packages/keyboard-keys/LICENSE rename to packages/react-components/keyboard-keys/LICENSE diff --git a/packages/keyboard-keys/README.md b/packages/react-components/keyboard-keys/README.md similarity index 100% rename from packages/keyboard-keys/README.md rename to packages/react-components/keyboard-keys/README.md diff --git a/packages/keyboard-keys/bundle-size/MultipleKeyCodes.fixture.js b/packages/react-components/keyboard-keys/bundle-size/MultipleKeyCodes.fixture.js similarity index 100% rename from packages/keyboard-keys/bundle-size/MultipleKeyCodes.fixture.js rename to packages/react-components/keyboard-keys/bundle-size/MultipleKeyCodes.fixture.js diff --git a/packages/keyboard-keys/bundle-size/MultipleKeys.fixture.js b/packages/react-components/keyboard-keys/bundle-size/MultipleKeys.fixture.js similarity index 100% rename from packages/keyboard-keys/bundle-size/MultipleKeys.fixture.js rename to packages/react-components/keyboard-keys/bundle-size/MultipleKeys.fixture.js diff --git a/packages/keyboard-keys/bundle-size/SingleKey.fixture.js b/packages/react-components/keyboard-keys/bundle-size/SingleKey.fixture.js similarity index 100% rename from packages/keyboard-keys/bundle-size/SingleKey.fixture.js rename to packages/react-components/keyboard-keys/bundle-size/SingleKey.fixture.js diff --git a/packages/keyboard-keys/bundle-size/SingleKeyCode.fixture.js b/packages/react-components/keyboard-keys/bundle-size/SingleKeyCode.fixture.js similarity index 100% rename from packages/keyboard-keys/bundle-size/SingleKeyCode.fixture.js rename to packages/react-components/keyboard-keys/bundle-size/SingleKeyCode.fixture.js diff --git a/packages/react-textarea/config/api-extractor.json b/packages/react-components/keyboard-keys/config/api-extractor.json similarity index 66% rename from packages/react-textarea/config/api-extractor.json rename to packages/react-components/keyboard-keys/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-textarea/config/api-extractor.json +++ b/packages/react-components/keyboard-keys/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/keyboard-keys/config/api-extractor.local.json b/packages/react-components/keyboard-keys/config/api-extractor.local.json similarity index 55% rename from packages/keyboard-keys/config/api-extractor.local.json rename to packages/react-components/keyboard-keys/config/api-extractor.local.json index 7974a129e8a337..f8d7afe5e2cd1d 100644 --- a/packages/keyboard-keys/config/api-extractor.local.json +++ b/packages/react-components/keyboard-keys/config/api-extractor.local.json @@ -1,5 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", "extends": "./api-extractor.json", - "mainEntryPointFilePath": "/dist/packages//src/index.d.ts" + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" } diff --git a/packages/keyboard-keys/config/tests.js b/packages/react-components/keyboard-keys/config/tests.js similarity index 100% rename from packages/keyboard-keys/config/tests.js rename to packages/react-components/keyboard-keys/config/tests.js diff --git a/packages/keyboard-keys/etc/keyboard-keys.api.md b/packages/react-components/keyboard-keys/etc/keyboard-keys.api.md similarity index 100% rename from packages/keyboard-keys/etc/keyboard-keys.api.md rename to packages/react-components/keyboard-keys/etc/keyboard-keys.api.md diff --git a/packages/keyboard-keys/jest.config.js b/packages/react-components/keyboard-keys/jest.config.js similarity index 91% rename from packages/keyboard-keys/jest.config.js rename to packages/react-components/keyboard-keys/jest.config.js index e23ebfe79f9409..b6e0a246101ab3 100644 --- a/packages/keyboard-keys/jest.config.js +++ b/packages/react-components/keyboard-keys/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'keyboard-keys', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/keyboard-keys/just.config.ts b/packages/react-components/keyboard-keys/just.config.ts similarity index 100% rename from packages/keyboard-keys/just.config.ts rename to packages/react-components/keyboard-keys/just.config.ts diff --git a/packages/keyboard-keys/package.json b/packages/react-components/keyboard-keys/package.json similarity index 84% rename from packages/keyboard-keys/package.json rename to packages/react-components/keyboard-keys/package.json index 61ca5349568b6b..0cb3c7850a1565 100644 --- a/packages/keyboard-keys/package.json +++ b/packages/react-components/keyboard-keys/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/keyboard-keys", - "version": "9.0.0-rc.4", + "version": "9.0.0-rc.5", "description": "Contains a set of keyboard constants for key and keyCode", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -18,7 +18,7 @@ "just": "just-scripts", "lint": "just-scripts lint", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/keyboard-keys/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/keyboard-keys/src && yarn docs", "test": "jest --passWithNoTests", "type-check": "tsc -b tsconfig.json" }, diff --git a/packages/keyboard-keys/src/index.ts b/packages/react-components/keyboard-keys/src/index.ts similarity index 100% rename from packages/keyboard-keys/src/index.ts rename to packages/react-components/keyboard-keys/src/index.ts diff --git a/packages/keyboard-keys/src/keyCodes.ts b/packages/react-components/keyboard-keys/src/keyCodes.ts similarity index 100% rename from packages/keyboard-keys/src/keyCodes.ts rename to packages/react-components/keyboard-keys/src/keyCodes.ts diff --git a/packages/keyboard-keys/src/keys.ts b/packages/react-components/keyboard-keys/src/keys.ts similarity index 100% rename from packages/keyboard-keys/src/keys.ts rename to packages/react-components/keyboard-keys/src/keys.ts diff --git a/packages/react-context-selector/tsconfig.json b/packages/react-components/keyboard-keys/tsconfig.json similarity index 89% rename from packages/react-context-selector/tsconfig.json rename to packages/react-components/keyboard-keys/tsconfig.json index 8dff38e64b0310..12ca516af1c5b2 100644 --- a/packages/react-context-selector/tsconfig.json +++ b/packages/react-components/keyboard-keys/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-theme/tsconfig.lib.json b/packages/react-components/keyboard-keys/tsconfig.lib.json similarity index 85% rename from packages/react-theme/tsconfig.lib.json rename to packages/react-components/keyboard-keys/tsconfig.lib.json index 14b7a160c53b55..ef66992c5a174a 100644 --- a/packages/react-theme/tsconfig.lib.json +++ b/packages/react-components/keyboard-keys/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], diff --git a/packages/keyboard-keys/tsconfig.spec.json b/packages/react-components/keyboard-keys/tsconfig.spec.json similarity index 100% rename from packages/keyboard-keys/tsconfig.spec.json rename to packages/react-components/keyboard-keys/tsconfig.spec.json diff --git a/packages/react-portal-compat/.babelrc.json b/packages/react-components/priority-overflow/.babelrc.json similarity index 83% rename from packages/react-portal-compat/.babelrc.json rename to packages/react-components/priority-overflow/.babelrc.json index 38bf1f7a945cf8..0b00fa93139ead 100644 --- a/packages/react-portal-compat/.babelrc.json +++ b/packages/react-components/priority-overflow/.babelrc.json @@ -1,3 +1,4 @@ { + "presets": [], "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"] } diff --git a/packages/priority-overflow/.eslintrc.json b/packages/react-components/priority-overflow/.eslintrc.json similarity index 100% rename from packages/priority-overflow/.eslintrc.json rename to packages/react-components/priority-overflow/.eslintrc.json diff --git a/packages/react-theme/.npmignore b/packages/react-components/priority-overflow/.npmignore similarity index 95% rename from packages/react-theme/.npmignore rename to packages/react-components/priority-overflow/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-theme/.npmignore +++ b/packages/react-components/priority-overflow/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/priority-overflow/LICENSE b/packages/react-components/priority-overflow/LICENSE similarity index 100% rename from packages/priority-overflow/LICENSE rename to packages/react-components/priority-overflow/LICENSE diff --git a/packages/priority-overflow/README.md b/packages/react-components/priority-overflow/README.md similarity index 100% rename from packages/priority-overflow/README.md rename to packages/react-components/priority-overflow/README.md diff --git a/packages/priority-overflow/bundle-size/overflow-manager.fixture.js b/packages/react-components/priority-overflow/bundle-size/overflow-manager.fixture.js similarity index 100% rename from packages/priority-overflow/bundle-size/overflow-manager.fixture.js rename to packages/react-components/priority-overflow/bundle-size/overflow-manager.fixture.js diff --git a/packages/react-theme/config/api-extractor.json b/packages/react-components/priority-overflow/config/api-extractor.json similarity index 66% rename from packages/react-theme/config/api-extractor.json rename to packages/react-components/priority-overflow/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-theme/config/api-extractor.json +++ b/packages/react-components/priority-overflow/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/priority-overflow/config/api-extractor.local.json b/packages/react-components/priority-overflow/config/api-extractor.local.json similarity index 55% rename from packages/priority-overflow/config/api-extractor.local.json rename to packages/react-components/priority-overflow/config/api-extractor.local.json index 7974a129e8a337..f8d7afe5e2cd1d 100644 --- a/packages/priority-overflow/config/api-extractor.local.json +++ b/packages/react-components/priority-overflow/config/api-extractor.local.json @@ -1,5 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", "extends": "./api-extractor.json", - "mainEntryPointFilePath": "/dist/packages//src/index.d.ts" + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" } diff --git a/packages/priority-overflow/config/tests.js b/packages/react-components/priority-overflow/config/tests.js similarity index 100% rename from packages/priority-overflow/config/tests.js rename to packages/react-components/priority-overflow/config/tests.js diff --git a/packages/priority-overflow/etc/priority-overflow.api.md b/packages/react-components/priority-overflow/etc/priority-overflow.api.md similarity index 55% rename from packages/priority-overflow/etc/priority-overflow.api.md rename to packages/react-components/priority-overflow/etc/priority-overflow.api.md index 54ff933c80fa1a..af7adf29ee841e 100644 --- a/packages/priority-overflow/etc/priority-overflow.api.md +++ b/packages/react-components/priority-overflow/etc/priority-overflow.api.md @@ -3,18 +3,17 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - // @public (undocumented) export function createOverflowManager(): OverflowManager; // @public (undocumented) export interface ObserveOptions { - minimumVisible?: number; - onUpdateItemVisibility: OnUpdateItemVisibility; - onUpdateOverflow: OnUpdateOverflow; - overflowAxis?: OverflowAxis; - overflowDirection?: OverflowDirection; - padding?: number; + minimumVisible?: number; + onUpdateItemVisibility: OnUpdateItemVisibility; + onUpdateOverflow: OnUpdateOverflow; + overflowAxis?: OverflowAxis; + overflowDirection?: OverflowDirection; + padding?: number; } // @public (undocumented) @@ -22,10 +21,10 @@ export type OnUpdateItemVisibility = (data: OnUpdateItemVisibilityPayload) => vo // @public (undocumented) export interface OnUpdateItemVisibilityPayload { - // (undocumented) - item: OverflowItemEntry; - // (undocumented) - visible: boolean; + // (undocumented) + item: OverflowItemEntry; + // (undocumented) + visible: boolean; } // @public @@ -39,12 +38,12 @@ export type OverflowDirection = 'start' | 'end'; // @public export interface OverflowEventPayload { - // (undocumented) - groupVisibility: Record; - // (undocumented) - invisibleItems: OverflowItemEntry[]; - // (undocumented) - visibleItems: OverflowItemEntry[]; + // (undocumented) + groupVisibility: Record; + // (undocumented) + invisibleItems: OverflowItemEntry[]; + // (undocumented) + visibleItems: OverflowItemEntry[]; } // @public (undocumented) @@ -52,23 +51,22 @@ export type OverflowGroupState = 'visible' | 'hidden' | 'overflow'; // @public (undocumented) export interface OverflowItemEntry { - element: HTMLElement; - // (undocumented) - groupId?: string; - id: string; - priority: number; + element: HTMLElement; + // (undocumented) + groupId?: string; + id: string; + priority: number; } // @public (undocumented) export interface OverflowManager { - addItem: (items: OverflowItemEntry) => void; - disconnect: () => void; - forceUpdate: () => void; - observe: (container: HTMLElement, options: ObserveOptions) => void; - removeItem: (itemId: string) => void; - update: () => void; + addItem: (items: OverflowItemEntry) => void; + disconnect: () => void; + forceUpdate: () => void; + observe: (container: HTMLElement, options: ObserveOptions) => void; + removeItem: (itemId: string) => void; + update: () => void; } // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-components/priority-overflow/jest.config.js b/packages/react-components/priority-overflow/jest.config.js new file mode 100644 index 00000000000000..3f0343bf1f73ec --- /dev/null +++ b/packages/react-components/priority-overflow/jest.config.js @@ -0,0 +1,20 @@ +// @ts-check + +/** + * @type {import('@jest/types').Config.InitialOptions} + */ +module.exports = { + displayName: 'priority-overflow', + preset: '../../../jest.preset.js', + globals: { + 'ts-jest': { + tsConfig: '/tsconfig.spec.json', + diagnostics: false, + }, + }, + transform: { + '^.+\\.tsx?$': 'ts-jest', + }, + coverageDirectory: './coverage', + setupFilesAfterEnv: ['./config/tests.js'], +}; diff --git a/packages/priority-overflow/just.config.ts b/packages/react-components/priority-overflow/just.config.ts similarity index 100% rename from packages/priority-overflow/just.config.ts rename to packages/react-components/priority-overflow/just.config.ts diff --git a/packages/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json similarity index 85% rename from packages/priority-overflow/package.json rename to packages/react-components/priority-overflow/package.json index 880051141db278..37f48861c3f8e8 100644 --- a/packages/priority-overflow/package.json +++ b/packages/react-components/priority-overflow/package.json @@ -5,7 +5,7 @@ "description": "Vanilla JS utilities to implement overflow menus", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -21,7 +21,7 @@ "lint": "just-scripts lint", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/priority-overflow/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/priority-overflow/src && yarn docs", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { diff --git a/packages/priority-overflow/src/debounce.ts b/packages/react-components/priority-overflow/src/debounce.ts similarity index 100% rename from packages/priority-overflow/src/debounce.ts rename to packages/react-components/priority-overflow/src/debounce.ts diff --git a/packages/priority-overflow/src/index.ts b/packages/react-components/priority-overflow/src/index.ts similarity index 100% rename from packages/priority-overflow/src/index.ts rename to packages/react-components/priority-overflow/src/index.ts diff --git a/packages/priority-overflow/src/overflowManager.ts b/packages/react-components/priority-overflow/src/overflowManager.ts similarity index 100% rename from packages/priority-overflow/src/overflowManager.ts rename to packages/react-components/priority-overflow/src/overflowManager.ts diff --git a/packages/priority-overflow/src/priorityQueue.test.ts b/packages/react-components/priority-overflow/src/priorityQueue.test.ts similarity index 100% rename from packages/priority-overflow/src/priorityQueue.test.ts rename to packages/react-components/priority-overflow/src/priorityQueue.test.ts diff --git a/packages/priority-overflow/src/priorityQueue.ts b/packages/react-components/priority-overflow/src/priorityQueue.ts similarity index 100% rename from packages/priority-overflow/src/priorityQueue.ts rename to packages/react-components/priority-overflow/src/priorityQueue.ts diff --git a/packages/priority-overflow/src/types.ts b/packages/react-components/priority-overflow/src/types.ts similarity index 100% rename from packages/priority-overflow/src/types.ts rename to packages/react-components/priority-overflow/src/types.ts diff --git a/packages/keyboard-keys/tsconfig.json b/packages/react-components/priority-overflow/tsconfig.json similarity index 89% rename from packages/keyboard-keys/tsconfig.json rename to packages/react-components/priority-overflow/tsconfig.json index 8dff38e64b0310..12ca516af1c5b2 100644 --- a/packages/keyboard-keys/tsconfig.json +++ b/packages/react-components/priority-overflow/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-positioning/tsconfig.lib.json b/packages/react-components/priority-overflow/tsconfig.lib.json similarity index 84% rename from packages/react-positioning/tsconfig.lib.json rename to packages/react-components/priority-overflow/tsconfig.lib.json index 3ad5bca8b4c834..7763b7fe82bad3 100644 --- a/packages/react-positioning/tsconfig.lib.json +++ b/packages/react-components/priority-overflow/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"], diff --git a/packages/priority-overflow/tsconfig.spec.json b/packages/react-components/priority-overflow/tsconfig.spec.json similarity index 100% rename from packages/priority-overflow/tsconfig.spec.json rename to packages/react-components/priority-overflow/tsconfig.spec.json diff --git a/packages/react-components/react-alert/.npmignore b/packages/react-components/react-alert/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-alert/.npmignore +++ b/packages/react-components/react-alert/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json new file mode 100644 index 00000000000000..c9df1b65f4d498 --- /dev/null +++ b/packages/react-components/react-alert/CHANGELOG.json @@ -0,0 +1,26 @@ +{ + "name": "@fluentui/react-alert", + "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-alert_v9.0.0-alpha.0", + "version": "9.0.0-alpha.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + } + ] +} diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md new file mode 100644 index 00000000000000..12443e66dd15f9 --- /dev/null +++ b/packages/react-components/react-alert/CHANGELOG.md @@ -0,0 +1,14 @@ +# Change Log - @fluentui/react-alert + +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. + + + +## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-alpha.0) + +Wed, 04 May 2022 13:26:54 GMT + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) diff --git a/packages/react-components/react-alert/config/api-extractor.json b/packages/react-components/react-alert/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-alert/config/api-extractor.json +++ b/packages/react-components/react-alert/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index 376feb8bf3feaa..60f9d7724002f2 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -5,7 +5,7 @@ "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -32,8 +32,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-alert/tsconfig.lib.json b/packages/react-components/react-alert/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-alert/tsconfig.lib.json +++ b/packages/react-components/react-alert/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-aria/.babelrc.json b/packages/react-components/react-aria/.babelrc.json index 38bf1f7a945cf8..0b00fa93139ead 100644 --- a/packages/react-components/react-aria/.babelrc.json +++ b/packages/react-components/react-aria/.babelrc.json @@ -1,3 +1,4 @@ { + "presets": [], "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"] } diff --git a/packages/react-components/react-aria/.npmignore b/packages/react-components/react-aria/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-aria/.npmignore +++ b/packages/react-components/react-aria/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index c51889e051a980..d301c0f86cb158 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,35 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:37 GMT", + "tag": "@fluentui/react-aria_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-aria", + "commit": "35dc16cc0ebb2ce181bd802b4b9002b12ea2d86f", + "comment": "react-aria: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:07 GMT", "tag": "@fluentui/react-aria_v9.0.0-rc.6", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index bec1d3ed6d87d5..aac8cfeae6a6a8 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-aria -This log was last generated on Tue, 19 Apr 2022 19:17:07 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:37 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:37 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.0.0-rc.6..@fluentui/react-aria_v9.0.0-rc.7) + +### Changes + +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.0.0-rc.6) Tue, 19 Apr 2022 19:17:07 GMT diff --git a/packages/react-components/react-aria/config/api-extractor.json b/packages/react-components/react-aria/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-aria/config/api-extractor.json +++ b/packages/react-components/react-aria/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index 7018efa3a147eb..a3b99b3305c805 100644 --- a/packages/react-components/react-aria/package.json +++ b/packages/react-components/react-aria/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-aria", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "9.0.0-rc.4", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/keyboard-keys": "9.0.0-rc.5", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-aria/src/index.ts b/packages/react-components/react-aria/src/index.ts index d88f2f96dd020c..611b86bebcb360 100644 --- a/packages/react-components/react-aria/src/index.ts +++ b/packages/react-components/react-aria/src/index.ts @@ -1,2 +1,3 @@ -export * from './hooks/index'; -export * from './utils/index'; +export { useARIAButton } from './hooks/index'; +export type { ARIAButtonSlotProps } from './hooks/index'; +export { mergeARIADisabled } from './utils/index'; diff --git a/packages/react-components/react-aria/tsconfig.lib.json b/packages/react-components/react-aria/tsconfig.lib.json index 14b7a160c53b55..ef66992c5a174a 100644 --- a/packages/react-components/react-aria/tsconfig.lib.json +++ b/packages/react-components/react-aria/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], diff --git a/packages/react-components/react-avatar/.npmignore b/packages/react-components/react-avatar/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-avatar/.npmignore +++ b/packages/react-components/react-avatar/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index 67d05d90922025..b0a5d9e8cb8e14 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,71 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:37 GMT", + "tag": "@fluentui/react-avatar_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-avatar", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-avatar: Move to new common folder." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "2a852c82989e92d10a979979c16be97c30a51027", + "comment": "Adding AvatarGroup spec to react-avatar." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-button to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:08 GMT", "tag": "@fluentui/react-avatar_v9.0.0-rc.6", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index 5b0edc60b457a4..39780b99413361 100644 --- a/packages/react-components/react-avatar/CHANGELOG.md +++ b/packages/react-components/react-avatar/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-avatar -This log was last generated on Tue, 19 Apr 2022 19:17:08 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:37 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:37 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.0.0-rc.6..@fluentui/react-avatar_v9.0.0-rc.7) + +### Changes + +- Bump @fluentui/react-badge to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-popover to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tooltip to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.0.0-rc.6) Tue, 19 Apr 2022 19:17:08 GMT diff --git a/packages/react-components/react-avatar/config/api-extractor.json b/packages/react-components/react-avatar/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-avatar/config/api-extractor.json +++ b/packages/react-components/react-avatar/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index 8210b47abd722b..3746e568e35299 100644 --- a/packages/react-components/react-avatar/package.json +++ b/packages/react-components/react-avatar/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-avatar", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,14 +33,14 @@ "es6-weak-map": "^2.0.2" }, "dependencies": { - "@fluentui/react-badge": "9.0.0-rc.6", - "@fluentui/react-button": "9.0.0-rc.7", + "@fluentui/react-badge": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-popover": "9.0.0-rc.7", - "@fluentui/react-tooltip": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-popover": "9.0.0-rc.8", + "@fluentui/react-tooltip": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-avatar/src/AvatarBadge.stories.tsx b/packages/react-components/react-avatar/src/AvatarBadge.stories.tsx index 55e4c330affffd..3699c09ac33ebe 100644 --- a/packages/react-components/react-avatar/src/AvatarBadge.stories.tsx +++ b/packages/react-components/react-avatar/src/AvatarBadge.stories.tsx @@ -3,27 +3,18 @@ import { Avatar } from './index'; export const Badge = () => ( <> - - - - - - - - - - - - + + + + + + + + + + + + ); diff --git a/packages/react-components/react-avatar/tsconfig.lib.json b/packages/react-components/react-avatar/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-avatar/tsconfig.lib.json +++ b/packages/react-components/react-avatar/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-button/.npmignore b/packages/react-components/react-button/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-button/.npmignore +++ b/packages/react-components/react-button/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index 3482d5b70e6a9f..6130c2a3491ca3 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:38 GMT", + "tag": "@fluentui/react-button_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-button", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-button: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:16 GMT", "tag": "@fluentui/react-button_v9.0.0-rc.7", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index 4ced97e3bb2203..53a8193a99d9c8 100644 --- a/packages/react-components/react-button/CHANGELOG.md +++ b/packages/react-components/react-button/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-button -This log was last generated on Mon, 25 Apr 2022 09:32:16 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:38 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.0.0-rc.7..@fluentui/react-button_v9.0.0-rc.8) + +### Changes + +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-aria to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:16 GMT diff --git a/packages/react-components/react-button/config/api-extractor.json b/packages/react-components/react-button/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-button/config/api-extractor.json +++ b/packages/react-components/react-button/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index 4961686c0d1fe4..bcdbf7070f3be0 100644 --- a/packages/react-components/react-button/package.json +++ b/packages/react-components/react-button/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-button", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,12 +33,12 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "9.0.0-rc.4", - "@fluentui/react-aria": "9.0.0-rc.6", + "@fluentui/keyboard-keys": "9.0.0-rc.5", + "@fluentui/react-aria": "9.0.0-rc.7", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-button/tsconfig.lib.json b/packages/react-components/react-button/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-button/tsconfig.lib.json +++ b/packages/react-components/react-button/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-card/.npmignore b/packages/react-components/react-card/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-card/.npmignore +++ b/packages/react-components/react-card/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index 965507307f928c..ea696bffd1246a 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:38 GMT", + "tag": "@fluentui/react-card_v9.0.0-beta.13", + "version": "9.0.0-beta.13", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-card", + "commit": "b8dde556ff82051c140074a3140e83bfdd56f4dc", + "comment": "react-card: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-card", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-text to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-card_v9.0.0-beta.12", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index c81e877955a893..edf8beb7e219ab 100644 --- a/packages/react-components/react-card/CHANGELOG.md +++ b/packages/react-components/react-card/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-card -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:38 GMT and should not be manually modified. +## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.13) + +Wed, 04 May 2022 13:26:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.12..@fluentui/react-card_v9.0.0-beta.13) + +### Changes + +- feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-text to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.12) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-card/Spec.md b/packages/react-components/react-card/Spec.md index bc09340ce3cec6..52fdf4e3a37b2a 100644 --- a/packages/react-components/react-card/Spec.md +++ b/packages/react-components/react-card/Spec.md @@ -102,17 +102,17 @@ Card goes for a more structural and generic approach to a card component and is #### API -| Property | Values | Default | Purpose | -| ----------- | ------------------------------------------------------------------------------------ | ---------- | ----------------------------------------------------------------------------------------------- | -| orientation | `vertical`, `horizontal` | `vertical` | Orientation of the card | -| size | `smallest`, `smaller`, `small`, `medium`, `large` | `medium` | Define the minimum size of the card. Smaller sizes only apply to horizontal card | -| scale | `fixed`, `auto-width`, `auto-height`, `auto`, `fluid-width`, `fluid-height`, `fluid` | `auto` | Manages how the card handles it's scaling depending on the content | -| appearance | `filled`, `filled-alternative`, `outline`, `subtle` | `filled` | Define the appearance of the card | -| selectable | boolean | false | Makes the card selectable by adding a checkbox to the _Actions_ area | -| selected | boolean | false | Set to `true` if card is selected | -| expandable | boolean | false | Allow card to expand to show whole content | -| disabled | boolean | false | Makes the card and card selection disabled (not propagated to children) | -| focusable | boolean \| 'noTab' \| 'tabExit' \| 'tabOnly' | false | Sets the focus behavior for the card. If `true`, the card will have the 'noTab' focus behavior. | +| Property | Values | Default | Purpose | +| ----------- | ------------------------------------------------------------------------------------ | ---------- | -------------------------------------------------------------------------------- | +| orientation | `vertical`, `horizontal` | `vertical` | Orientation of the card | +| size | `smallest`, `smaller`, `small`, `medium`, `large` | `medium` | Define the minimum size of the card. Smaller sizes only apply to horizontal card | +| scale | `fixed`, `auto-width`, `auto-height`, `auto`, `fluid-width`, `fluid-height`, `fluid` | `auto` | Manages how the card handles it's scaling depending on the content | +| appearance | `filled`, `filled-alternative`, `outline`, `subtle` | `filled` | Define the appearance of the card | +| selectable | boolean | false | Makes the card selectable by adding a checkbox to the _Actions_ area | +| selected | boolean | false | Set to `true` if card is selected | +| expandable | boolean | false | Allow card to expand to show whole content | +| disabled | boolean | false | Makes the card and card selection disabled (not propagated to children) | +| focusMode | `off`, `no-tab`, `tab-exit`, `tab-only` | `off` | Sets the focus behavior for the card. | #### `scale` property @@ -124,19 +124,23 @@ Card goes for a more structural and generic approach to a card component and is - `fluid-height`: `height` is set to `100%`. - `fluid`: `width` and `height` are set to `100%`. -#### `focusable` property +#### `focusMode` property -The three allowed focus behaviours (noTab, tabExit, tabOnly) map to the behaviors provided by Tabster. +The three allowed focus behaviours (`no-tab`, `tab-exit`, `tab-only`) map to the behaviors provided by Tabster. -- `noTab` (`trapFocus` in Tabster) +- `off` + + The card will not focusable. + +- `no-tab` (`trapFocus` in Tabster) This behaviour traps the focus inside of the Card when pressing the `Enter` key and will only release focus when pressing the `Escape` key. -- `tabExit` (`limited` in Tabster) +- `tab-exit` (`limited` in Tabster) This behaviour traps the focus inside of the Card when pressing the `Enter` key but will release focus when pressing the `Tab` key on the last inner element. -- `tabOnly` (`unlimited` in Tabster) +- `tab-only` (`unlimited` in Tabster) This behaviour will cycle through all elements inside of the Card when pressing the `Tab` key and then release focus after the last inner element. diff --git a/packages/react-components/react-card/config/api-extractor.json b/packages/react-components/react-card/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-card/config/api-extractor.json +++ b/packages/react-components/react-card/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-card/e2e/Card.e2e.tsx b/packages/react-components/react-card/e2e/Card.e2e.tsx new file mode 100644 index 00000000000000..66c7bfa324e0db --- /dev/null +++ b/packages/react-components/react-card/e2e/Card.e2e.tsx @@ -0,0 +1,243 @@ +import * as React from 'react'; +import { mount } from '@cypress/react'; +import type {} from '@cypress/react'; +import { FluentProvider } from '@fluentui/react-provider'; +import { webLightTheme } from '@fluentui/react-theme'; +import { Button } from '@fluentui/react-button'; +import { Card, CardFooter, CardHeader } from '@fluentui/react-card'; +import type { CardProps } from '@fluentui/react-card'; + +const mountFluent = (element: JSX.Element) => { + mount({element}); +}; + +const CardSample = (props: CardProps) => { + const ASSET_URL = 'https://raw.githubusercontent.com/microsoft/fluentui/master/packages/react-card'; + + const powerpointLogoURL = ASSET_URL + '/assets/powerpoint_logo.svg'; + + return ( + <> +

+ Before +

+ + } + header={App Name} + description={Developer} + /> +
+ Donut chocolate bar oat cake. Dragée tiramisu lollipop bear claw. Marshmallow pastry jujubes toffee sugar + plum. +
+ + + + +
+

+ After +

+ + ); +}; + +describe('Card', () => { + describe('focus behaviors', () => { + describe('focusMode="off" (default)', () => { + it('should not be focusable', () => { + mountFluent(); + + cy.get('#before').focus(); + + cy.get('#card').should('not.be.focused'); + + cy.realPress('Tab'); + + cy.get('#card').should('not.be.focused'); + cy.get('#open-button').should('be.focused'); + }); + }); + + describe('focusMode="no-tab"', () => { + it('should be focusable', () => { + mountFluent(); + + const card = cy.get('#card'); + + card.should('not.be.focused'); + + card.focus(); + + card.should('be.focused'); + }); + + it('should focus inner elements on EnterKey press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Enter'); + + cy.get('#open-button').should('be.focused'); + }); + + it('should not focus inner elements on Tab press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Tab'); + + cy.get('#card').should('not.be.focused'); + cy.get('#after').should('be.focused'); + }); + + it('should trap focus', () => { + mountFluent(); + + cy.get('#open-button').focus(); + + cy.realPress('Tab'); + + cy.get('#open-button').should('not.be.focused'); + cy.get('#close-button').should('be.focused'); + + cy.realPress('Tab'); + + cy.get('#open-button').should('be.focused'); + cy.get('#close-button').should('not.be.focused'); + }); + + it('should focus parent on Esc press', () => { + mountFluent(); + + cy.get('#open-button').focus(); + + cy.realPress('Escape'); + + cy.get('#open-button').should('not.be.focused'); + cy.get('#card').should('be.focused'); + }); + }); + + describe('focusMode="tab-exit"', () => { + it('should be focusable', () => { + mountFluent(); + + const card = cy.get('#card'); + + card.should('not.be.focused'); + + card.focus(); + + card.should('be.focused'); + }); + + it('should focus inner elements on EnterKey press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Enter'); + + cy.get('#open-button').should('be.focused'); + }); + + it('should not focus inner elements on Tab press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Tab'); + + cy.get('#card').should('not.be.focused'); + cy.get('#after').should('be.focused'); + }); + + it('should exit on Tab press', () => { + mountFluent(); + + cy.get('#close-button').focus(); + + cy.realPress('Tab'); + + cy.get('#after').should('be.focused'); + }); + + it('should focus parent on Esc press', () => { + mountFluent(); + + cy.get('#card').focus().realPress('Enter'); + + cy.get('#open-button').should('be.focused'); + + cy.realPress('Escape'); + + cy.get('#card').should('be.focused'); + }); + }); + + describe('focusMode="tab-only"', () => { + it('should be focusable', () => { + mountFluent(); + + const card = cy.get('#card'); + + card.should('not.be.focused'); + + card.focus(); + + card.should('be.focused'); + }); + + it('should focus inner elements on EnterKey press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Enter'); + + cy.get('#open-button').should('be.focused'); + }); + + it('should focus inner elements on Tab press', () => { + mountFluent(); + + cy.get('#card').focus(); + + cy.realPress('Tab'); + + cy.get('#card').should('not.be.focused'); + cy.get('#open-button').should('be.focused'); + }); + + it('should exit on Tab press', () => { + mountFluent(); + + cy.get('#close-button').focus(); + + cy.realPress('Tab'); + + cy.get('#after').should('be.focused'); + }); + + it('should focus parent on Esc press', () => { + mountFluent(); + + cy.get('#card').focus().realPress('Enter'); + + cy.get('#open-button').should('be.focused'); + + cy.realPress('Escape'); + + cy.get('#card').should('be.focused'); + }); + }); + }); +}); diff --git a/packages/react-components/react-card/e2e/tsconfig.json b/packages/react-components/react-card/e2e/tsconfig.json new file mode 100644 index 00000000000000..c5fb83855c7254 --- /dev/null +++ b/packages/react-components/react-card/e2e/tsconfig.json @@ -0,0 +1,10 @@ +{ + "extends": "../tsconfig.json", + "compilerOptions": { + "isolatedModules": false, + "noEmit": true, + "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"], + "lib": ["ES2019", "dom"] + }, + "include": ["**/*.ts", "**/*.tsx"] +} diff --git a/packages/react-components/react-card/etc/react-card.api.md b/packages/react-components/react-card/etc/react-card.api.md index 54f5eb96068547..bffed6d58a19cd 100644 --- a/packages/react-components/react-card/etc/react-card.api.md +++ b/packages/react-components/react-card/etc/react-card.api.md @@ -23,6 +23,7 @@ export const cardClassNames: SlotClassNames; // @public (undocumented) export type CardCommons = { appearance: 'filled' | 'filled-alternative' | 'outline' | 'subtle'; + focusMode: 'off' | 'no-tab' | 'tab-exit' | 'tab-only'; }; // @public diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index f68531c558f353..f36c655150034c 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -1,11 +1,11 @@ { "name": "@fluentui/react-card", - "version": "9.0.0-beta.12", + "version": "9.0.0-beta.13", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -17,6 +17,7 @@ "bundle-size": "bundle-size measure", "clean": "just-scripts clean", "code-style": "just-scripts code-style", + "e2e": "e2e", "just": "just-scripts", "lint": "just-scripts lint", "start": "yarn storybook", @@ -31,14 +32,14 @@ "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.4", "@fluentui/scripts": "^1.0.0", - "@fluentui/react-text": "9.0.0-rc.6", - "@fluentui/react-button": "9.0.0-rc.7" + "@fluentui/react-text": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8" }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-utilities": "9.0.0-rc.6", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", + "@fluentui/react-utilities": "9.0.0-rc.7", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-card/src/components/Card/Card.types.ts b/packages/react-components/react-card/src/components/Card/Card.types.ts index a5325025499b0e..677601246adcd6 100644 --- a/packages/react-components/react-card/src/components/Card/Card.types.ts +++ b/packages/react-components/react-card/src/components/Card/Card.types.ts @@ -6,6 +6,28 @@ export type CardSlots = { export type CardCommons = { appearance: 'filled' | 'filled-alternative' | 'outline' | 'subtle'; + + /** + * Sets the focus behavior for the card. If `true`, the card will use the `noTab` focus behavior. + * + * `off` + * The card will not focusable. + * + * `no-tab` + * This behaviour traps the focus inside of the Card when pressing the Enter key and will only release focus when + * pressing the Escape key. + * + * `tab-exit` + * This behaviour traps the focus inside of the Card when pressing the Enter key but will release focus when pressing + * the Tab key on the last inner element. + * + * `tab-only` + * This behaviour will cycle through all elements inside of the Card when pressing the Tab key and then release focus + * after the last inner element. + * + * @defaultvalue off + */ + focusMode: 'off' | 'no-tab' | 'tab-exit' | 'tab-only'; }; /** diff --git a/packages/react-components/react-card/src/components/Card/__snapshots__/Card.test.tsx.snap b/packages/react-components/react-card/src/components/Card/__snapshots__/Card.test.tsx.snap index a6c7a2e12934b3..2216d3a145c54d 100644 --- a/packages/react-components/react-card/src/components/Card/__snapshots__/Card.test.tsx.snap +++ b/packages/react-components/react-card/src/components/Card/__snapshots__/Card.test.tsx.snap @@ -4,7 +4,7 @@ exports[`Card renders a default state 1`] = `
Default Card diff --git a/packages/react-components/react-card/src/components/Card/useCard.ts b/packages/react-components/react-card/src/components/Card/useCard.ts index 0cf30ee3bd6ab2..9c90f02ca4bf2d 100644 --- a/packages/react-components/react-card/src/components/Card/useCard.ts +++ b/packages/react-components/react-card/src/components/Card/useCard.ts @@ -13,18 +13,28 @@ import { useFocusableGroup } from '@fluentui/react-tabster'; * @param ref - reference to root HTMLElement of Card */ export const useCard_unstable = (props: CardProps, ref: React.Ref): CardState => { + const { appearance = 'filled', focusMode = 'off' } = props; + + const focusMap = { + off: undefined, + 'no-tab': 'limitedTrapFocus', + 'tab-exit': 'limited', + 'tab-only': 'unlimited', + } as const; + const groupperAttrs = useFocusableGroup({ - tabBehavior: 'limitedTrapFocus', + tabBehavior: focusMap[focusMode], }); - const { appearance = 'filled' } = props; return { appearance, + focusMode, components: { root: 'div' }, root: getNativeElementProps(props.as || 'div', { ref, role: 'group', + tabIndex: focusMode !== 'off' ? 0 : undefined, ...groupperAttrs, ...props, }), diff --git a/packages/react-components/react-card/src/stories/Card.stories.tsx b/packages/react-components/react-card/src/stories/Card.stories.tsx index 524496d0ef40e1..4c3ae00c62ca33 100644 --- a/packages/react-components/react-card/src/stories/Card.stories.tsx +++ b/packages/react-components/react-card/src/stories/Card.stories.tsx @@ -3,6 +3,7 @@ import descriptionMd from './CardDescription.md'; export { Default } from './CardDefault.stories'; export { Appearance } from './CardAppearance.stories'; +export { FocusMode } from './CardFocusMode.stories'; export default { title: 'Preview Components/Card', diff --git a/packages/react-components/react-card/src/stories/CardFocusMode.stories.tsx b/packages/react-components/react-card/src/stories/CardFocusMode.stories.tsx new file mode 100644 index 00000000000000..042cf84753ca1b --- /dev/null +++ b/packages/react-components/react-card/src/stories/CardFocusMode.stories.tsx @@ -0,0 +1,60 @@ +import * as React from 'react'; + +import { Title3, Text } from '@fluentui/react-text'; + +import { makeStyles, shorthands } from '@griffel/react'; +import { SampleCard } from './SampleCard.stories'; + +const useStyles = makeStyles({ + root: { + display: 'flex', + flexDirection: 'column', + ...shorthands.gap('30px'), + }, +}); + +export const FocusMode = () => { + const styles = useStyles(); + + return ( +
+
+ 'off' (Default) + + The contents might still be focusable, but the Card won't manage the focus of its contents or be focusable. + +
+ +
+ 'no-tab' + + The Card will be focusable and trap the focus. You can use Tab to navigate between the contents and escaping + focus only by pressing the Esc key. + +
+ +
+ 'tab-exit' + The Card will be focusable and trap the focus, but release it on an Esc or Tab key press. +
+ +
+ 'tab-only' + + The Card will not trap focus but will still be focusable and allow Tab navigation of its contents. + +
+ +
+ ); +}; + +FocusMode.parameters = { + docs: { + description: { + story: + 'Cards can be focusable and manage the focus of their contents in several different strategies. ' + + 'Using the `focusMode` prop, we can achieve the following:', + }, + }, +}; diff --git a/packages/react-components/react-card/tsconfig.json b/packages/react-components/react-card/tsconfig.json index 1941a041d46c19..9087bac77cc8d7 100644 --- a/packages/react-components/react-card/tsconfig.json +++ b/packages/react-components/react-card/tsconfig.json @@ -20,6 +20,9 @@ }, { "path": "./.storybook/tsconfig.json" + }, + { + "path": "./e2e/tsconfig.json" } ] } diff --git a/packages/react-components/react-card/tsconfig.lib.json b/packages/react-components/react-card/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-card/tsconfig.lib.json +++ b/packages/react-components/react-card/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index 58a25a798ffdac..c019b9b434f5f0 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.json +++ b/packages/react-components/react-checkbox/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-checkbox", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:39 GMT", + "tag": "@fluentui/react-checkbox_v9.0.0-beta.13", + "version": "9.0.0-beta.13", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-checkbox", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-checkbox: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:17 GMT", "tag": "@fluentui/react-checkbox_v9.0.0-beta.12", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index aee6d6bda8bb8a..f0494e3b0f6a63 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.md +++ b/packages/react-components/react-checkbox/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-checkbox -This log was last generated on Mon, 25 Apr 2022 09:32:17 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:39 GMT and should not be manually modified. +## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.13) + +Wed, 04 May 2022 13:26:39 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-beta.12..@fluentui/react-checkbox_v9.0.0-beta.13) + +### Changes + +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-beta.12) Mon, 25 Apr 2022 09:32:17 GMT diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index afb007f799a755..2977cb9537fc1a 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-checkbox", - "version": "9.0.0-beta.12", + "version": "9.0.0-beta.13", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-components/.npmignore b/packages/react-components/react-components/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-components/.npmignore +++ b/packages/react-components/react-components/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index 07aeef97a70727..3ac6f245bf3389 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,515 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:33 GMT", + "tag": "@fluentui/react-components_v9.0.0-rc.9", + "version": "9.0.0-rc.9", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-text", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-text", + "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484", + "comment": "Updated react-text to use typography constants" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "27ba5613b1253801c3ae4e2aba0fc9eb2ae464b8", + "comment": "Add px suffix to spacings" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "75ad2567f62e804a8deb3ea6016ba8a674c45627", + "comment": "Fixed typo in typography" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484", + "comment": "Fixed line-height in title2" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "57583bfffa6bf28be389dec6c642f36ed253ecdd", + "comment": "Added global theme types and tokens" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "3e0ff753cbb3375f28477b2249ecd8b012e2e946", + "comment": "fix(react-theme): Update CompoundBrandBackground and BrandStroke1" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "354c4f6290d7957345fd53a8f26c8f5472ff92db", + "comment": "Add base font family per figma" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "78da3be7484d156379a105048c535767f7e1b85f", + "comment": "Added typeography styles" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "e45629a0978492d5a8a44934f5263e47862ac8b3", + "comment": "feat(react-theme): Add colorNeutralForeground2Link color tokens" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/keyboard-keys", + "commit": "dd474c75317671a719f125cb2d1fc81db4f9ed7b", + "comment": "remove star exports" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-accordion", + "commit": "84cf59cd3465e75b1507083b2c270e0146f85d41", + "comment": "remove star exports" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-card", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "bsunderhus@microsoft.com", + "package": "@fluentui/react-components", + "commit": "045bcb976cb4c2fe70314ac7ccaa99ea25693ed6", + "comment": "feat: re-exports positioning types at `react-components`" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-components", + "commit": "c2f2b754a37501d0e61e9375157487514125b8d8", + "comment": "feat: export `useThemeClassName` hook" + }, + { + "author": "bsunderhus@microsoft.com", + "package": "@fluentui/react-components", + "commit": "2af90d0c5b7c95724a01b71ab9b24d1bd5da2f6d", + "comment": "feat: re-export `createFocusOutlineStyle` on `react-components`" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-components", + "commit": "1519a71043a0f656df2d994485d98fdc9009f883", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-components", + "commit": "75ad2567f62e804a8deb3ea6016ba8a674c45627", + "comment": "Fixed typo in typography" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-components", + "commit": "78da3be7484d156379a105048c535767f7e1b85f", + "comment": "Exported typeography styles" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-components", + "commit": "57583bfffa6bf28be389dec6c642f36ed253ecdd", + "comment": "Exported new theme types" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-image", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-input", + "commit": "45d7e18b8dd8f9d5a69b2d62c3b5c716268622f2", + "comment": "update content before/after stories; label usage in stories" + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-label", + "commit": "65c5c91acea26b129e9ffac6b2b1a8c9808f0141", + "comment": "Add style to make required match text when disabled" + }, + { + "author": "Humberto.Morimoto@microsoft.com", + "package": "@fluentui/react-link", + "commit": "faf92d23bc6c2e21f1769e5ce210e17c7ebc9587", + "comment": "Link: Changing styles of focused links to align with design spec." + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-popover", + "commit": "b77905b7980c966769584036828af6c1346aaf9d", + "comment": "feat: Add inline prop to Popover" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "262a1e7d36a615afb763409c8c99bfe432052939", + "comment": "feat: Adds prop `closeOnScroll` to close popover on scrolling outside" + }, + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd", + "comment": "feat: Adds prop `mouseLeaveDelay` to delay closing popover that opens on hover" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal-compat", + "commit": "280cf2336d814d7380d5cbf4999ce56da763919c", + "comment": "initial release" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "280cf2336d814d7380d5cbf4999ce56da763919c", + "comment": "initial release" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-provider", + "commit": "c45f4a6c3dd09c77ce5f5f5e2926ce9494169e99", + "comment": "check for styleTag.sheet before performing actions on the sheet" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-provider", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "9132814df4b6d40d1f5d93d8324d756c1284b294", + "comment": "react-radio: update context usage" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "8d990349b5af2d61057cccda2357412d2f5ab9b9", + "comment": "add bundle size fixtures" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "6a017c3b1f2a282fa86c28b675e5ed34a1bb2aee", + "comment": "react-radio: add required prop to RadioGroup" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "4bc1c43194cb9f44c5ad40ae43ab26556778157e", + "comment": "react-radio: remove required indicator from label" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "5f27c51743f22f08741a75c2c10032a02afdf6fb", + "comment": "write readme" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "3be7a89d9e9323780bba5b24d3bcc4342e1f1ec7", + "comment": "Allow data argument on onChange" + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "cd923be82878c0d4e92bf6b6846b54f215d1877e", + "comment": "Adjust focus rect to match design, and update color tokens to improve dark mode contrast" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "c588d86a250e0e4894e41de2e1df273be9a7c866", + "comment": "remove MIGRATION.md" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "a7f9a9f47b329e55a36791596b11289c50bb82d3", + "comment": "react-spinbutton: remove \"inputType\" prop" + }, + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-switch", + "commit": "daf5a7692bce6794dbacf7470cc48e48e1c67252", + "comment": "Switch: Fixing disabled styles in high contrast mode." + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "97939a4e5f523b3ef05c815f909819701eee92ea", + "comment": "Added aria-selected" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "c2562b5382305152a09402a367ec853d603438e7", + "comment": "Updated to use correct pseudo-elements" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "6c764b820241483c1a9a6e225f758a4c8d4b060e", + "comment": "Updated to use tokens" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "55e2b1b53e81efa510a5bc15c6ab0398b52ace7f", + "comment": "Removed unnecessary width and height from indicators" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "17ed5008371df7344540af658209840985dc4754", + "comment": "Allow tab to animate when value is numeric zero" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-text", + "commit": "af6bea84f19cf196b4d17df940e7230cbd9d832d", + "comment": "react-text: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-theme", + "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab", + "comment": "react-theme: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tooltip", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-tooltip: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-utilities", + "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab", + "comment": "react-utilities: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/keyboard-keys", + "commit": "2c0aaae6044f1c0a938704c13749e76b638e2072", + "comment": "keyboard-keys: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-aria", + "commit": "35dc16cc0ebb2ce181bd802b4b9002b12ea2d86f", + "comment": "react-aria: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-avatar", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-avatar: Move to new common folder." + }, + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-avatar", + "commit": "2a852c82989e92d10a979979c16be97c30a51027", + "comment": "Adding AvatarGroup spec to react-avatar." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-button", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-button: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-card", + "commit": "b8dde556ff82051c140074a3140e83bfdd56f4dc", + "comment": "react-card: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-checkbox", + "commit": "e791a91f5f02b6dc19f178543b6a6b95d49edb46", + "comment": "react-checkbox: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-components", + "commit": "00d967912b845ab5cbabf22deb6cc6a018433e30", + "comment": "react-components: Move to new common folder" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-components", + "commit": "a1dca96f80f3e36b8836d8701e11a56d1aff572d", + "comment": "chore(react-components): fix build:local task" + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-components", + "commit": "ce2398f2d96995250e8168676de60eacfd8e6a20", + "comment": "Move custom templates over to v9 storybook." + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-components", + "commit": "f0764e35df36354a86bcf44912a9bf8756df7ddd", + "comment": "Remove chromatic command from react-components and move alias up to root pointing at new docsite" + }, + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-components", + "commit": "814d5c1df0951b6c473ba7b7f6cfe793c527881b", + "comment": "Add manual decorators for mac which does not work with current addon" + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-conformance-griffel", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-conformance-griffel: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-context-selector", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-context-selector: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-image", + "commit": "b8dde556ff82051c140074a3140e83bfdd56f4dc", + "comment": "react-image: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-input", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-input: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-label", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-label: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-link", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-link: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-menu", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-menu: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-popover", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-popover: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-portal-compat-context: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-portal: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-positioning", + "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab", + "comment": "react-positioning: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-provider", + "commit": "5842ed56a87ffcd6aa607cd98d3c95087221f017", + "comment": "react-provider: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-slider", + "commit": "f1c470c25de01baef3180067fa99dcc10ec9ebd5", + "comment": "react-slider: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-spinbutton", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-spinbutton: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-spinner", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-spinner: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tabs", + "commit": "f1c470c25de01baef3180067fa99dcc10ec9ebd5", + "comment": "react-tabs: Move to new common folder." + }, + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tabster", + "commit": "35dc16cc0ebb2ce181bd802b4b9002b12ea2d86f", + "comment": "react-tabster: Move to new common folder." + }, + { + "author": "bsunderhus@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "df7387d8394994e1802cb1354a327b86a4d41604", + "comment": "chore: moves focus indicator from hooks folder to it's own" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:14 GMT", "tag": "@fluentui/react-components_v9.0.0-rc.8", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index 88acc38f0eaab6..0aaa7fe1b2a566 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,87 @@ # Change Log - @fluentui/react-components -This log was last generated on Mon, 25 Apr 2022 09:32:14 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:33 GMT and should not be manually modified. +## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.0.0-rc.9) + +Wed, 04 May 2022 13:26:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.0.0-rc.8..@fluentui/react-components_v9.0.0-rc.9) + +### Changes + +- `@fluentui/react-text` + - feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) + - Updated react-text to use typography constants ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com) +- `@fluentui/react-theme` + - Add px suffix to spacings ([PR #22722](https://github.com/microsoft/fluentui/pull/22722) by gcox@microsoft.com) + - Fixed typo in typography ([PR #22625](https://github.com/microsoft/fluentui/pull/22625) by gcox@microsoft.com) + - Fixed line-height in title2 ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com) + - Added global theme types and tokens ([PR #22607](https://github.com/microsoft/fluentui/pull/22607) by gcox@microsoft.com) + - fix(react-theme): Update CompoundBrandBackground and BrandStroke1 ([PR #22751](https://github.com/microsoft/fluentui/pull/22751) by miroslav.stastny@microsoft.com) + - Add base font family per figma ([PR #22627](https://github.com/microsoft/fluentui/pull/22627) by gcox@microsoft.com) + - Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com) + - feat(react-theme): Add colorNeutralForeground2Link color tokens ([PR #22570](https://github.com/microsoft/fluentui/pull/22570) by miroslav.stastny@microsoft.com) +- `@fluentui/keyboard-keys` + - remove star exports ([PR #22681](https://github.com/microsoft/fluentui/pull/22681) by seanmonahan@microsoft.com) +- `@fluentui/react-accordion` + - remove star exports ([PR #22682](https://github.com/microsoft/fluentui/pull/22682) by seanmonahan@microsoft.com) +- `@fluentui/react-card` + - feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) +- `@fluentui/react-components` + - feat: re-exports positioning types at `react-components` ([PR #22666](https://github.com/microsoft/fluentui/pull/22666) by bsunderhus@microsoft.com) + - feat: export `useThemeClassName` hook ([PR #22639](https://github.com/microsoft/fluentui/pull/22639) by olfedias@microsoft.com) + - feat: re-export `createFocusOutlineStyle` on `react-components` ([PR #22747](https://github.com/microsoft/fluentui/pull/22747) by bsunderhus@microsoft.com) + - feat: ship rolluped only dts ([PR #22746](https://github.com/microsoft/fluentui/pull/22746) by martinhochel@microsoft.com) + - Fixed typo in typography ([PR #22625](https://github.com/microsoft/fluentui/pull/22625) by gcox@microsoft.com) + - Exported typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com) + - Exported new theme types ([PR #22607](https://github.com/microsoft/fluentui/pull/22607) by gcox@microsoft.com) +- `@fluentui/react-image` + - feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) +- `@fluentui/react-input` + - update content before/after stories; label usage in stories ([PR #22731](https://github.com/microsoft/fluentui/pull/22731) by seanmonahan@microsoft.com) +- `@fluentui/react-label` + - Add style to make required match text when disabled ([PR #22715](https://github.com/microsoft/fluentui/pull/22715) by mgodbolt@microsoft.com) +- `@fluentui/react-link` + - Link: Changing styles of focused links to align with design spec. ([PR #22732](https://github.com/microsoft/fluentui/pull/22732) by Humberto.Morimoto@microsoft.com) +- `@fluentui/react-menu` + - feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- `@fluentui/react-popover` + - feat: Add inline prop to Popover ([PR #22789](https://github.com/microsoft/fluentui/pull/22789) by lingfangao@hotmail.com) + - feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) + - feat: Adds prop `closeOnScroll` to close popover on scrolling outside ([PR #22784](https://github.com/microsoft/fluentui/pull/22784) by yuanboxue@microsoft.com) + - feat: Adds prop `mouseLeaveDelay` to delay closing popover that opens on hover ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by yuanboxue@microsoft.com) +- `@fluentui/react-portal-compat` + - initial release ([PR #22510](https://github.com/microsoft/fluentui/pull/22510) by olfedias@microsoft.com) +- `@fluentui/react-portal-compat-context` + - initial release ([PR #22510](https://github.com/microsoft/fluentui/pull/22510) by olfedias@microsoft.com) +- `@fluentui/react-portal` + - feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- `@fluentui/react-provider` + - check for styleTag.sheet before performing actions on the sheet ([PR #22684](https://github.com/microsoft/fluentui/pull/22684) by mgodbolt@microsoft.com) + - feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- `@fluentui/react-radio` + - react-radio: update context usage ([PR #22803](https://github.com/microsoft/fluentui/pull/22803) by seanmonahan@microsoft.com) + - add bundle size fixtures ([PR #22675](https://github.com/microsoft/fluentui/pull/22675) by seanmonahan@microsoft.com) + - react-radio: add required prop to RadioGroup ([PR #22809](https://github.com/microsoft/fluentui/pull/22809) by seanmonahan@microsoft.com) + - react-radio: remove required indicator from label ([PR #22782](https://github.com/microsoft/fluentui/pull/22782) by seanmonahan@microsoft.com) + - write readme ([PR #22676](https://github.com/microsoft/fluentui/pull/22676) by seanmonahan@microsoft.com) + - Allow data argument on onChange ([PR #22753](https://github.com/microsoft/fluentui/pull/22753) by miroslav.stastny@microsoft.com) +- `@fluentui/react-slider` + - Adjust focus rect to match design, and update color tokens to improve dark mode contrast ([PR #22701](https://github.com/microsoft/fluentui/pull/22701) by mgodbolt@microsoft.com) +- `@fluentui/react-spinbutton` + - remove MIGRATION.md ([PR #22737](https://github.com/microsoft/fluentui/pull/22737) by seanmonahan@microsoft.com) + - react-spinbutton: remove "inputType" prop ([PR #22652](https://github.com/microsoft/fluentui/pull/22652) by seanmonahan@microsoft.com) +- `@fluentui/react-switch` + - Switch: Fixing disabled styles in high contrast mode. ([PR #22817](https://github.com/microsoft/fluentui/pull/22817) by humberto_makoto@hotmail.com) +- `@fluentui/react-tabs` + - Added aria-selected ([PR #22742](https://github.com/microsoft/fluentui/pull/22742) by gcox@microsoft.com) + - Updated to use correct pseudo-elements ([PR #22768](https://github.com/microsoft/fluentui/pull/22768) by gcox@microsoft.com) + - Updated to use tokens ([PR #22717](https://github.com/microsoft/fluentui/pull/22717) by gcox@microsoft.com) + - Removed unnecessary width and height from indicators ([PR #22744](https://github.com/microsoft/fluentui/pull/22744) by gcox@microsoft.com) + - Allow tab to animate when value is numeric zero ([PR #22754](https://github.com/microsoft/fluentui/pull/22754) by gcox@microsoft.com) + ## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.0.0-rc.8) Mon, 25 Apr 2022 09:32:14 GMT diff --git a/packages/react-components/react-components/config/api-extractor.json b/packages/react-components/react-components/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-components/config/api-extractor.json +++ b/packages/react-components/react-components/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-components/config/api-extractor.local.json b/packages/react-components/react-components/config/api-extractor.local.json index 5f8009f045ae29..fc68f7c9367c8c 100644 --- a/packages/react-components/react-components/config/api-extractor.local.json +++ b/packages/react-components/react-components/config/api-extractor.local.json @@ -1,7 +1,7 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", "extends": "./api-extractor.json", - "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts", + "mainEntryPointFilePath": "/dist/types/packages/react-components//src/index.d.ts", "compiler": { /** * This is a quickfix to make build:local work diff --git a/packages/react-components/react-components/config/api-extractor.unstable.json b/packages/react-components/react-components/config/api-extractor.unstable.json new file mode 100644 index 00000000000000..86279bdf5c1bbf --- /dev/null +++ b/packages/react-components/react-components/config/api-extractor.unstable.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/unstable/index.d.ts", + "apiReport": { + "enabled": true, + "reportFileName": ".unstable.api.md" + }, + "docModel": { + "enabled": true, + "apiJsonFilePath": "/dist/.unstable.api.json" + }, + "dtsRollup": { + "enabled": true, + "untrimmedFilePath": "/dist/unstable.d.ts" + } +} diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index b8240487b38d5c..ce2240318eecb4 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -123,6 +123,7 @@ import { getNativeElementProps } from '@fluentui/react-utilities'; import { getNativeProps } from '@fluentui/react-utilities'; import { getPartitionedNativeProps } from '@fluentui/react-utilities'; import { getSlots } from '@fluentui/react-utilities'; +import { GriffelStyle } from '@griffel/react'; import { Headline } from '@fluentui/react-text'; import { headlineClassName } from '@fluentui/react-text'; import { headlineClassNames } from '@fluentui/react-text'; @@ -261,6 +262,23 @@ import { presenceBadgeClassNames } from '@fluentui/react-badge'; import { PresenceBadgeProps } from '@fluentui/react-badge'; import { PresenceBadgeState } from '@fluentui/react-badge'; import { PresenceBadgeStatus } from '@fluentui/react-badge'; +import { Radio } from '@fluentui/react-radio'; +import { radioClassName } from '@fluentui/react-radio'; +import { radioClassNames } from '@fluentui/react-radio'; +import { RadioGroup } from '@fluentui/react-radio'; +import { radioGroupClassName } from '@fluentui/react-radio'; +import { radioGroupClassNames } from '@fluentui/react-radio'; +import { RadioGroupContext } from '@fluentui/react-radio'; +import { RadioGroupContextValue } from '@fluentui/react-radio'; +import { RadioGroupContextValues } from '@fluentui/react-radio'; +import { RadioGroupOnChangeData } from '@fluentui/react-radio'; +import { RadioGroupProps } from '@fluentui/react-radio'; +import { RadioGroupSlots } from '@fluentui/react-radio'; +import { RadioGroupState } from '@fluentui/react-radio'; +import { RadioOnChangeData } from '@fluentui/react-radio'; +import { RadioProps } from '@fluentui/react-radio'; +import { RadioSlots } from '@fluentui/react-radio'; +import { RadioState } from '@fluentui/react-radio'; import { renderAccordion_unstable } from '@fluentui/react-accordion'; import { renderAccordionHeader_unstable } from '@fluentui/react-accordion'; import { renderAccordionItem_unstable } from '@fluentui/react-accordion'; @@ -290,6 +308,8 @@ import { renderPopover_unstable } from '@fluentui/react-popover'; import { renderPopoverSurface_unstable } from '@fluentui/react-popover'; import { renderPopoverTrigger_unstable } from '@fluentui/react-popover'; import { renderPortal_unstable } from '@fluentui/react-portal'; +import { renderRadio_unstable } from '@fluentui/react-radio'; +import { renderRadioGroup_unstable } from '@fluentui/react-radio'; import { renderSlider_unstable } from '@fluentui/react-slider'; import { renderSplitButton_unstable } from '@fluentui/react-button'; import { renderText_unstable } from '@fluentui/react-text'; @@ -359,6 +379,7 @@ import { TooltipProps } from '@fluentui/react-tooltip'; import { TooltipSlots } from '@fluentui/react-tooltip'; import { TooltipState } from '@fluentui/react-tooltip'; import { TooltipTriggerProps } from '@fluentui/react-tooltip'; +import { TypographyStyle } from '@fluentui/react-theme'; import { TypographyStyles } from '@fluentui/react-theme'; import { typographyStyles } from '@fluentui/react-theme'; import { UninitializedMenuListState } from '@fluentui/react-menu'; @@ -443,6 +464,11 @@ import { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover'; import { usePopoverTrigger_unstable } from '@fluentui/react-popover'; import { usePortal_unstable } from '@fluentui/react-portal'; import { usePresenceBadge_unstable } from '@fluentui/react-badge'; +import { useRadio_unstable } from '@fluentui/react-radio'; +import { useRadioGroup_unstable } from '@fluentui/react-radio'; +import { useRadioGroupContextValues } from '@fluentui/react-radio'; +import { useRadioGroupStyles_unstable } from '@fluentui/react-radio'; +import { useRadioStyles_unstable } from '@fluentui/react-radio'; import { useSlider_unstable } from '@fluentui/react-slider'; import { useSliderState_unstable } from '@fluentui/react-slider'; import { useSliderStyles_unstable } from '@fluentui/react-slider'; @@ -700,6 +726,8 @@ export { getPartitionedNativeProps } export { getSlots } +export { GriffelStyle } + export { Headline } export { headlineClassName } @@ -976,6 +1004,40 @@ export { PresenceBadgeState } export { PresenceBadgeStatus } +export { Radio } + +export { radioClassName } + +export { radioClassNames } + +export { RadioGroup } + +export { radioGroupClassName } + +export { radioGroupClassNames } + +export { RadioGroupContext } + +export { RadioGroupContextValue } + +export { RadioGroupContextValues } + +export { RadioGroupOnChangeData } + +export { RadioGroupProps } + +export { RadioGroupSlots } + +export { RadioGroupState } + +export { RadioOnChangeData } + +export { RadioProps } + +export { RadioSlots } + +export { RadioState } + export { renderAccordion_unstable } export { renderAccordionHeader_unstable } @@ -1034,6 +1096,10 @@ export { renderPopoverTrigger_unstable } export { renderPortal_unstable } +export { renderRadio_unstable } + +export { renderRadioGroup_unstable } + export { renderSlider_unstable } export { renderSplitButton_unstable } @@ -1172,6 +1238,8 @@ export { TooltipState } export { TooltipTriggerProps } +export { TypographyStyle } + export { TypographyStyles } export { typographyStyles } @@ -1340,6 +1408,16 @@ export { usePortal_unstable } export { usePresenceBadge_unstable } +export { useRadio_unstable } + +export { useRadioGroup_unstable } + +export { useRadioGroupContextValues } + +export { useRadioGroupStyles_unstable } + +export { useRadioStyles_unstable } + export { useSlider_unstable } export { useSliderState_unstable } diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md new file mode 100644 index 00000000000000..3128e4a4a28f74 --- /dev/null +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -0,0 +1,397 @@ +## API Report File for "@fluentui/react-components" + +> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). + +```ts + +import { Card } from '@fluentui/react-card'; +import { cardClassName } from '@fluentui/react-card'; +import { cardClassNames } from '@fluentui/react-card'; +import { CardFooter } from '@fluentui/react-card'; +import { cardFooterClassName } from '@fluentui/react-card'; +import { cardFooterClassNames } from '@fluentui/react-card'; +import { CardFooterProps } from '@fluentui/react-card'; +import { CardFooterSlots } from '@fluentui/react-card'; +import { CardFooterState } from '@fluentui/react-card'; +import { CardHeader } from '@fluentui/react-card'; +import { cardHeaderClassName } from '@fluentui/react-card'; +import { cardHeaderClassNames } from '@fluentui/react-card'; +import { CardHeaderProps } from '@fluentui/react-card'; +import { CardHeaderSlots } from '@fluentui/react-card'; +import { CardHeaderState } from '@fluentui/react-card'; +import { CardPreview } from '@fluentui/react-card'; +import { cardPreviewClassName } from '@fluentui/react-card'; +import { cardPreviewClassNames } from '@fluentui/react-card'; +import { CardPreviewProps } from '@fluentui/react-card'; +import { CardPreviewSlots } from '@fluentui/react-card'; +import { CardPreviewState } from '@fluentui/react-card'; +import { CardProps } from '@fluentui/react-card'; +import { CardSlots } from '@fluentui/react-card'; +import { CardState } from '@fluentui/react-card'; +import { Checkbox } from '@fluentui/react-checkbox'; +import { checkboxClassName } from '@fluentui/react-checkbox'; +import { checkboxClassNames } from '@fluentui/react-checkbox'; +import { CheckboxOnChangeData } from '@fluentui/react-checkbox'; +import { CheckboxProps } from '@fluentui/react-checkbox'; +import { CheckboxSlots } from '@fluentui/react-checkbox'; +import { CheckboxState } from '@fluentui/react-checkbox'; +import { Input } from '@fluentui/react-input'; +import { inputClassName } from '@fluentui/react-input'; +import { inputClassNames } from '@fluentui/react-input'; +import { InputOnChangeData } from '@fluentui/react-input'; +import { InputProps } from '@fluentui/react-input'; +import { InputSlots } from '@fluentui/react-input'; +import { InputState } from '@fluentui/react-input'; +import { Label } from '@fluentui/react-label'; +import { labelClassName } from '@fluentui/react-label'; +import { labelClassNames } from '@fluentui/react-label'; +import { LabelProps } from '@fluentui/react-label'; +import { LabelSlots } from '@fluentui/react-label'; +import { LabelState } from '@fluentui/react-label'; +import { RegisterTabEventHandler } from '@fluentui/react-tabs'; +import { renderCard_unstable } from '@fluentui/react-card'; +import { renderCardFooter_unstable } from '@fluentui/react-card'; +import { renderCardHeader_unstable } from '@fluentui/react-card'; +import { renderCardPreview_unstable } from '@fluentui/react-card'; +import { renderCheckbox_unstable } from '@fluentui/react-checkbox'; +import { renderInput_unstable } from '@fluentui/react-input'; +import { renderLabel_unstable } from '@fluentui/react-label'; +import { renderSpinButton_unstable } from '@fluentui/react-spinbutton'; +import { renderSpinner_unstable } from '@fluentui/react-spinner'; +import { renderSwitch_unstable } from '@fluentui/react-switch'; +import { renderTab_unstable } from '@fluentui/react-tabs'; +import { renderTabList_unstable } from '@fluentui/react-tabs'; +import { renderTextarea_unstable } from '@fluentui/react-textarea'; +import { SelectTabData } from '@fluentui/react-tabs'; +import { SelectTabEvent } from '@fluentui/react-tabs'; +import { SelectTabEventHandler } from '@fluentui/react-tabs'; +import { SpinButton } from '@fluentui/react-spinbutton'; +import { SpinButtonBounds } from '@fluentui/react-spinbutton'; +import { SpinButtonChangeEvent } from '@fluentui/react-spinbutton'; +import { spinButtonClassNames } from '@fluentui/react-spinbutton'; +import { SpinButtonOnChangeData } from '@fluentui/react-spinbutton'; +import { SpinButtonProps } from '@fluentui/react-spinbutton'; +import { SpinButtonSlots } from '@fluentui/react-spinbutton'; +import { SpinButtonSpinState } from '@fluentui/react-spinbutton'; +import { SpinButtonState } from '@fluentui/react-spinbutton'; +import { SpinButtonStrings } from '@fluentui/react-spinbutton'; +import { Spinner } from '@fluentui/react-spinner'; +import { spinnerClassNames } from '@fluentui/react-spinner'; +import { SpinnerProps } from '@fluentui/react-spinner'; +import { SpinnerSlots } from '@fluentui/react-spinner'; +import { SpinnerState } from '@fluentui/react-spinner'; +import { Switch } from '@fluentui/react-switch'; +import { switchClassNames } from '@fluentui/react-switch'; +import { SwitchOnChangeData } from '@fluentui/react-switch'; +import { SwitchProps } from '@fluentui/react-switch'; +import { SwitchSlots } from '@fluentui/react-switch'; +import { SwitchState } from '@fluentui/react-switch'; +import { Tab } from '@fluentui/react-tabs'; +import { tabClassName } from '@fluentui/react-tabs'; +import { tabClassNames } from '@fluentui/react-tabs'; +import { TabList } from '@fluentui/react-tabs'; +import { tabListClassName } from '@fluentui/react-tabs'; +import { tabListClassNames } from '@fluentui/react-tabs'; +import { TabListContextValue } from '@fluentui/react-tabs'; +import { TabListContextValues } from '@fluentui/react-tabs'; +import { TabListProps } from '@fluentui/react-tabs'; +import { TabListSlots } from '@fluentui/react-tabs'; +import { TabListState } from '@fluentui/react-tabs'; +import { TabProps } from '@fluentui/react-tabs'; +import { TabRegisterData } from '@fluentui/react-tabs'; +import { TabSlots } from '@fluentui/react-tabs'; +import { TabState } from '@fluentui/react-tabs'; +import { TabValue } from '@fluentui/react-tabs'; +import { Textarea } from '@fluentui/react-textarea'; +import { textareaClassNames } from '@fluentui/react-textarea'; +import { TextareaProps } from '@fluentui/react-textarea'; +import { TextareaSlots } from '@fluentui/react-textarea'; +import { TextareaState } from '@fluentui/react-textarea'; +import { useCard_unstable } from '@fluentui/react-card'; +import { useCardFooter_unstable } from '@fluentui/react-card'; +import { useCardFooterStyles_unstable } from '@fluentui/react-card'; +import { useCardHeader_unstable } from '@fluentui/react-card'; +import { useCardHeaderStyles_unstable } from '@fluentui/react-card'; +import { useCardPreview_unstable } from '@fluentui/react-card'; +import { useCardPreviewStyles_unstable } from '@fluentui/react-card'; +import { useCardStyles_unstable } from '@fluentui/react-card'; +import { useCheckbox_unstable } from '@fluentui/react-checkbox'; +import { useCheckboxStyles_unstable } from '@fluentui/react-checkbox'; +import { useInput_unstable } from '@fluentui/react-input'; +import { useInputStyles_unstable } from '@fluentui/react-input'; +import { useLabel_unstable } from '@fluentui/react-label'; +import { useLabelStyles_unstable } from '@fluentui/react-label'; +import { useSpinButton_unstable } from '@fluentui/react-spinbutton'; +import { useSpinButtonStyles_unstable } from '@fluentui/react-spinbutton'; +import { useSpinner_unstable } from '@fluentui/react-spinner'; +import { useSpinnerStyles_unstable } from '@fluentui/react-spinner'; +import { useSwitch_unstable } from '@fluentui/react-switch'; +import { useSwitchStyles_unstable } from '@fluentui/react-switch'; +import { useTab_unstable } from '@fluentui/react-tabs'; +import { useTabList_unstable } from '@fluentui/react-tabs'; +import { useTabListStyles_unstable } from '@fluentui/react-tabs'; +import { useTabStyles_unstable } from '@fluentui/react-tabs'; +import { useTextarea_unstable } from '@fluentui/react-textarea'; +import { useTextareaStyles_unstable } from '@fluentui/react-textarea'; + +export { Card } + +export { cardClassName } + +export { cardClassNames } + +export { CardFooter } + +export { cardFooterClassName } + +export { cardFooterClassNames } + +export { CardFooterProps } + +export { CardFooterSlots } + +export { CardFooterState } + +export { CardHeader } + +export { cardHeaderClassName } + +export { cardHeaderClassNames } + +export { CardHeaderProps } + +export { CardHeaderSlots } + +export { CardHeaderState } + +export { CardPreview } + +export { cardPreviewClassName } + +export { cardPreviewClassNames } + +export { CardPreviewProps } + +export { CardPreviewSlots } + +export { CardPreviewState } + +export { CardProps } + +export { CardSlots } + +export { CardState } + +export { Checkbox } + +export { checkboxClassName } + +export { checkboxClassNames } + +export { CheckboxOnChangeData } + +export { CheckboxProps } + +export { CheckboxSlots } + +export { CheckboxState } + +export { Input } + +export { inputClassName } + +export { inputClassNames } + +export { InputOnChangeData } + +export { InputProps } + +export { InputSlots } + +export { InputState } + +export { Label } + +export { labelClassName } + +export { labelClassNames } + +export { LabelProps } + +export { LabelSlots } + +export { LabelState } + +export { RegisterTabEventHandler } + +export { renderCard_unstable } + +export { renderCardFooter_unstable } + +export { renderCardHeader_unstable } + +export { renderCardPreview_unstable } + +export { renderCheckbox_unstable } + +export { renderInput_unstable } + +export { renderLabel_unstable } + +export { renderSpinButton_unstable } + +export { renderSpinner_unstable } + +export { renderSwitch_unstable } + +export { renderTab_unstable } + +export { renderTabList_unstable } + +export { renderTextarea_unstable } + +export { SelectTabData } + +export { SelectTabEvent } + +export { SelectTabEventHandler } + +export { SpinButton } + +export { SpinButtonBounds } + +export { SpinButtonChangeEvent } + +export { spinButtonClassNames } + +export { SpinButtonOnChangeData } + +export { SpinButtonProps } + +export { SpinButtonSlots } + +export { SpinButtonSpinState } + +export { SpinButtonState } + +export { SpinButtonStrings } + +export { Spinner } + +export { spinnerClassNames } + +export { SpinnerProps } + +export { SpinnerSlots } + +export { SpinnerState } + +export { Switch } + +export { switchClassNames } + +export { SwitchOnChangeData } + +export { SwitchProps } + +export { SwitchSlots } + +export { SwitchState } + +export { Tab } + +export { tabClassName } + +export { tabClassNames } + +export { TabList } + +export { tabListClassName } + +export { tabListClassNames } + +export { TabListContextValue } + +export { TabListContextValues } + +export { TabListProps } + +export { TabListSlots } + +export { TabListState } + +export { TabProps } + +export { TabRegisterData } + +export { TabSlots } + +export { TabState } + +export { TabValue } + +export { Textarea } + +export { textareaClassNames } + +export { TextareaProps } + +export { TextareaSlots } + +export { TextareaState } + +export { useCard_unstable } + +export { useCardFooter_unstable } + +export { useCardFooterStyles_unstable } + +export { useCardHeader_unstable } + +export { useCardHeaderStyles_unstable } + +export { useCardPreview_unstable } + +export { useCardPreviewStyles_unstable } + +export { useCardStyles_unstable } + +export { useCheckbox_unstable } + +export { useCheckboxStyles_unstable } + +export { useInput_unstable } + +export { useInputStyles_unstable } + +export { useLabel_unstable } + +export { useLabelStyles_unstable } + +export { useSpinButton_unstable } + +export { useSpinButtonStyles_unstable } + +export { useSpinner_unstable } + +export { useSpinnerStyles_unstable } + +export { useSwitch_unstable } + +export { useSwitchStyles_unstable } + +export { useTab_unstable } + +export { useTabList_unstable } + +export { useTabListStyles_unstable } + +export { useTabStyles_unstable } + +export { useTextarea_unstable } + +export { useTextareaStyles_unstable } + +// (No @packageDocumentation comment for this package) + +``` diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 1278522f5ae45f..e0750e7edf2a72 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-components", - "version": "9.0.0-rc.8", + "version": "9.0.0-rc.9", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -20,7 +20,7 @@ "lint": "just-scripts lint", "start": "yarn storybook", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-components/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/types/packages/react-components/react-components/src && yarn docs", "storybook": "node ../../../scripts/storybook/runner --port 3000 -s ./public --no-manager-cache", "test": "jest --passWithNoTests", "type-check": "tsc -b tsconfig.json" @@ -31,35 +31,35 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-accordion": "9.0.0-rc.7", - "@fluentui/react-avatar": "9.0.0-rc.6", - "@fluentui/react-badge": "9.0.0-rc.6", - "@fluentui/react-button": "9.0.0-rc.7", - "@fluentui/react-card": "9.0.0-beta.12", - "@fluentui/react-checkbox": "9.0.0-beta.12", - "@fluentui/react-divider": "9.0.0-rc.6", - "@fluentui/react-image": "9.0.0-rc.6", - "@fluentui/react-input": "9.0.0-beta.7", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-link": "9.0.0-rc.7", - "@fluentui/react-menu": "9.0.0-rc.7", - "@fluentui/react-popover": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-portal": "9.0.0-rc.7", - "@fluentui/react-provider": "9.0.0-rc.7", - "@fluentui/react-radio": "9.0.0-beta.4", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-slider": "9.0.0-beta.12", - "@fluentui/react-spinbutton": "9.0.0-beta.7", - "@fluentui/react-spinner": "9.0.0-beta.7", - "@fluentui/react-switch": "9.0.0-rc.7", - "@fluentui/react-tabs": "9.0.0-beta.10", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-textarea": "9.0.0-alpha.1", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-tooltip": "9.0.0-rc.7", - "@fluentui/react-utilities": "9.0.0-rc.6", - "@fluentui/react-text": "9.0.0-rc.6", + "@fluentui/react-accordion": "9.0.0-rc.8", + "@fluentui/react-avatar": "9.0.0-rc.7", + "@fluentui/react-badge": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8", + "@fluentui/react-card": "9.0.0-beta.13", + "@fluentui/react-checkbox": "9.0.0-beta.13", + "@fluentui/react-divider": "9.0.0-rc.7", + "@fluentui/react-image": "9.0.0-rc.7", + "@fluentui/react-input": "9.0.0-beta.8", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-link": "9.0.0-rc.8", + "@fluentui/react-menu": "9.0.0-rc.8", + "@fluentui/react-popover": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-portal": "9.0.0-rc.8", + "@fluentui/react-provider": "9.0.0-rc.8", + "@fluentui/react-radio": "9.0.0-rc.1", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-slider": "9.0.0-beta.13", + "@fluentui/react-spinbutton": "9.0.0-beta.8", + "@fluentui/react-spinner": "9.0.0-beta.8", + "@fluentui/react-switch": "9.0.0-rc.8", + "@fluentui/react-tabs": "9.0.0-beta.11", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-textarea": "9.0.0-alpha.2", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-tooltip": "9.0.0-rc.8", + "@fluentui/react-utilities": "9.0.0-rc.7", + "@fluentui/react-text": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Accordion1.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Accordion1.stories.tsx index b2f11903e73be8..dd28055be70584 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Accordion1.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Accordion1.stories.tsx @@ -1,18 +1,9 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from '@fluentui/react-accordion'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Label } from '@fluentui/react-label'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Button } from '@fluentui/react-button'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Accordion2.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Accordion2.stories.tsx index 62677ed1943199..316895f3566e6f 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Accordion2.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Accordion2.stories.tsx @@ -1,15 +1,7 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Accordion, AccordionItem, AccordionHeader, AccordionPanel } from '@fluentui/react-accordion'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore -import { Label } from '@fluentui/react-label'; - import { Scenario } from './utils'; export const FAQAccordionAccessibilityScenario: React.FunctionComponent = () => { diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx index 44d98297a94580..1fd1b9b5bc4c5b 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Button.stories.tsx @@ -1,8 +1,5 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Button } from '@fluentui/react-button'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx index fcb1644c9fcd58..0765ef9e659eef 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Link.stories.tsx @@ -1,8 +1,5 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Link } from '@fluentui/react-link'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Menu1.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Menu1.stories.tsx index 51659ccebab00d..c4e623423bc8ee 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Menu1.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Menu1.stories.tsx @@ -1,13 +1,7 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { MenuButton } from '@fluentui/react-button'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Menu, MenuTrigger, diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Menu2.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Menu2.stories.tsx index b0bb08af0ec371..ca4059b1ce9e29 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Menu2.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Menu2.stories.tsx @@ -1,13 +1,7 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { MenuButton } from '@fluentui/react-button'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Menu, MenuTrigger, MenuList, MenuPopover, MenuItem, MenuSplitGroup } from '@fluentui/react-menu'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx index 63d2d192e80558..1aa9c0b9d7759b 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Popover.stories.tsx @@ -1,13 +1,7 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Button } from '@fluentui/react-button'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Popover, PopoverTrigger, PopoverSurface } from '@fluentui/react-popover'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx index 1fdffedff7abc9..ad40ecd2c8aaf6 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/SplitButton.stories.tsx @@ -1,19 +1,8 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Menu, MenuTrigger, MenuList, MenuPopover, MenuItem } from '@fluentui/react-menu'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore -import { MenuButtonProps } from '@fluentui/react-menubutton'; - -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore -import { Button, SplitButton } from '@fluentui/react-button'; +import { Button, MenuButtonProps, SplitButton } from '@fluentui/react-button'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx index a6b3fbf802e5e6..87f6cc22730b92 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/ToggleButton.stories.tsx @@ -1,8 +1,5 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { ToggleButton } from '@fluentui/react-button'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx b/packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx index 39b4a9ae7486b7..e02c119eb56aaf 100644 --- a/packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx +++ b/packages/react-components/react-components/src/AccessibilityScenarios/Tooltip.stories.tsx @@ -1,28 +1,11 @@ import * as React from 'react'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Button } from '@fluentui/react-button'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Label } from '@fluentui/react-label'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { Tooltip, TooltipProps } from '@fluentui/react-tooltip'; -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore -import { Menu, MenuTrigger, MenuList, MenuPopover, MenuItem } from '@fluentui/react-menu'; - -// https://github.com/microsoft/fluentui/pull/18695#issuecomment-868432982 -// eslint-disable-next-line @typescript-eslint/ban-ts-comment -// @ts-ignore import { TextItalic24Regular, TextUnderline24Regular, TextBold24Regular } from '@fluentui/react-icons'; import { Scenario } from './utils'; diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index b28dd8bb151289..97e5ca608c32ce 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -9,6 +9,7 @@ export { renderToStyleElements, shorthands, } from '@griffel/react'; +export type { GriffelStyle } from '@griffel/react'; export { FluentProvider, /* eslint-disable-next-line deprecation/deprecation */ @@ -26,6 +27,36 @@ export type { FluentProviderSlots, FluentProviderState, } from '@fluentui/react-provider'; +export { + Radio, + /* eslint-disable-next-line deprecation/deprecation */ + radioClassName, + radioClassNames, + RadioGroup, + /* eslint-disable-next-line deprecation/deprecation */ + radioGroupClassName, + radioGroupClassNames, + RadioGroupContext, + renderRadio_unstable, + renderRadioGroup_unstable, + useRadio_unstable, + useRadioGroupContextValues, + useRadioGroup_unstable, + useRadioGroupStyles_unstable, + useRadioStyles_unstable, +} from '@fluentui/react-radio'; +export type { + RadioGroupContextValue, + RadioGroupContextValues, + RadioGroupOnChangeData, + RadioGroupProps, + RadioGroupSlots, + RadioGroupState, + RadioOnChangeData, + RadioProps, + RadioSlots, + RadioState, +} from '@fluentui/react-radio'; export { createCustomFocusIndicatorStyle, createFocusOutlineStyle, @@ -77,6 +108,7 @@ export type { DurationTokens, CurveTokens, Theme, + TypographyStyle, TypographyStyles, } from '@fluentui/react-theme'; export { useThemeClassName } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index c01b0143cb5dec..402ff777f02d1f 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -78,32 +78,6 @@ export { } from '@fluentui/react-label'; export type { LabelProps, LabelSlots, LabelState } from '@fluentui/react-label'; -export { - Radio, - /* eslint-disable-next-line deprecation/deprecation */ - radioClassName, - radioClassNames, - RadioGroup, - /* eslint-disable-next-line deprecation/deprecation */ - radioGroupClassName, - radioGroupClassNames, - renderRadio_unstable, - renderRadioGroup_unstable, - useRadio_unstable, - useRadioGroup_unstable, - useRadioGroupStyles_unstable, - useRadioStyles_unstable, -} from '@fluentui/react-radio'; -export type { - RadioGroupOnChangeData, - RadioGroupProps, - RadioGroupSlots, - RadioGroupState, - RadioProps, - RadioSlots, - RadioState, -} from '@fluentui/react-radio'; - export { SpinButton, renderSpinButton_unstable, diff --git a/packages/react-components/react-components/src/unstable/package.json__tmpl__ b/packages/react-components/react-components/src/unstable/package.json__tmpl__ index d125ff7746d326..f7038deddcf712 100644 --- a/packages/react-components/react-components/src/unstable/package.json__tmpl__ +++ b/packages/react-components/react-components/src/unstable/package.json__tmpl__ @@ -2,7 +2,7 @@ "description": "Separate entrypoint for unstable Fluent UI components", "main": "../lib-commonjs/unstable/index.js", "module": "../lib/unstable/index.js", - "typings": "../lib/unstable/index.d.ts", + "typings": "../dist/unstable.d.ts", "sideEffects": false, "license": "MIT", "exports": { diff --git a/packages/react-components/react-components/tsconfig.lib.json b/packages/react-components/react-components/tsconfig.lib.json index 14b7a160c53b55..ef66992c5a174a 100644 --- a/packages/react-components/react-components/tsconfig.lib.json +++ b/packages/react-components/react-components/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], diff --git a/packages/react-conformance-griffel/.eslintrc.json b/packages/react-components/react-conformance-griffel/.eslintrc.json similarity index 100% rename from packages/react-conformance-griffel/.eslintrc.json rename to packages/react-components/react-conformance-griffel/.eslintrc.json diff --git a/packages/react-tooltip/.npmignore b/packages/react-components/react-conformance-griffel/.npmignore similarity index 95% rename from packages/react-tooltip/.npmignore rename to packages/react-components/react-conformance-griffel/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-tooltip/.npmignore +++ b/packages/react-components/react-conformance-griffel/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-conformance-griffel/CHANGELOG.json b/packages/react-components/react-conformance-griffel/CHANGELOG.json similarity index 86% rename from packages/react-conformance-griffel/CHANGELOG.json rename to packages/react-components/react-conformance-griffel/CHANGELOG.json index 316acf43c4f27f..2ae9156bf51745 100644 --- a/packages/react-conformance-griffel/CHANGELOG.json +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-conformance-griffel", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:42 GMT", + "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.4", + "version": "9.0.0-beta.4", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-conformance-griffel", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-conformance-griffel: Move to new common folder." + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:20 GMT", "tag": "@fluentui/react-conformance-griffel_v9.0.0-beta.4", diff --git a/packages/react-conformance-griffel/CHANGELOG.md b/packages/react-components/react-conformance-griffel/CHANGELOG.md similarity index 96% rename from packages/react-conformance-griffel/CHANGELOG.md rename to packages/react-components/react-conformance-griffel/CHANGELOG.md index cfa38555880377..8cfb3e5e646483 100644 --- a/packages/react-conformance-griffel/CHANGELOG.md +++ b/packages/react-components/react-conformance-griffel/CHANGELOG.md @@ -6,7 +6,7 @@ This log was last generated on Tue, 19 Apr 2022 19:17:20 GMT and should not be m ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.4) -Tue, 19 Apr 2022 19:17:20 GMT +Tue, 19 Apr 2022 19:17:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance-griffel_v9.0.0-beta.3..@fluentui/react-conformance-griffel_v9.0.0-beta.4) ### Changes @@ -17,7 +17,7 @@ Tue, 19 Apr 2022 19:17:20 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-conformance-griffel_v9.0.0-beta.3) -Fri, 18 Feb 2022 13:35:31 GMT +Fri, 18 Feb 2022 13:35:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-conformance-griffel_v9.0.0-beta.1..@fluentui/react-conformance-griffel_v9.0.0-beta.3) ### Changes diff --git a/packages/react-conformance-griffel/LICENSE b/packages/react-components/react-conformance-griffel/LICENSE similarity index 100% rename from packages/react-conformance-griffel/LICENSE rename to packages/react-components/react-conformance-griffel/LICENSE diff --git a/packages/react-conformance-griffel/README.md b/packages/react-components/react-conformance-griffel/README.md similarity index 100% rename from packages/react-conformance-griffel/README.md rename to packages/react-components/react-conformance-griffel/README.md diff --git a/packages/react-tooltip/config/api-extractor.json b/packages/react-components/react-conformance-griffel/config/api-extractor.json similarity index 66% rename from packages/react-tooltip/config/api-extractor.json rename to packages/react-components/react-conformance-griffel/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-tooltip/config/api-extractor.json +++ b/packages/react-components/react-conformance-griffel/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-conformance-griffel/config/api-extractor.local.json b/packages/react-components/react-conformance-griffel/config/api-extractor.local.json similarity index 55% rename from packages/react-conformance-griffel/config/api-extractor.local.json rename to packages/react-components/react-conformance-griffel/config/api-extractor.local.json index 7974a129e8a337..f8d7afe5e2cd1d 100644 --- a/packages/react-conformance-griffel/config/api-extractor.local.json +++ b/packages/react-components/react-conformance-griffel/config/api-extractor.local.json @@ -1,5 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", "extends": "./api-extractor.json", - "mainEntryPointFilePath": "/dist/packages//src/index.d.ts" + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" } diff --git a/packages/react-conformance-griffel/config/tests.js b/packages/react-components/react-conformance-griffel/config/tests.js similarity index 100% rename from packages/react-conformance-griffel/config/tests.js rename to packages/react-components/react-conformance-griffel/config/tests.js diff --git a/packages/react-conformance-griffel/jest.config.js b/packages/react-components/react-conformance-griffel/jest.config.js similarity index 91% rename from packages/react-conformance-griffel/jest.config.js rename to packages/react-components/react-conformance-griffel/jest.config.js index 04134d534bbd24..110b82368a1c70 100644 --- a/packages/react-conformance-griffel/jest.config.js +++ b/packages/react-components/react-conformance-griffel/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-conformance-griffel', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-conformance-griffel/just.config.ts b/packages/react-components/react-conformance-griffel/just.config.ts similarity index 100% rename from packages/react-conformance-griffel/just.config.ts rename to packages/react-components/react-conformance-griffel/just.config.ts diff --git a/packages/react-conformance-griffel/package.json b/packages/react-components/react-conformance-griffel/package.json similarity index 86% rename from packages/react-conformance-griffel/package.json rename to packages/react-components/react-conformance-griffel/package.json index 186b0d676a09fb..7f932529c257e5 100644 --- a/packages/react-conformance-griffel/package.json +++ b/packages/react-components/react-conformance-griffel/package.json @@ -3,7 +3,7 @@ "version": "9.0.0-beta.4", "description": "A set of conformance tests for Griffel CSS-in-JS", "main": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "repository": { "type": "git", "url": "https://github.com/microsoft/fluentui" @@ -17,7 +17,7 @@ "lint": "just-scripts lint", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-conformance-griffel/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-conformance-griffel/src && yarn docs", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { diff --git a/packages/react-conformance-griffel/src/index.ts b/packages/react-components/react-conformance-griffel/src/index.ts similarity index 100% rename from packages/react-conformance-griffel/src/index.ts rename to packages/react-components/react-conformance-griffel/src/index.ts diff --git a/packages/react-conformance-griffel/src/matchers/index.ts b/packages/react-components/react-conformance-griffel/src/matchers/index.ts similarity index 100% rename from packages/react-conformance-griffel/src/matchers/index.ts rename to packages/react-components/react-conformance-griffel/src/matchers/index.ts diff --git a/packages/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.test.ts b/packages/react-components/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.test.ts similarity index 100% rename from packages/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.test.ts rename to packages/react-components/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.test.ts diff --git a/packages/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.ts b/packages/react-components/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.ts similarity index 100% rename from packages/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.ts rename to packages/react-components/react-conformance-griffel/src/matchers/toContainClassNameLastInCalls.ts diff --git a/packages/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.test.ts b/packages/react-components/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.test.ts similarity index 100% rename from packages/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.test.ts rename to packages/react-components/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.test.ts diff --git a/packages/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.ts b/packages/react-components/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.ts similarity index 100% rename from packages/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.ts rename to packages/react-components/react-conformance-griffel/src/matchers/toHaveMergeClassesCalledTimesWithClassName.ts diff --git a/packages/react-conformance-griffel/src/overridesWin.ts b/packages/react-components/react-conformance-griffel/src/overridesWin.ts similarity index 100% rename from packages/react-conformance-griffel/src/overridesWin.ts rename to packages/react-components/react-conformance-griffel/src/overridesWin.ts diff --git a/packages/react-conformance-griffel/tsconfig.json b/packages/react-components/react-conformance-griffel/tsconfig.json similarity index 89% rename from packages/react-conformance-griffel/tsconfig.json rename to packages/react-components/react-conformance-griffel/tsconfig.json index 8dff38e64b0310..12ca516af1c5b2 100644 --- a/packages/react-conformance-griffel/tsconfig.json +++ b/packages/react-components/react-conformance-griffel/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-conformance-griffel/tsconfig.lib.json b/packages/react-components/react-conformance-griffel/tsconfig.lib.json similarity index 85% rename from packages/react-conformance-griffel/tsconfig.lib.json rename to packages/react-components/react-conformance-griffel/tsconfig.lib.json index 77c308eb5ad7bc..3d83e932464499 100644 --- a/packages/react-conformance-griffel/tsconfig.lib.json +++ b/packages/react-components/react-conformance-griffel/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["DOM", "ES2019"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment", "jest", "node"], "module": "CommonJS" }, diff --git a/packages/react-conformance-griffel/tsconfig.spec.json b/packages/react-components/react-conformance-griffel/tsconfig.spec.json similarity index 100% rename from packages/react-conformance-griffel/tsconfig.spec.json rename to packages/react-components/react-conformance-griffel/tsconfig.spec.json diff --git a/packages/react-theme/.babelrc.json b/packages/react-components/react-context-selector/.babelrc.json similarity index 83% rename from packages/react-theme/.babelrc.json rename to packages/react-components/react-context-selector/.babelrc.json index 38bf1f7a945cf8..0b00fa93139ead 100644 --- a/packages/react-theme/.babelrc.json +++ b/packages/react-components/react-context-selector/.babelrc.json @@ -1,3 +1,4 @@ { + "presets": [], "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"] } diff --git a/packages/react-context-selector/.eslintrc.json b/packages/react-components/react-context-selector/.eslintrc.json similarity index 100% rename from packages/react-context-selector/.eslintrc.json rename to packages/react-components/react-context-selector/.eslintrc.json diff --git a/packages/react-utilities/.npmignore b/packages/react-components/react-context-selector/.npmignore similarity index 95% rename from packages/react-utilities/.npmignore rename to packages/react-components/react-context-selector/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-utilities/.npmignore +++ b/packages/react-components/react-context-selector/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json similarity index 98% rename from packages/react-context-selector/CHANGELOG.json rename to packages/react-components/react-context-selector/CHANGELOG.json index f9d9f035709974..05b6382e4b802f 100644 --- a/packages/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:42 GMT", + "tag": "@fluentui/react-context-selector_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-context-selector", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-context-selector: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:22 GMT", "tag": "@fluentui/react-context-selector_v9.0.0-rc.6", diff --git a/packages/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md similarity index 92% rename from packages/react-context-selector/CHANGELOG.md rename to packages/react-components/react-context-selector/CHANGELOG.md index e74ab67e579f28..7a73d3b8441d01 100644 --- a/packages/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,12 +1,21 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Tue, 19 Apr 2022 19:17:22 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:42 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:42 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-rc.6..@fluentui/react-context-selector_v9.0.0-rc.7) + +### Changes + +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.6) -Tue, 19 Apr 2022 19:17:22 GMT +Tue, 19 Apr 2022 19:17:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-rc.5..@fluentui/react-context-selector_v9.0.0-rc.6) ### Changes @@ -16,7 +25,7 @@ Tue, 19 Apr 2022 19:17:22 GMT ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.5) -Fri, 04 Mar 2022 05:17:36 GMT +Fri, 04 Mar 2022 05:17:36 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-rc.4..@fluentui/react-context-selector_v9.0.0-rc.5) ### Changes @@ -26,7 +35,7 @@ Fri, 04 Mar 2022 05:17:36 GMT ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.4) -Tue, 01 Mar 2022 02:17:40 GMT +Tue, 01 Mar 2022 02:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-rc.3..@fluentui/react-context-selector_v9.0.0-rc.4) ### Changes @@ -35,7 +44,7 @@ Tue, 01 Mar 2022 02:17:40 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:31 GMT +Fri, 18 Feb 2022 13:35:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-rc.1..@fluentui/react-context-selector_v9.0.0-rc.3) ### Changes @@ -45,7 +54,7 @@ Fri, 18 Feb 2022 13:35:31 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:51:09 GMT +Thu, 10 Feb 2022 08:51:09 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-beta.4..@fluentui/react-context-selector_v9.0.0-rc.1) ### Changes @@ -56,7 +65,7 @@ Thu, 10 Feb 2022 08:51:09 GMT ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-beta.4) -Thu, 25 Nov 2021 08:34:13 GMT +Thu, 25 Nov 2021 08:34:13 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-beta.3..@fluentui/react-context-selector_v9.0.0-beta.4) ### Changes @@ -65,7 +74,7 @@ Thu, 25 Nov 2021 08:34:13 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-beta.3) -Fri, 12 Nov 2021 13:25:22 GMT +Fri, 12 Nov 2021 13:25:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-beta.2..@fluentui/react-context-selector_v9.0.0-beta.3) ### Changes @@ -75,7 +84,7 @@ Fri, 12 Nov 2021 13:25:22 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-beta.2) -Wed, 27 Oct 2021 12:14:24 GMT +Wed, 27 Oct 2021 12:14:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-beta.1..@fluentui/react-context-selector_v9.0.0-beta.2) ### Changes @@ -84,7 +93,7 @@ Wed, 27 Oct 2021 12:14:24 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.39..@fluentui/react-context-selector_v9.0.0-beta.1) ### Changes @@ -94,7 +103,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.39) -Tue, 05 Oct 2021 09:28:07 GMT +Tue, 05 Oct 2021 09:28:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.38..@fluentui/react-context-selector_v9.0.0-alpha.39) ### Changes @@ -103,7 +112,7 @@ Tue, 05 Oct 2021 09:28:07 GMT ## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.38) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.36..@fluentui/react-context-selector_v9.0.0-alpha.38) ### Changes @@ -113,7 +122,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.36) -Mon, 27 Sep 2021 08:06:00 GMT +Mon, 27 Sep 2021 08:06:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.35..@fluentui/react-context-selector_v9.0.0-alpha.36) ### Changes @@ -122,7 +131,7 @@ Mon, 27 Sep 2021 08:06:00 GMT ## [9.0.0-alpha.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.35) -Fri, 24 Sep 2021 09:17:17 GMT +Fri, 24 Sep 2021 09:17:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.34..@fluentui/react-context-selector_v9.0.0-alpha.35) ### Changes @@ -131,7 +140,7 @@ Fri, 24 Sep 2021 09:17:17 GMT ## [9.0.0-alpha.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.34) -Thu, 23 Sep 2021 08:21:34 GMT +Thu, 23 Sep 2021 08:21:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.33..@fluentui/react-context-selector_v9.0.0-alpha.34) ### Changes @@ -140,7 +149,7 @@ Thu, 23 Sep 2021 08:21:34 GMT ## [9.0.0-alpha.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.33) -Wed, 22 Sep 2021 10:10:07 GMT +Wed, 22 Sep 2021 10:10:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.32..@fluentui/react-context-selector_v9.0.0-alpha.33) ### Changes @@ -149,7 +158,7 @@ Wed, 22 Sep 2021 10:10:07 GMT ## [9.0.0-alpha.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.32) -Fri, 17 Sep 2021 07:35:26 GMT +Fri, 17 Sep 2021 07:35:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.31..@fluentui/react-context-selector_v9.0.0-alpha.32) ### Changes @@ -158,7 +167,7 @@ Fri, 17 Sep 2021 07:35:26 GMT ## [9.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.31) -Thu, 16 Sep 2021 07:38:39 GMT +Thu, 16 Sep 2021 07:38:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.30..@fluentui/react-context-selector_v9.0.0-alpha.31) ### Changes @@ -167,7 +176,7 @@ Thu, 16 Sep 2021 07:38:39 GMT ## [9.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.30) -Tue, 14 Sep 2021 20:09:02 GMT +Tue, 14 Sep 2021 20:09:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.29..@fluentui/react-context-selector_v9.0.0-alpha.30) ### Changes @@ -176,7 +185,7 @@ Tue, 14 Sep 2021 20:09:02 GMT ## [9.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.29) -Fri, 10 Sep 2021 16:31:53 GMT +Fri, 10 Sep 2021 16:31:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.28..@fluentui/react-context-selector_v9.0.0-alpha.29) ### Changes @@ -186,7 +195,7 @@ Fri, 10 Sep 2021 16:31:53 GMT ## [9.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.28) -Fri, 10 Sep 2021 07:39:51 GMT +Fri, 10 Sep 2021 07:39:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.27..@fluentui/react-context-selector_v9.0.0-alpha.28) ### Changes @@ -195,7 +204,7 @@ Fri, 10 Sep 2021 07:39:51 GMT ## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.27) -Mon, 06 Sep 2021 07:34:53 GMT +Mon, 06 Sep 2021 07:34:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.26..@fluentui/react-context-selector_v9.0.0-alpha.27) ### Changes @@ -204,7 +213,7 @@ Mon, 06 Sep 2021 07:34:53 GMT ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.26) -Wed, 01 Sep 2021 07:39:56 GMT +Wed, 01 Sep 2021 07:39:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.25..@fluentui/react-context-selector_v9.0.0-alpha.26) ### Changes @@ -213,7 +222,7 @@ Wed, 01 Sep 2021 07:39:56 GMT ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.25) -Tue, 31 Aug 2021 07:37:47 GMT +Tue, 31 Aug 2021 07:37:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.24..@fluentui/react-context-selector_v9.0.0-alpha.25) ### Changes @@ -222,7 +231,7 @@ Tue, 31 Aug 2021 07:37:47 GMT ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.24) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.23..@fluentui/react-context-selector_v9.0.0-alpha.24) ### Changes @@ -231,7 +240,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.23) -Thu, 19 Aug 2021 07:41:35 GMT +Thu, 19 Aug 2021 07:41:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.22..@fluentui/react-context-selector_v9.0.0-alpha.23) ### Changes @@ -240,7 +249,7 @@ Thu, 19 Aug 2021 07:41:35 GMT ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.22) -Fri, 06 Aug 2021 07:35:14 GMT +Fri, 06 Aug 2021 07:35:14 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.21..@fluentui/react-context-selector_v9.0.0-alpha.22) ### Changes @@ -249,7 +258,7 @@ Fri, 06 Aug 2021 07:35:14 GMT ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.21) -Tue, 03 Aug 2021 07:39:30 GMT +Tue, 03 Aug 2021 07:39:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.20..@fluentui/react-context-selector_v9.0.0-alpha.21) ### Patches @@ -263,7 +272,7 @@ Tue, 03 Aug 2021 07:39:30 GMT ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.20) -Mon, 02 Aug 2021 07:36:20 GMT +Mon, 02 Aug 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.19..@fluentui/react-context-selector_v9.0.0-alpha.20) ### Changes @@ -272,7 +281,7 @@ Mon, 02 Aug 2021 07:36:20 GMT ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.19) -Fri, 23 Jul 2021 07:38:19 GMT +Fri, 23 Jul 2021 07:38:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.18..@fluentui/react-context-selector_v9.0.0-alpha.19) ### Changes @@ -281,7 +290,7 @@ Fri, 23 Jul 2021 07:38:19 GMT ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.18) -Thu, 22 Jul 2021 07:36:55 GMT +Thu, 22 Jul 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.17..@fluentui/react-context-selector_v9.0.0-alpha.18) ### Changes @@ -290,7 +299,7 @@ Thu, 22 Jul 2021 07:36:55 GMT ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.17) -Thu, 15 Jul 2021 07:36:18 GMT +Thu, 15 Jul 2021 07:36:18 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.16..@fluentui/react-context-selector_v9.0.0-alpha.17) ### Changes @@ -299,7 +308,7 @@ Thu, 15 Jul 2021 07:36:18 GMT ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.16) -Fri, 09 Jul 2021 07:39:31 GMT +Fri, 09 Jul 2021 07:39:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.15..@fluentui/react-context-selector_v9.0.0-alpha.16) ### Patches @@ -313,7 +322,7 @@ Fri, 09 Jul 2021 07:39:31 GMT ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.15) -Fri, 02 Jul 2021 23:15:55 GMT +Fri, 02 Jul 2021 23:15:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.14..@fluentui/react-context-selector_v9.0.0-alpha.15) ### Changes @@ -322,7 +331,7 @@ Fri, 02 Jul 2021 23:15:55 GMT ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.14) -Fri, 02 Jul 2021 07:37:06 GMT +Fri, 02 Jul 2021 07:37:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.13..@fluentui/react-context-selector_v9.0.0-alpha.14) ### Changes @@ -331,7 +340,7 @@ Fri, 02 Jul 2021 07:37:06 GMT ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.13) -Tue, 15 Jun 2021 07:40:20 GMT +Tue, 15 Jun 2021 07:40:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.12..@fluentui/react-context-selector_v9.0.0-alpha.13) ### Changes @@ -340,7 +349,7 @@ Tue, 15 Jun 2021 07:40:20 GMT ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.12) -Mon, 07 Jun 2021 07:38:15 GMT +Mon, 07 Jun 2021 07:38:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.11..@fluentui/react-context-selector_v9.0.0-alpha.12) ### Patches @@ -354,7 +363,7 @@ Mon, 07 Jun 2021 07:38:15 GMT ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.11) -Fri, 04 Jun 2021 07:37:23 GMT +Fri, 04 Jun 2021 07:37:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.10..@fluentui/react-context-selector_v9.0.0-alpha.11) ### Changes @@ -363,7 +372,7 @@ Fri, 04 Jun 2021 07:37:23 GMT ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.10) -Wed, 26 May 2021 07:35:43 GMT +Wed, 26 May 2021 07:35:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.9..@fluentui/react-context-selector_v9.0.0-alpha.10) ### Changes @@ -372,7 +381,7 @@ Wed, 26 May 2021 07:35:43 GMT ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.9) -Fri, 21 May 2021 07:34:54 GMT +Fri, 21 May 2021 07:34:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.8..@fluentui/react-context-selector_v9.0.0-alpha.9) ### Changes @@ -381,7 +390,7 @@ Fri, 21 May 2021 07:34:54 GMT ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.8) -Thu, 20 May 2021 07:41:54 GMT +Thu, 20 May 2021 07:41:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.7..@fluentui/react-context-selector_v9.0.0-alpha.8) ### Patches @@ -395,7 +404,7 @@ Thu, 20 May 2021 07:41:54 GMT ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.7) -Wed, 19 May 2021 07:34:20 GMT +Wed, 19 May 2021 07:34:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.6..@fluentui/react-context-selector_v9.0.0-alpha.7) ### Changes @@ -404,7 +413,7 @@ Wed, 19 May 2021 07:34:20 GMT ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.6) -Mon, 03 May 2021 07:45:19 GMT +Mon, 03 May 2021 07:45:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.5..@fluentui/react-context-selector_v9.0.0-alpha.6) ### Changes @@ -413,7 +422,7 @@ Mon, 03 May 2021 07:45:19 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.5) -Fri, 30 Apr 2021 07:42:23 GMT +Fri, 30 Apr 2021 07:42:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.4..@fluentui/react-context-selector_v9.0.0-alpha.5) ### Patches @@ -427,7 +436,7 @@ Fri, 30 Apr 2021 07:42:23 GMT ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.4) -Fri, 23 Apr 2021 07:37:10 GMT +Fri, 23 Apr 2021 07:37:10 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.3..@fluentui/react-context-selector_v9.0.0-alpha.4) ### Patches @@ -441,7 +450,7 @@ Fri, 23 Apr 2021 07:37:10 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.3) -Thu, 22 Apr 2021 07:33:28 GMT +Thu, 22 Apr 2021 07:33:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.2..@fluentui/react-context-selector_v9.0.0-alpha.3) ### Changes @@ -450,7 +459,7 @@ Thu, 22 Apr 2021 07:33:28 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.2) -Wed, 31 Mar 2021 00:53:43 GMT +Wed, 31 Mar 2021 00:53:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.0.0-alpha.1..@fluentui/react-context-selector_v9.0.0-alpha.2) ### Patches @@ -460,7 +469,7 @@ Wed, 31 Mar 2021 00:53:43 GMT ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.0.0-alpha.1) -Tue, 30 Mar 2021 07:34:45 GMT +Tue, 30 Mar 2021 07:34:45 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v0.53.4..@fluentui/react-context-selector_v9.0.0-alpha.1) ### Changes @@ -470,7 +479,7 @@ Tue, 30 Mar 2021 07:34:45 GMT ## [0.53.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v0.53.4) -Mon, 15 Mar 2021 07:36:20 GMT +Mon, 15 Mar 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v0.53.3..@fluentui/react-context-selector_v0.53.4) ### Patches @@ -479,7 +488,7 @@ Mon, 15 Mar 2021 07:36:20 GMT ## [0.53.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v0.53.3) -Fri, 26 Feb 2021 01:16:27 GMT +Fri, 26 Feb 2021 01:16:27 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v0.53.2..@fluentui/react-context-selector_v0.53.3) ### Patches @@ -488,7 +497,7 @@ Fri, 26 Feb 2021 01:16:27 GMT ## [0.53.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v0.53.2) -Mon, 22 Feb 2021 12:26:22 GMT +Mon, 22 Feb 2021 12:26:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v0.53.0..@fluentui/react-context-selector_v0.53.2) ### Patches diff --git a/packages/react-context-selector/LICENSE b/packages/react-components/react-context-selector/LICENSE similarity index 100% rename from packages/react-context-selector/LICENSE rename to packages/react-components/react-context-selector/LICENSE diff --git a/packages/react-context-selector/README.md b/packages/react-components/react-context-selector/README.md similarity index 100% rename from packages/react-context-selector/README.md rename to packages/react-components/react-context-selector/README.md diff --git a/packages/react-utilities/config/api-extractor.json b/packages/react-components/react-context-selector/config/api-extractor.json similarity index 66% rename from packages/react-utilities/config/api-extractor.json rename to packages/react-components/react-context-selector/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-utilities/config/api-extractor.json +++ b/packages/react-components/react-context-selector/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-context-selector/config/api-extractor.local.json b/packages/react-components/react-context-selector/config/api-extractor.local.json similarity index 55% rename from packages/react-context-selector/config/api-extractor.local.json rename to packages/react-components/react-context-selector/config/api-extractor.local.json index 7974a129e8a337..f8d7afe5e2cd1d 100644 --- a/packages/react-context-selector/config/api-extractor.local.json +++ b/packages/react-components/react-context-selector/config/api-extractor.local.json @@ -1,5 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", "extends": "./api-extractor.json", - "mainEntryPointFilePath": "/dist/packages//src/index.d.ts" + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" } diff --git a/packages/react-context-selector/config/tests.js b/packages/react-components/react-context-selector/config/tests.js similarity index 100% rename from packages/react-context-selector/config/tests.js rename to packages/react-components/react-context-selector/config/tests.js diff --git a/packages/react-context-selector/etc/react-context-selector.api.md b/packages/react-components/react-context-selector/etc/react-context-selector.api.md similarity index 99% rename from packages/react-context-selector/etc/react-context-selector.api.md rename to packages/react-components/react-context-selector/etc/react-context-selector.api.md index 5773bb162bd22b..05bf7b7e667164 100644 --- a/packages/react-context-selector/etc/react-context-selector.api.md +++ b/packages/react-components/react-context-selector/etc/react-context-selector.api.md @@ -39,7 +39,6 @@ export const useContextSelector: (context: Context, // @public export function useHasParentContext(context: Context): boolean; - // (No @packageDocumentation comment for this package) ``` diff --git a/packages/react-context-selector/jest.config.js b/packages/react-components/react-context-selector/jest.config.js similarity index 91% rename from packages/react-context-selector/jest.config.js rename to packages/react-components/react-context-selector/jest.config.js index ebc445b06de9f8..09ee14a3bdb9e6 100644 --- a/packages/react-context-selector/jest.config.js +++ b/packages/react-components/react-context-selector/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-context-selector', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-context-selector/just.config.ts b/packages/react-components/react-context-selector/just.config.ts similarity index 100% rename from packages/react-context-selector/just.config.ts rename to packages/react-components/react-context-selector/just.config.ts diff --git a/packages/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json similarity index 83% rename from packages/react-context-selector/package.json rename to packages/react-components/react-context-selector/package.json index 128f5436af2c8f..d86c8d0655b830 100644 --- a/packages/react-context-selector/package.json +++ b/packages/react-components/react-context-selector/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-context-selector", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -19,7 +19,7 @@ "lint": "just-scripts lint", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-context-selector/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-context-selector/src && yarn docs", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -27,7 +27,7 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-context-selector/src/createContext.test.tsx b/packages/react-components/react-context-selector/src/createContext.test.tsx similarity index 100% rename from packages/react-context-selector/src/createContext.test.tsx rename to packages/react-components/react-context-selector/src/createContext.test.tsx diff --git a/packages/react-context-selector/src/createContext.ts b/packages/react-components/react-context-selector/src/createContext.ts similarity index 100% rename from packages/react-context-selector/src/createContext.ts rename to packages/react-components/react-context-selector/src/createContext.ts diff --git a/packages/react-context-selector/src/index.ts b/packages/react-components/react-context-selector/src/index.ts similarity index 62% rename from packages/react-context-selector/src/index.ts rename to packages/react-components/react-context-selector/src/index.ts index a3b6c3816ea5c8..143a1c1951e627 100644 --- a/packages/react-context-selector/src/index.ts +++ b/packages/react-components/react-context-selector/src/index.ts @@ -1,4 +1,4 @@ export { createContext } from './createContext'; export { useContextSelector } from './useContextSelector'; export { useHasParentContext } from './useHasParentContext'; -export * from './types'; +export type { Context, ContextSelector, ContextValue, ContextValues, ContextVersion } from './types'; diff --git a/packages/react-context-selector/src/types.ts b/packages/react-components/react-context-selector/src/types.ts similarity index 100% rename from packages/react-context-selector/src/types.ts rename to packages/react-components/react-context-selector/src/types.ts diff --git a/packages/react-context-selector/src/useContextSelector.test.tsx b/packages/react-components/react-context-selector/src/useContextSelector.test.tsx similarity index 100% rename from packages/react-context-selector/src/useContextSelector.test.tsx rename to packages/react-components/react-context-selector/src/useContextSelector.test.tsx diff --git a/packages/react-context-selector/src/useContextSelector.ts b/packages/react-components/react-context-selector/src/useContextSelector.ts similarity index 100% rename from packages/react-context-selector/src/useContextSelector.ts rename to packages/react-components/react-context-selector/src/useContextSelector.ts diff --git a/packages/react-context-selector/src/useHasParentContext.test.tsx b/packages/react-components/react-context-selector/src/useHasParentContext.test.tsx similarity index 100% rename from packages/react-context-selector/src/useHasParentContext.test.tsx rename to packages/react-components/react-context-selector/src/useHasParentContext.test.tsx diff --git a/packages/react-context-selector/src/useHasParentContext.ts b/packages/react-components/react-context-selector/src/useHasParentContext.ts similarity index 100% rename from packages/react-context-selector/src/useHasParentContext.ts rename to packages/react-components/react-context-selector/src/useHasParentContext.ts diff --git a/packages/priority-overflow/tsconfig.json b/packages/react-components/react-context-selector/tsconfig.json similarity index 89% rename from packages/priority-overflow/tsconfig.json rename to packages/react-components/react-context-selector/tsconfig.json index 8dff38e64b0310..12ca516af1c5b2 100644 --- a/packages/priority-overflow/tsconfig.json +++ b/packages/react-components/react-context-selector/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-utilities/tsconfig.lib.json b/packages/react-components/react-context-selector/tsconfig.lib.json similarity index 85% rename from packages/react-utilities/tsconfig.lib.json rename to packages/react-components/react-context-selector/tsconfig.lib.json index 14b7a160c53b55..ef66992c5a174a 100644 --- a/packages/react-utilities/tsconfig.lib.json +++ b/packages/react-components/react-context-selector/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], diff --git a/packages/react-context-selector/tsconfig.spec.json b/packages/react-components/react-context-selector/tsconfig.spec.json similarity index 100% rename from packages/react-context-selector/tsconfig.spec.json rename to packages/react-components/react-context-selector/tsconfig.spec.json diff --git a/packages/react-components/react-dialog/.npmignore b/packages/react-components/react-dialog/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-dialog/.npmignore +++ b/packages/react-components/react-dialog/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index b87e1019a95572..517da8ffadfece 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-dialog_v9.0.0-beta.6", + "version": "9.0.0-beta.6", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:29 GMT", "tag": "@fluentui/react-dialog_v9.0.0-beta.6", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index b967b159e2a2c0..72c37c55fe284c 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,11 +1,20 @@ # Change Log - @fluentui/react-dialog -This log was last generated on Tue, 19 Apr 2022 19:17:29 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.0.0-beta.6) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.0.0-beta.6..@fluentui/react-dialog_v9.0.0-beta.6) + +### Changes + +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.0.0-beta.6) + Tue, 19 Apr 2022 19:17:29 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.0.0-beta.6..@fluentui/react-dialog_v9.0.0-beta.6) diff --git a/packages/react-components/react-dialog/config/api-extractor.json b/packages/react-components/react-dialog/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-dialog/config/api-extractor.json +++ b/packages/react-components/react-dialog/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 409ab0b6fef1e7..9de87d7c876da7 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -5,7 +5,7 @@ "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,7 +33,7 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-dialog/tsconfig.lib.json b/packages/react-components/react-dialog/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-dialog/tsconfig.lib.json +++ b/packages/react-components/react-dialog/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-image/.npmignore b/packages/react-components/react-image/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-image/.npmignore +++ b/packages/react-components/react-image/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index ee3257f5fe306f..b7e12e2a12b63e 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:42 GMT", + "tag": "@fluentui/react-image_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-image", + "commit": "b8dde556ff82051c140074a3140e83bfdd56f4dc", + "comment": "react-image: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-image", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:24 GMT", "tag": "@fluentui/react-image_v9.0.0-rc.6", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index b2791f6e167661..d16f1234600dcb 100644 --- a/packages/react-components/react-image/CHANGELOG.md +++ b/packages/react-components/react-image/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-image -This log was last generated on Tue, 19 Apr 2022 19:17:24 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:42 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:42 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-rc.6..@fluentui/react-image_v9.0.0-rc.7) + +### Changes + +- feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-rc.6) Tue, 19 Apr 2022 19:17:24 GMT diff --git a/packages/react-components/react-image/config/api-extractor.json b/packages/react-components/react-image/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-image/config/api-extractor.json +++ b/packages/react-components/react-image/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index 4ddbbe3455be4d..67d7e06784e65a 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-image", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,8 +33,8 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-utilities": "9.0.0-rc.6", - "@fluentui/react-theme": "9.0.0-rc.5", + "@fluentui/react-utilities": "9.0.0-rc.7", + "@fluentui/react-theme": "9.0.0-rc.6", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-image/tsconfig.lib.json b/packages/react-components/react-image/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-image/tsconfig.lib.json +++ b/packages/react-components/react-image/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index 5d0078599156a3..ee4e3b258fb6a2 100644 --- a/packages/react-components/react-input/CHANGELOG.json +++ b/packages/react-components/react-input/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-input", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:43 GMT", + "tag": "@fluentui/react-input_v9.0.0-beta.8", + "version": "9.0.0-beta.8", + "comments": { + "prerelease": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-input", + "commit": "45d7e18b8dd8f9d5a69b2d62c3b5c716268622f2", + "comment": "update content before/after stories; label usage in stories" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-input", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-input: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:18 GMT", "tag": "@fluentui/react-input_v9.0.0-beta.7", diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md index 1ae24824737d4a..c4f69f0b69641b 100644 --- a/packages/react-components/react-input/CHANGELOG.md +++ b/packages/react-components/react-input/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-input -This log was last generated on Mon, 25 Apr 2022 09:32:18 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:43 GMT and should not be manually modified. +## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.8) + +Wed, 04 May 2022 13:26:43 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.0.0-beta.7..@fluentui/react-input_v9.0.0-beta.8) + +### Changes + +- update content before/after stories; label usage in stories ([PR #22731](https://github.com/microsoft/fluentui/pull/22731) by seanmonahan@microsoft.com) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.0.0-beta.7) Mon, 25 Apr 2022 09:32:18 GMT diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index dced15cc7b1d1e..8b097967b865cc 100644 --- a/packages/react-components/react-input/package.json +++ b/packages/react-components/react-input/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-input", - "version": "9.0.0-beta.7", + "version": "9.0.0-beta.8", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.ts index 8cc02c9dace410..7e83681ffed2bb 100644 --- a/packages/react-components/react-input/src/components/Input/useInputStyles.ts +++ b/packages/react-components/react-input/src/components/Input/useInputStyles.ts @@ -1,5 +1,5 @@ import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; -import { tokens } from '@fluentui/react-theme'; +import { tokens, typographyStyles } from '@fluentui/react-theme'; import type { InputSlots, InputState } from './Input.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; @@ -15,32 +15,9 @@ export const inputClassNames: SlotClassNames = { }; // TODO(sharing) use theme values once available -const horizontalSpacing = { - xxs: '2px', - xs: '4px', - sNudge: '6px', - s: '8px', - mNudge: '10px', - m: '12px', -}; -const motionDurations = { - ultraFast: '0.05s', - normal: '0.2s', -}; -const motionCurves = { - accelerateMid: 'cubic-bezier(0.7,0,1,0.5)', - decelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)', -}; const contentSizes = { - // TODO(sharing) shouldn't these be in the theme? - body1: { - fontSize: tokens.fontSizeBase300, - lineHeight: tokens.lineHeightBase300, - }, - caption1: { - fontSize: tokens.fontSizeBase200, - lineHeight: tokens.lineHeightBase200, - }, + // TODO: This 400 style is not in the typography styles. + // May need a design change 400: { fontSize: tokens.fontSizeBase400, lineHeight: tokens.lineHeightBase400, @@ -58,7 +35,7 @@ const useRootStyles = makeStyles({ display: 'inline-flex', alignItems: 'center', flexWrap: 'nowrap', - ...shorthands.gap(horizontalSpacing.xxs), + ...shorthands.gap(tokens.spacingHorizontalXXS), fontFamily: tokens.fontFamilyBase, ...shorthands.borderRadius(tokens.borderRadiusMedium), // used for all but underline position: 'relative', @@ -93,15 +70,15 @@ const useRootStyles = makeStyles({ // Animation for focus OUT transform: 'scaleX(0)', transitionProperty: 'transform', - transitionDuration: motionDurations.ultraFast, - transitionDelay: motionCurves.accelerateMid, + transitionDuration: tokens.durationUltraFast, + transitionDelay: tokens.curveAccelerateMid, }, ':focus-within::after': { // Animation for focus IN transform: 'scaleX(1)', transitionProperty: 'transform', - transitionDuration: motionDurations.normal, - transitionDelay: motionCurves.decelerateMid, + transitionDuration: tokens.durationNormal, + transitionDelay: tokens.curveDecelerateMid, }, ':focus-within:active::after': { // This is if the user clicks the field again while it's already focused @@ -115,19 +92,19 @@ const useRootStyles = makeStyles({ }, small: { minHeight: fieldHeights.small, - ...shorthands.padding('0', horizontalSpacing.sNudge), - ...contentSizes.caption1, + ...shorthands.padding('0', tokens.spacingHorizontalSNudge), + ...typographyStyles.caption1, }, medium: { minHeight: fieldHeights.medium, - ...shorthands.padding('0', horizontalSpacing.mNudge), - ...contentSizes.body1, + ...shorthands.padding('0', tokens.spacingHorizontalMNudge), + ...typographyStyles.body1, }, large: { minHeight: fieldHeights.large, - ...shorthands.padding('0', horizontalSpacing.m), + ...shorthands.padding('0', tokens.spacingHorizontalM), ...contentSizes[400], - ...shorthands.gap(horizontalSpacing.sNudge), + ...shorthands.gap(tokens.spacingHorizontalSNudge), }, outline: { backgroundColor: tokens.colorNeutralBackground1, @@ -194,7 +171,7 @@ const useInputElementStyles = makeStyles({ flexGrow: 1, minWidth: 0, // required to make the input shrink to fit the wrapper ...shorthands.borderStyle('none'), // input itself never has a border (this is handled by inputWrapper) - ...shorthands.padding('0', horizontalSpacing.xxs), + ...shorthands.padding('0', tokens.spacingHorizontalXXS), color: tokens.colorNeutralForeground1, // Use literal "transparent" (not from the theme) to always let the color from the root show through backgroundColor: 'transparent', @@ -209,14 +186,14 @@ const useInputElementStyles = makeStyles({ }, small: { // This is set on root but doesn't inherit - ...contentSizes.caption1, + ...typographyStyles.caption1, }, medium: { - ...contentSizes.body1, + ...typographyStyles.body1, }, large: { ...contentSizes[400], - ...shorthands.padding('0', horizontalSpacing.sNudge), + ...shorthands.padding('0', tokens.spacingHorizontalSNudge), }, disabled: { color: tokens.colorNeutralForegroundDisabled, diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json index f23442a190c0ce..4c3af1685650b1 100644 --- a/packages/react-components/react-label/CHANGELOG.json +++ b/packages/react-components/react-label/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-label", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:43 GMT", + "tag": "@fluentui/react-label_v9.0.0-beta.11", + "version": "9.0.0-beta.11", + "comments": { + "prerelease": [ + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-label", + "commit": "65c5c91acea26b129e9ffac6b2b1a8c9808f0141", + "comment": "Add style to make required match text when disabled" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-label", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-label: Move to new common folder." + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:27 GMT", "tag": "@fluentui/react-label_v9.0.0-beta.10", diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md index be7f55cb997f97..60836c4f81105f 100644 --- a/packages/react-components/react-label/CHANGELOG.md +++ b/packages/react-components/react-label/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-label -This log was last generated on Tue, 19 Apr 2022 19:17:27 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:43 GMT and should not be manually modified. +## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.11) + +Wed, 04 May 2022 13:26:43 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.0-beta.10..@fluentui/react-label_v9.0.0-beta.11) + +### Changes + +- Add style to make required match text when disabled ([PR #22715](https://github.com/microsoft/fluentui/pull/22715) by mgodbolt@microsoft.com) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.0-beta.10) Tue, 19 Apr 2022 19:17:27 GMT diff --git a/packages/react-components/react-label/Spec.md b/packages/react-components/react-label/Spec.md index 4453fce4d4b0d3..5fe91b8979b33f 100644 --- a/packages/react-components/react-label/Spec.md +++ b/packages/react-components/react-label/Spec.md @@ -78,19 +78,19 @@ The Label component should be simple as shown below. It will just need the text export type LabelCommons = { /** * Renders the label as disabled - * @defaultvalue false + * @default false */ disabled: boolean; /** * A label supports different sizes. - * @defaultvalue 'medium' + * @default 'medium' */ size: 'small' | 'medium' | 'large'; /** * A label supports semibold/strong fontweight. - * @defaultvalue false + * @default false */ strong: boolean; }; @@ -111,11 +111,11 @@ export type LabelState = ComponentState & LabelCommons; export type LabelProps = Omit, 'required'> & Partial & { /** - * Displays and indicator that the label is for a required field. The required prop can be set to true to display + * Displays an indicator that the label is for a required field. The required prop can be set to true to display * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator. - * @defaultvalue false + * @default false */ - required?: boolean | IntrinsicSlotProps<'span'> | React.ReactNode; + required?: boolean | Slot<'span'>; }; ``` @@ -166,3 +166,4 @@ _Keyboard, Cursor, Touch, and Screen Readers_ - Label will use the native `label` element to render. - Label cannot receive focus. - Label will have no focusable elements. +- When a Label is disabled, the required contrast ratio won't be met. This is acceptable behavior due to the nature of the styling. This state should be used sparingly and make it clear that there's no interaction with the control associated with it. diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json index b10306a308c4ca..284e12984d38fd 100644 --- a/packages/react-components/react-label/package.json +++ b/packages/react-components/react-label/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-label", - "version": "9.0.0-beta.10", + "version": "9.0.0-beta.11", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-label/src/components/Label/Label.test.tsx b/packages/react-components/react-label/src/components/Label/Label.test.tsx index b5fd527ebb7174..8c67ef1964f600 100644 --- a/packages/react-components/react-label/src/components/Label/Label.test.tsx +++ b/packages/react-components/react-label/src/components/Label/Label.test.tsx @@ -17,8 +17,6 @@ describe('Label', () => { }, }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render(); expect(result.container).toMatchSnapshot(); diff --git a/packages/react-components/react-label/src/components/Label/Label.types.ts b/packages/react-components/react-label/src/components/Label/Label.types.ts index 304d3f9b6acf35..b2269600944c5f 100644 --- a/packages/react-components/react-label/src/components/Label/Label.types.ts +++ b/packages/react-components/react-label/src/components/Label/Label.types.ts @@ -3,19 +3,19 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utili type LabelCommons = { /** * Renders the label as disabled - * @defaultvalue false + * @default false */ disabled: boolean; /** * A label supports different sizes. - * @defaultvalue 'medium' + * @default 'medium' */ size: 'small' | 'medium' | 'large'; /** * A label supports semibold/strong fontweight. - * @defaultvalue false + * @default false */ strong: boolean; }; @@ -36,9 +36,9 @@ export type LabelState = ComponentState & LabelCommons; export type LabelProps = Omit, 'required'> & Partial & { /** - * Displays and indicator that the label is for a required field. The required prop can be set to true to display + * Displays an indicator that the label is for a required field. The required prop can be set to true to display * an asterisk (*). Or it can be set to a string or jsx content to display a different indicator. - * @defaultvalue false + * @default false */ required?: boolean | Slot<'span'>; }; diff --git a/packages/react-components/react-label/src/stories/LabelDisabled.stories.tsx b/packages/react-components/react-label/src/stories/LabelDisabled.stories.tsx index c7bec7b2fea7de..50bdada6a89328 100644 --- a/packages/react-components/react-label/src/stories/LabelDisabled.stories.tsx +++ b/packages/react-components/react-label/src/stories/LabelDisabled.stories.tsx @@ -6,3 +6,15 @@ export const Disabled = () => ( Disabled label ); + +Disabled.parameters = { + docs: { + description: { + story: + 'A Label can be disabled.\n' + + `Since this state does not meet the required accessibility contrast ratio, + it should be used sparingly and make it clear that there's no interaction with the + control associated with it.`, + }, + }, +}; diff --git a/packages/react-components/react-label/src/stories/LabelRequired.stories.tsx b/packages/react-components/react-label/src/stories/LabelRequired.stories.tsx index 36fd56c0f5957c..312b9c53bc5098 100644 --- a/packages/react-components/react-label/src/stories/LabelRequired.stories.tsx +++ b/packages/react-components/react-label/src/stories/LabelRequired.stories.tsx @@ -7,3 +7,13 @@ export const Required = () => ( ); + +Required.parameters = { + docs: { + description: { + story: + 'A Label can display a required asterisk or a custom required indicator. This custom required indicator can' + + 'be a custom string or jsx content.', + }, + }, +}; diff --git a/packages/react-components/react-label/src/stories/LabelSize.stories.tsx b/packages/react-components/react-label/src/stories/LabelSize.stories.tsx index fa206b4c07741c..545c8e5ad6ded6 100644 --- a/packages/react-components/react-label/src/stories/LabelSize.stories.tsx +++ b/packages/react-components/react-label/src/stories/LabelSize.stories.tsx @@ -10,3 +10,11 @@ export const Size = () => { ); }; + +Size.parameters = { + docs: { + description: { + story: 'A Label supports `small`, `medium`, and `large` sizes.', + }, + }, +}; diff --git a/packages/react-components/react-label/src/stories/LabelStrong.stories.tsx b/packages/react-components/react-label/src/stories/LabelStrong.stories.tsx index 5c4c49324af9fd..d2be77bc44279d 100644 --- a/packages/react-components/react-label/src/stories/LabelStrong.stories.tsx +++ b/packages/react-components/react-label/src/stories/LabelStrong.stories.tsx @@ -2,3 +2,11 @@ import * as React from 'react'; import { Label } from '../index'; // codesandbox-dependency: @fluentui/react-label ^9.0.0-beta export const Strong = () => ; + +Strong.parameters = { + docs: { + description: { + story: 'A Label with a strong font weight.', + }, + }, +}; diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index c20ffb67c1396a..0c8a6513bfa0e9 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:44 GMT", + "tag": "@fluentui/react-link_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "Humberto.Morimoto@microsoft.com", + "package": "@fluentui/react-link", + "commit": "faf92d23bc6c2e21f1769e5ce210e17c7ebc9587", + "comment": "Link: Changing styles of focused links to align with design spec." + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-link", + "commit": "88fa8f279506c3cfbcc2facff95ecb5b420a217a", + "comment": "react-link: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-link_v9.0.0-rc.7", diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md index 8997b8b20a2671..9359ed6042c3a1 100644 --- a/packages/react-components/react-link/CHANGELOG.md +++ b/packages/react-components/react-link/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-link -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:44 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.0-rc.7..@fluentui/react-link_v9.0.0-rc.8) + +### Changes + +- Link: Changing styles of focused links to align with design spec. ([PR #22732](https://github.com/microsoft/fluentui/pull/22732) by Humberto.Morimoto@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json index 3c640ab6ce16b9..260ba073fec5fe 100644 --- a/packages/react-components/react-link/package.json +++ b/packages/react-components/react-link/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-link", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,10 +33,10 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "9.0.0-rc.4", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/keyboard-keys": "9.0.0-rc.5", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx b/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx index 90e52360fad81f..086552111a5255 100644 --- a/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx +++ b/packages/react-components/react-link/src/stories/LinkAppearance.stories.tsx @@ -1,4 +1,8 @@ import * as React from 'react'; import { Link } from '../index'; -export const Appearance = () => Subtle link; +export const Appearance = () => ( + + Subtle link + +); diff --git a/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx b/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx index 7dcfddb76764f4..dc1668da6e3767 100644 --- a/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx +++ b/packages/react-components/react-link/src/stories/LinkDefault.stories.tsx @@ -1,4 +1,8 @@ import * as React from 'react'; import { Link, LinkProps } from '../index'; -export const Default = (props: LinkProps) => This is a link; +export const Default = (props: LinkProps & { as?: 'a' }) => ( + + This is a link + +); diff --git a/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx b/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx index c82da221f14fbb..458cc8ce438580 100644 --- a/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx +++ b/packages/react-components/react-link/src/stories/LinkDisabled.stories.tsx @@ -1,4 +1,8 @@ import * as React from 'react'; import { Link } from '../index'; -export const Disabled = () => Disabled link; +export const Disabled = () => ( + + Disabled link + +); diff --git a/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx b/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx index e3eef9664ac663..f795c9f3581a4f 100644 --- a/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx +++ b/packages/react-components/react-link/src/stories/LinkDisabledFocusable.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Link } from '../index'; export const DisabledFocusable = () => ( - + Disabled but still focusable ); diff --git a/packages/react-components/react-link/src/stories/LinkInline.stories.tsx b/packages/react-components/react-link/src/stories/LinkInline.stories.tsx index 6882edd398bc9d..cf1a161207d22b 100644 --- a/packages/react-components/react-link/src/stories/LinkInline.stories.tsx +++ b/packages/react-components/react-link/src/stories/LinkInline.stories.tsx @@ -3,6 +3,10 @@ import { Link } from '../index'; export const Inline = () => (
- This is an inline link used alongside other text + This is an + + inline link + + used alongside other text
); diff --git a/packages/react-components/react-list/.npmignore b/packages/react-components/react-list/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-list/.npmignore +++ b/packages/react-components/react-list/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-overflow/.storybook/main.js b/packages/react-components/react-list/.storybook/main.js similarity index 67% rename from packages/react-overflow/.storybook/main.js rename to packages/react-components/react-list/.storybook/main.js index 18a60b265c2cfb..7b7abd0e691d38 100644 --- a/packages/react-overflow/.storybook/main.js +++ b/packages/react-components/react-list/.storybook/main.js @@ -1,6 +1,6 @@ -const rootMain = require('../../../.storybook/main'); +const rootMain = require('../../../../.storybook/main'); -module.exports = /** @type {Omit} */ ({ +module.exports = /** @type {Omit} */ ({ ...rootMain, stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], addons: [...rootMain.addons], diff --git a/packages/react-radio/.storybook/preview.js b/packages/react-components/react-list/.storybook/preview.js similarity index 76% rename from packages/react-radio/.storybook/preview.js rename to packages/react-components/react-list/.storybook/preview.js index 10fd98d02c9454..1939500a3d18c7 100644 --- a/packages/react-radio/.storybook/preview.js +++ b/packages/react-components/react-list/.storybook/preview.js @@ -1,4 +1,4 @@ -import * as rootPreview from '../../../.storybook/preview'; +import * as rootPreview from '../../../../.storybook/preview'; /** @type {typeof rootPreview.decorators} */ export const decorators = [...rootPreview.decorators]; diff --git a/packages/react-overflow/.storybook/tsconfig.json b/packages/react-components/react-list/.storybook/tsconfig.json similarity index 100% rename from packages/react-overflow/.storybook/tsconfig.json rename to packages/react-components/react-list/.storybook/tsconfig.json diff --git a/packages/react-components/react-list/CHANGELOG.json b/packages/react-components/react-list/CHANGELOG.json index 30cfa409624e17..92c3d06469c0ef 100644 --- a/packages/react-components/react-list/CHANGELOG.json +++ b/packages/react-components/react-list/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-list", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-list_v9.0.0-alpha.0", + "version": "9.0.0-alpha.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-list", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-list", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:29 GMT", "tag": "@fluentui/react-list_v9.0.0-alpha.0", diff --git a/packages/react-components/react-list/CHANGELOG.md b/packages/react-components/react-list/CHANGELOG.md index 2b08dccb0bb90a..fb36a4b756ca5a 100644 --- a/packages/react-components/react-list/CHANGELOG.md +++ b/packages/react-components/react-list/CHANGELOG.md @@ -1,11 +1,21 @@ # Change Log - @fluentui/react-list -This log was last generated on Tue, 19 Apr 2022 19:17:29 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list_v9.0.0-alpha.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list_v9.0.0-alpha.0..@fluentui/react-list_v9.0.0-alpha.0) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list_v9.0.0-alpha.0) + Tue, 19 Apr 2022 19:17:29 GMT ### Changes diff --git a/packages/react-components/react-list/config/api-extractor.json b/packages/react-components/react-list/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-list/config/api-extractor.json +++ b/packages/react-components/react-list/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-list/package.json b/packages/react-components/react-list/package.json index 2377f054722c8b..d6c017a9dd4ab6 100644 --- a/packages/react-components/react-list/package.json +++ b/packages/react-components/react-list/package.json @@ -5,7 +5,7 @@ "description": "Fluent UI List component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -32,8 +32,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-list/tsconfig.json b/packages/react-components/react-list/tsconfig.json index 12ca516af1c5b2..1941a041d46c19 100644 --- a/packages/react-components/react-list/tsconfig.json +++ b/packages/react-components/react-list/tsconfig.json @@ -17,6 +17,9 @@ }, { "path": "./tsconfig.spec.json" + }, + { + "path": "./.storybook/tsconfig.json" } ] } diff --git a/packages/react-components/react-list/tsconfig.lib.json b/packages/react-components/react-list/tsconfig.lib.json index 3ad5bca8b4c834..ef66992c5a174a 100644 --- a/packages/react-components/react-list/tsconfig.lib.json +++ b/packages/react-components/react-list/tsconfig.lib.json @@ -5,8 +5,10 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, - "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx"], + "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-components/react-menu/.npmignore b/packages/react-components/react-menu/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-menu/.npmignore +++ b/packages/react-components/react-menu/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index d1feb862a24f84..42caf50bb5472a 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,77 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:44 GMT", + "tag": "@fluentui/react-menu_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-portal to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-menu", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-menu: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-menu_v9.0.0-rc.7", diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md index 0ee84648ff774a..2b9372d0ef2a48 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-menu -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:44 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.0.0-rc.7..@fluentui/react-menu_v9.0.0-rc.8) + +### Changes + +- feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-portal to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-positioning to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-menu/config/api-extractor.json b/packages/react-components/react-menu/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-menu/config/api-extractor.json +++ b/packages/react-components/react-menu/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index dea4884023a2f5..fa0c178ac124c9 100644 --- a/packages/react-components/react-menu/package.json +++ b/packages/react-components/react-menu/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-menu", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,16 +33,16 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/keyboard-keys": "9.0.0-rc.4", - "@fluentui/react-context-selector": "9.0.0-rc.6", + "@fluentui/keyboard-keys": "9.0.0-rc.5", + "@fluentui/react-context-selector": "9.0.0-rc.7", "@fluentui/react-icons": "^2.0.166-rc.3", "@griffel/react": "1.0.3", - "@fluentui/react-portal": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-portal": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-menu/src/index.ts b/packages/react-components/react-menu/src/index.ts index a1ce9d1eb4fef9..bed9600eced159 100644 --- a/packages/react-components/react-menu/src/index.ts +++ b/packages/react-components/react-menu/src/index.ts @@ -1,18 +1,115 @@ -export * from './contexts/menuContext'; -export * from './contexts/menuTriggerContext'; -export * from './contexts/menuGroupContext'; -export * from './contexts/menuListContext'; +export { MenuContext, MenuProvider, useMenuContext_unstable } from './contexts/menuContext'; +export type { MenuContextValue } from './contexts/menuContext'; +export { MenuTriggerContextProvider, useMenuTriggerContext_unstable } from './contexts/menuTriggerContext'; +export { MenuGroupContextProvider, useMenuGroupContext_unstable } from './contexts/menuGroupContext'; +export type { MenuGroupContextValue } from './contexts/menuGroupContext'; +export { MenuListContext, MenuListProvider, useMenuListContext_unstable } from './contexts/menuListContext'; +export type { MenuListContextValue } from './contexts/menuListContext'; -export * from './Menu'; -export * from './MenuDivider'; -export * from './MenuGroup'; -export * from './MenuGroupHeader'; -export * from './MenuItem'; -export * from './MenuItemCheckbox'; -export * from './MenuItemRadio'; -export * from './MenuList'; -export * from './MenuPopover'; -export * from './MenuSplitGroup'; -export * from './MenuTrigger'; +export { Menu, renderMenu_unstable, useMenuContextValues_unstable, useMenu_unstable } from './Menu'; +export type { MenuContextValues, MenuOpenChangeData, MenuOpenEvents, MenuProps, MenuSlots, MenuState } from './Menu'; +export { + MenuDivider, + // eslint-disable-next-line deprecation/deprecation + menuDividerClassName, + menuDividerClassNames, + renderMenuDivider_unstable, + useMenuDividerStyles_unstable, + useMenuDivider_unstable, +} from './MenuDivider'; +export type { MenuDividerProps, MenuDividerSlots, MenuDividerState } from './MenuDivider'; +export { + MenuGroup, + // eslint-disable-next-line deprecation/deprecation + menuGroupClassName, + menuGroupClassNames, + renderMenuGroup_unstable, + useMenuGroupContextValues_unstable, + useMenuGroupStyles_unstable, + useMenuGroup_unstable, +} from './MenuGroup'; +export type { MenuGroupContextValues, MenuGroupProps, MenuGroupSlots, MenuGroupState } from './MenuGroup'; +export { + MenuGroupHeader, + // eslint-disable-next-line deprecation/deprecation + menuGroupHeaderClassName, + menuGroupHeaderClassNames, + renderMenuGroupHeader_unstable, + useMenuGroupHeaderStyles_unstable, + useMenuGroupHeader_unstable, +} from './MenuGroupHeader'; +export type { MenuGroupHeaderProps, MenuGroupHeaderSlots, MenuGroupHeaderState } from './MenuGroupHeader'; +export { + MenuItem, + // eslint-disable-next-line deprecation/deprecation + menuItemClassName, + menuItemClassNames, + renderMenuItem_unstable, + useMenuItemStyles_unstable, + useMenuItem_unstable, +} from './MenuItem'; +export type { MenuItemProps, MenuItemSlots, MenuItemState } from './MenuItem'; +export { + MenuItemCheckbox, + // eslint-disable-next-line deprecation/deprecation + menuItemCheckboxClassName, + menuItemCheckboxClassNames, + renderMenuItemCheckbox_unstable, + useMenuItemCheckboxStyles_unstable, + useMenuItemCheckbox_unstable, +} from './MenuItemCheckbox'; +export type { MenuItemCheckboxProps, MenuItemCheckboxState } from './MenuItemCheckbox'; +export { + MenuItemRadio, + // eslint-disable-next-line deprecation/deprecation + menuItemRadioClassName, + menuItemRadioClassNames, + renderMenuItemRadio_unstable, + useMenuItemRadioStyles_unstable, + useMenuItemRadio_unstable, +} from './MenuItemRadio'; +export type { MenuItemRadioProps, MenuItemRadioState } from './MenuItemRadio'; +export { + MenuList, + // eslint-disable-next-line deprecation/deprecation + menuListClassName, + menuListClassNames, + renderMenuList_unstable, + useMenuListContextValues_unstable, + useMenuListStyles_unstable, + useMenuList_unstable, +} from './MenuList'; +export type { + MenuCheckedValueChangeData, + MenuCheckedValueChangeEvent, + MenuListContextValues, + MenuListProps, + MenuListSlots, + MenuListState, + UninitializedMenuListState, +} from './MenuList'; +export { + MenuPopover, + // eslint-disable-next-line deprecation/deprecation + menuPopoverClassName, + menuPopoverClassNames, + renderMenuPopover_unstable, + useMenuPopoverStyles_unstable, + useMenuPopover_unstable, +} from './MenuPopover'; +export type { MenuPopoverProps, MenuPopoverSlots, MenuPopoverState } from './MenuPopover'; +export { + MenuSplitGroup, + // eslint-disable-next-line deprecation/deprecation + menuSplitGroupClassName, + menuSplitGroupClassNames, + renderMenuSplitGroup_unstable, + useMenuSplitGroupStyles_unstable, + useMenuSplitGroup_unstable, +} from './MenuSplitGroup'; +export type { MenuSplitGroupProps, MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup'; +export { MenuTrigger, renderMenuTrigger_unstable, useMenuTrigger_unstable } from './MenuTrigger'; +export type { MenuTriggerChildProps, MenuTriggerProps, MenuTriggerState } from './MenuTrigger'; -export * from './selectable/index'; +export { useCheckmarkStyles_unstable } from './selectable/index'; +export type { MenuItemSelectableProps, MenuItemSelectableState, SelectableHandler } from './selectable/index'; diff --git a/packages/react-components/react-menu/tsconfig.lib.json b/packages/react-components/react-menu/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-menu/tsconfig.lib.json +++ b/packages/react-components/react-menu/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-overflow/.babelrc.json b/packages/react-components/react-overflow/.babelrc.json similarity index 100% rename from packages/react-overflow/.babelrc.json rename to packages/react-components/react-overflow/.babelrc.json diff --git a/packages/react-overflow/.eslintrc.json b/packages/react-components/react-overflow/.eslintrc.json similarity index 100% rename from packages/react-overflow/.eslintrc.json rename to packages/react-components/react-overflow/.eslintrc.json diff --git a/packages/keyboard-keys/.npmignore b/packages/react-components/react-overflow/.npmignore similarity index 100% rename from packages/keyboard-keys/.npmignore rename to packages/react-components/react-overflow/.npmignore diff --git a/packages/react-radio/.storybook/main.js b/packages/react-components/react-overflow/.storybook/main.js similarity index 67% rename from packages/react-radio/.storybook/main.js rename to packages/react-components/react-overflow/.storybook/main.js index 18a60b265c2cfb..7b7abd0e691d38 100644 --- a/packages/react-radio/.storybook/main.js +++ b/packages/react-components/react-overflow/.storybook/main.js @@ -1,6 +1,6 @@ -const rootMain = require('../../../.storybook/main'); +const rootMain = require('../../../../.storybook/main'); -module.exports = /** @type {Omit} */ ({ +module.exports = /** @type {Omit} */ ({ ...rootMain, stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], addons: [...rootMain.addons], diff --git a/packages/react-overflow/.storybook/preview.js b/packages/react-components/react-overflow/.storybook/preview.js similarity index 78% rename from packages/react-overflow/.storybook/preview.js rename to packages/react-components/react-overflow/.storybook/preview.js index 6c153aed804a48..397b995edd61c0 100644 --- a/packages/react-overflow/.storybook/preview.js +++ b/packages/react-components/react-overflow/.storybook/preview.js @@ -1,4 +1,4 @@ -import * as rootPreview from '../../../.storybook/preview'; +import * as rootPreview from '../../../../.storybook/preview'; /** @type {typeof rootPreview.decorators} */ export const decorators = [...rootPreview.decorators]; diff --git a/packages/react-radio/.storybook/tsconfig.json b/packages/react-components/react-overflow/.storybook/tsconfig.json similarity index 100% rename from packages/react-radio/.storybook/tsconfig.json rename to packages/react-components/react-overflow/.storybook/tsconfig.json diff --git a/packages/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json similarity index 59% rename from packages/react-overflow/CHANGELOG.json rename to packages/react-components/react-overflow/CHANGELOG.json index dda6d5dffe8a96..bb5c1a8b7eb9ea 100644 --- a/packages/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-overflow_v9.0.0-alpha.0", + "version": "9.0.0-alpha.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/priority-overflow to v9.0.0-beta.0", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-priority-overflow_v9.0.0-alpha.0", diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md new file mode 100644 index 00000000000000..2a9cf2115168b6 --- /dev/null +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -0,0 +1,28 @@ +# Change Log - @fluentui/react-overflow + +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. + + + +## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-alpha.0) + +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-priority-overflow_v9.0.0-alpha.0..@fluentui/react-overflow_v9.0.0-alpha.0) + +### Changes + +- Bump @fluentui/priority-overflow to v9.0.0-beta.0 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-alpha.0) + +Tue, 19 Apr 2022 19:17:29 GMT + +### Changes + +- Bump @fluentui/priority-overflow to v9.0.0-beta.0 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) +- Bump @fluentui/react-context-selector to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) diff --git a/packages/react-overflow/LICENSE b/packages/react-components/react-overflow/LICENSE similarity index 100% rename from packages/react-overflow/LICENSE rename to packages/react-components/react-overflow/LICENSE diff --git a/packages/react-overflow/README.md b/packages/react-components/react-overflow/README.md similarity index 100% rename from packages/react-overflow/README.md rename to packages/react-components/react-overflow/README.md diff --git a/packages/react-overflow/bundle-size/hooks.fixture.js b/packages/react-components/react-overflow/bundle-size/hooks.fixture.js similarity index 100% rename from packages/react-overflow/bundle-size/hooks.fixture.js rename to packages/react-components/react-overflow/bundle-size/hooks.fixture.js diff --git a/packages/keyboard-keys/config/api-extractor.json b/packages/react-components/react-overflow/config/api-extractor.json similarity index 100% rename from packages/keyboard-keys/config/api-extractor.json rename to packages/react-components/react-overflow/config/api-extractor.json diff --git a/packages/react-components/react-overflow/config/api-extractor.local.json b/packages/react-components/react-overflow/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-overflow/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-overflow/config/tests.js b/packages/react-components/react-overflow/config/tests.js similarity index 100% rename from packages/react-overflow/config/tests.js rename to packages/react-components/react-overflow/config/tests.js diff --git a/packages/react-overflow/etc/react-overflow.api.md b/packages/react-components/react-overflow/etc/react-overflow.api.md similarity index 100% rename from packages/react-overflow/etc/react-overflow.api.md rename to packages/react-components/react-overflow/etc/react-overflow.api.md diff --git a/packages/react-overflow/etc/react-priority-overflow.api.md b/packages/react-components/react-overflow/etc/react-priority-overflow.api.md similarity index 55% rename from packages/react-overflow/etc/react-priority-overflow.api.md rename to packages/react-components/react-overflow/etc/react-priority-overflow.api.md index ff100624b706e8..d0bec005ee3d20 100644 --- a/packages/react-overflow/etc/react-priority-overflow.api.md +++ b/packages/react-components/react-overflow/etc/react-priority-overflow.api.md @@ -3,7 +3,6 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - import type { ObserveOptions } from '@fluentui/priority-overflow'; import type { OnUpdateItemVisibility } from '@fluentui/priority-overflow'; import type { OnUpdateOverflow } from '@fluentui/priority-overflow'; @@ -12,33 +11,37 @@ import type { OverflowItemEntry } from '@fluentui/priority-overflow'; import * as React_2 from 'react'; // @public (undocumented) -export const DATA_OVERFLOW_ITEM = "data-overflow-item"; +export const DATA_OVERFLOW_ITEM = 'data-overflow-item'; // @public (undocumented) -export const DATA_OVERFLOW_MENU = "data-overflow-menu"; +export const DATA_OVERFLOW_MENU = 'data-overflow-menu'; // @public (undocumented) -export const DATA_OVERFLOWING = "data-overflowing"; +export const DATA_OVERFLOWING = 'data-overflowing'; // @public -export const Overflow: React_2.ForwardRefExoticComponent> & { +export const Overflow: React_2.ForwardRefExoticComponent< + Partial> & { children: React_2.ReactElement; -} & React_2.RefAttributes>; + } & React_2.RefAttributes +>; // @public export const OverflowItem: React_2.ForwardRefExoticComponent>; // @public export type OverflowItemProps = { - id: string; - groupId?: string; - priority?: number; - children: React_2.ReactElement; + id: string; + groupId?: string; + priority?: number; + children: React_2.ReactElement; }; // @public -export type OverflowProps = Partial> & { - children: React_2.ReactElement; +export type OverflowProps = Partial< + Pick +> & { + children: React_2.ReactElement; }; // @public (undocumented) @@ -51,28 +54,36 @@ export function useIsOverflowGroupVisible(id: string): OverflowGroupState; export function useIsOverflowItemVisible(id: string): boolean; // @public (undocumented) -export const useOverflowContainer: (update: OnUpdateOverflow, options: Omit) => UseOverflowContainerReturn; +export const useOverflowContainer: ( + update: OnUpdateOverflow, + options: Omit, +) => UseOverflowContainerReturn; // @public (undocumented) export interface UseOverflowContainerReturn { - containerRef: React_2.RefObject; - registerItem: OverflowContextValue['registerItem']; - updateOverflow: OverflowContextValue['updateOverflow']; + containerRef: React_2.RefObject; + registerItem: OverflowContextValue['registerItem']; + updateOverflow: OverflowContextValue['updateOverflow']; } // @public (undocumented) export const useOverflowCount: () => number; // @public -export function useOverflowItem(id: string, priority?: number, groupId?: string): React_2.RefObject; +export function useOverflowItem( + id: string, + priority?: number, + groupId?: string, +): React_2.RefObject; // @public (undocumented) -export function useOverflowMenu(id?: string): { - ref: React_2.RefObject; - overflowCount: number; - isOverflowing: boolean; +export function useOverflowMenu( + id?: string, +): { + ref: React_2.RefObject; + overflowCount: number; + isOverflowing: boolean; }; // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-overflow/jest.config.js b/packages/react-components/react-overflow/jest.config.js similarity index 92% rename from packages/react-overflow/jest.config.js rename to packages/react-components/react-overflow/jest.config.js index 5079210321a76a..7f569d0cb7bb75 100644 --- a/packages/react-overflow/jest.config.js +++ b/packages/react-components/react-overflow/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-overflow', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-overflow/just.config.ts b/packages/react-components/react-overflow/just.config.ts similarity index 100% rename from packages/react-overflow/just.config.ts rename to packages/react-components/react-overflow/just.config.ts diff --git a/packages/react-overflow/package.json b/packages/react-components/react-overflow/package.json similarity index 79% rename from packages/react-overflow/package.json rename to packages/react-components/react-overflow/package.json index afa97df0ee438d..9802ac13e0b567 100644 --- a/packages/react-overflow/package.json +++ b/packages/react-components/react-overflow/package.json @@ -22,8 +22,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-overflow/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-overflow/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -32,9 +32,9 @@ }, "dependencies": { "@fluentui/priority-overflow": "^9.0.0-alpha.0", - "@fluentui/react-context-selector": "9.0.0-rc.6", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-context-selector": "9.0.0-rc.7", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-overflow/src/components/Overflow.tsx b/packages/react-components/react-overflow/src/components/Overflow.tsx similarity index 100% rename from packages/react-overflow/src/components/Overflow.tsx rename to packages/react-components/react-overflow/src/components/Overflow.tsx diff --git a/packages/react-overflow/src/components/OverflowItem/OverflowItem.tsx b/packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.tsx similarity index 100% rename from packages/react-overflow/src/components/OverflowItem/OverflowItem.tsx rename to packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.tsx diff --git a/packages/react-overflow/src/components/OverflowItem/OverflowItem.types.ts b/packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.types.ts similarity index 100% rename from packages/react-overflow/src/components/OverflowItem/OverflowItem.types.ts rename to packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.types.ts diff --git a/packages/react-overflow/src/components/OverflowItem/index.ts b/packages/react-components/react-overflow/src/components/OverflowItem/index.ts similarity index 100% rename from packages/react-overflow/src/components/OverflowItem/index.ts rename to packages/react-components/react-overflow/src/components/OverflowItem/index.ts diff --git a/packages/react-overflow/src/constants.ts b/packages/react-components/react-overflow/src/constants.ts similarity index 100% rename from packages/react-overflow/src/constants.ts rename to packages/react-components/react-overflow/src/constants.ts diff --git a/packages/react-overflow/src/index.ts b/packages/react-components/react-overflow/src/index.ts similarity index 100% rename from packages/react-overflow/src/index.ts rename to packages/react-components/react-overflow/src/index.ts diff --git a/packages/react-overflow/src/overflowContext.ts b/packages/react-components/react-overflow/src/overflowContext.ts similarity index 100% rename from packages/react-overflow/src/overflowContext.ts rename to packages/react-components/react-overflow/src/overflowContext.ts diff --git a/packages/react-overflow/src/stories/CustomPriorities.stories.tsx b/packages/react-components/react-overflow/src/stories/CustomPriorities.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/CustomPriorities.stories.tsx rename to packages/react-components/react-overflow/src/stories/CustomPriorities.stories.tsx diff --git a/packages/react-overflow/src/stories/Dividers.stories.tsx b/packages/react-components/react-overflow/src/stories/Dividers.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/Dividers.stories.tsx rename to packages/react-components/react-overflow/src/stories/Dividers.stories.tsx diff --git a/packages/react-overflow/src/stories/DomOrder.stories.tsx b/packages/react-components/react-overflow/src/stories/DomOrder.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/DomOrder.stories.tsx rename to packages/react-components/react-overflow/src/stories/DomOrder.stories.tsx diff --git a/packages/react-overflow/src/stories/MinimumVisible.stories.tsx b/packages/react-components/react-overflow/src/stories/MinimumVisible.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/MinimumVisible.stories.tsx rename to packages/react-components/react-overflow/src/stories/MinimumVisible.stories.tsx diff --git a/packages/react-overflow/src/stories/Overflow.stories.tsx b/packages/react-components/react-overflow/src/stories/Overflow.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/Overflow.stories.tsx rename to packages/react-components/react-overflow/src/stories/Overflow.stories.tsx diff --git a/packages/react-overflow/src/stories/Pinned.stories.tsx b/packages/react-components/react-overflow/src/stories/Pinned.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/Pinned.stories.tsx rename to packages/react-components/react-overflow/src/stories/Pinned.stories.tsx diff --git a/packages/react-overflow/src/stories/PriorityWithDividers.stories.tsx b/packages/react-components/react-overflow/src/stories/PriorityWithDividers.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/PriorityWithDividers.stories.tsx rename to packages/react-components/react-overflow/src/stories/PriorityWithDividers.stories.tsx diff --git a/packages/react-overflow/src/stories/ReverseDomOrder.stories.tsx b/packages/react-components/react-overflow/src/stories/ReverseDomOrder.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/ReverseDomOrder.stories.tsx rename to packages/react-components/react-overflow/src/stories/ReverseDomOrder.stories.tsx diff --git a/packages/react-overflow/src/stories/Selection.stories.tsx b/packages/react-components/react-overflow/src/stories/Selection.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/Selection.stories.tsx rename to packages/react-components/react-overflow/src/stories/Selection.stories.tsx diff --git a/packages/react-overflow/src/stories/utils.stories.tsx b/packages/react-components/react-overflow/src/stories/utils.stories.tsx similarity index 100% rename from packages/react-overflow/src/stories/utils.stories.tsx rename to packages/react-components/react-overflow/src/stories/utils.stories.tsx diff --git a/packages/react-overflow/src/types.ts b/packages/react-components/react-overflow/src/types.ts similarity index 100% rename from packages/react-overflow/src/types.ts rename to packages/react-components/react-overflow/src/types.ts diff --git a/packages/react-overflow/src/useIsOverflowGroupVisible.ts b/packages/react-components/react-overflow/src/useIsOverflowGroupVisible.ts similarity index 100% rename from packages/react-overflow/src/useIsOverflowGroupVisible.ts rename to packages/react-components/react-overflow/src/useIsOverflowGroupVisible.ts diff --git a/packages/react-overflow/src/useIsOverflowItemVisible.ts b/packages/react-components/react-overflow/src/useIsOverflowItemVisible.ts similarity index 100% rename from packages/react-overflow/src/useIsOverflowItemVisible.ts rename to packages/react-components/react-overflow/src/useIsOverflowItemVisible.ts diff --git a/packages/react-overflow/src/useOverflowContainer.ts b/packages/react-components/react-overflow/src/useOverflowContainer.ts similarity index 100% rename from packages/react-overflow/src/useOverflowContainer.ts rename to packages/react-components/react-overflow/src/useOverflowContainer.ts diff --git a/packages/react-overflow/src/useOverflowCount.ts b/packages/react-components/react-overflow/src/useOverflowCount.ts similarity index 100% rename from packages/react-overflow/src/useOverflowCount.ts rename to packages/react-components/react-overflow/src/useOverflowCount.ts diff --git a/packages/react-overflow/src/useOverflowItem.ts b/packages/react-components/react-overflow/src/useOverflowItem.ts similarity index 100% rename from packages/react-overflow/src/useOverflowItem.ts rename to packages/react-components/react-overflow/src/useOverflowItem.ts diff --git a/packages/react-overflow/src/useOverflowMenu.ts b/packages/react-components/react-overflow/src/useOverflowMenu.ts similarity index 100% rename from packages/react-overflow/src/useOverflowMenu.ts rename to packages/react-components/react-overflow/src/useOverflowMenu.ts diff --git a/packages/react-overflow/tsconfig.json b/packages/react-components/react-overflow/tsconfig.json similarity index 90% rename from packages/react-overflow/tsconfig.json rename to packages/react-components/react-overflow/tsconfig.json index affceae1828ae1..1941a041d46c19 100644 --- a/packages/react-overflow/tsconfig.json +++ b/packages/react-components/react-overflow/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-overflow/tsconfig.lib.json b/packages/react-components/react-overflow/tsconfig.lib.json similarity index 100% rename from packages/react-overflow/tsconfig.lib.json rename to packages/react-components/react-overflow/tsconfig.lib.json diff --git a/packages/react-overflow/tsconfig.spec.json b/packages/react-components/react-overflow/tsconfig.spec.json similarity index 100% rename from packages/react-overflow/tsconfig.spec.json rename to packages/react-components/react-overflow/tsconfig.spec.json diff --git a/packages/react-components/react-popover/.npmignore b/packages/react-components/react-popover/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-popover/.npmignore +++ b/packages/react-components/react-popover/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-popover/.storybook/preview.js b/packages/react-components/react-popover/.storybook/preview.js index 37990ce95ea8f9..1939500a3d18c7 100644 --- a/packages/react-components/react-popover/.storybook/preview.js +++ b/packages/react-components/react-popover/.storybook/preview.js @@ -4,4 +4,4 @@ import * as rootPreview from '../../../../.storybook/preview'; export const decorators = [...rootPreview.decorators]; /** @type {typeof rootPreview.parameters} */ -export const parameters = { ...rootPreview.parameters, layout: 'centered' }; +export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index a1fb3003128ffe..c6358a007674d1 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,89 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:45 GMT", + "tag": "@fluentui/react-popover_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-popover", + "commit": "b77905b7980c966769584036828af6c1346aaf9d", + "comment": "feat: Add inline prop to Popover" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "262a1e7d36a615afb763409c8c99bfe432052939", + "comment": "feat: Adds prop `closeOnScroll` to close popover on scrolling outside" + }, + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd", + "comment": "feat: Adds prop `mouseLeaveDelay` to delay closing popover that opens on hover" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-portal to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-popover", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-popover: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-popover_v9.0.0-rc.7", diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md index efe165985e8e79..f959880e977e65 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-popover -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:45 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:45 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.7..@fluentui/react-popover_v9.0.0-rc.8) + +### Changes + +- feat: Add inline prop to Popover ([PR #22789](https://github.com/microsoft/fluentui/pull/22789) by lingfangao@hotmail.com) +- feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- feat: Adds prop `closeOnScroll` to close popover on scrolling outside ([PR #22784](https://github.com/microsoft/fluentui/pull/22784) by yuanboxue@microsoft.com) +- feat: Adds prop `mouseLeaveDelay` to delay closing popover that opens on hover ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by yuanboxue@microsoft.com) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-portal to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-positioning to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-popover/Spec.md b/packages/react-components/react-popover/Spec.md index 30d073a3783bf3..c2d54a2b3c7c60 100644 --- a/packages/react-components/react-popover/Spec.md +++ b/packages/react-components/react-popover/Spec.md @@ -238,6 +238,11 @@ export type PopoverProps = { */ onOpenChange?: (e: OpenPopoverEvents, data: OpenEventData) => void; + /** + * Flag to open the Popover by hovering the trigger + */ + openOnHover?: boolean; + /** * Anchor the popover to an element other than the trigger */ @@ -284,6 +289,16 @@ export type PopoverProps = { * Do not render an arrow pointing to the target element. This is the `PopoverTrigger` unless `target` prop is used */ noArrow?: boolean; + + /** + * Sets the delay for closing popover on mouse leave + */ + mouseLeaveDelay?: number; + + /** + * Close when scrolling outside of it + */ + closeOnScroll?: boolean; }; ``` @@ -445,6 +460,11 @@ The popover closes with the escape key when the trigger or popover content has f The popover closes when a click happens outside the popover trigger or content. +#### Scroll outside + +The context menu popover closes when scroll happens outside the popover trigger or content. +When popover is configured with `closeOnScroll`, popover closes when scroll happens outside the popover trigger or content. + ### Focus trap When the popover is configured to be a focus trap, focus the first focusable element inside the popover on open. diff --git a/packages/react-components/react-popover/config/api-extractor.json b/packages/react-components/react-popover/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-popover/config/api-extractor.json +++ b/packages/react-components/react-popover/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-popover/e2e/Popover.e2e.tsx b/packages/react-components/react-popover/e2e/Popover.e2e.tsx index 80474d3032f77a..8d5f1edb0ed2a2 100644 --- a/packages/react-components/react-popover/e2e/Popover.e2e.tsx +++ b/packages/react-components/react-popover/e2e/Popover.e2e.tsx @@ -71,6 +71,30 @@ describe('Popover', () => { cy.get(popoverTriggerSelector).click().realPress('Escape'); cy.get(popoverContentSelector).should('not.exist'); }); + + it('should keep open state on scroll outside', () => { + cy.get(popoverTriggerSelector).click().get(popoverContentSelector).should('be.visible'); + cy.get('body').trigger('wheel').get(popoverContentSelector).should('be.visible'); + }); + }); + }); + + describe('Open on hover', () => { + beforeEach(() => { + mount( + + + + + This is a popover + , + ); + cy.get('body').click('bottomRight'); + }); + + it('should open on hover, and keep open on mouse move to content', () => { + cy.get(popoverTriggerSelector).trigger('mouseover').get(popoverContentSelector).should('be.visible'); + cy.get(popoverContentSelector).trigger('mouseover').get(popoverContentSelector).should('be.visible'); }); }); @@ -96,6 +120,52 @@ describe('Popover', () => { }); }); + describe('Context popover', () => { + beforeEach(() => { + mount( + + + + + This is a popover + , + ); + cy.get('body').click('bottomRight'); + }); + + it('should open when right clicked', () => { + cy.get(popoverTriggerSelector).rightclick().get(popoverContentSelector).should('be.visible'); + }); + + it('should dismiss on scroll outside', () => { + cy.get(popoverTriggerSelector) + .rightclick() + .get('body') + .trigger('wheel') + .get(popoverContentSelector) + .should('not.exist'); + }); + }); + + describe('popover with closeOnScroll', () => { + beforeEach(() => { + mount( + + + + + This is a popover + , + ); + cy.get('body').click('bottomRight'); + }); + + it('should dismiss on scroll outside', () => { + cy.get(popoverTriggerSelector).click().get(popoverContentSelector).should('be.visible'); + cy.get('body').trigger('wheel').get(popoverContentSelector).should('not.exist'); + }); + }); + describe('Nested', () => { const PopoverL1 = () => { const id = 'first'; @@ -256,4 +326,33 @@ describe('Popover', () => { .should('exist'); }); }); + + describe('with inline prop', () => { + it('should render PopoverSurface in DOM order', () => { + mount( + <> +
+ + + + + + This is a Popover + +
+
Outside content
+ , + ); + + cy.get(popoverTriggerSelector) + .click() + .get(popoverContentSelector) + .prev() + .then(popoverSurfacePrev => { + cy.get(popoverTriggerSelector).then(popoverTrigger => { + expect(popoverTrigger[0]).eq(popoverSurfacePrev[0]); + }); + }); + }); + }); }); diff --git a/packages/react-components/react-popover/etc/react-popover.api.md b/packages/react-components/react-popover/etc/react-popover.api.md index c10e8e9d3d45b3..0c8f76b55a1782 100644 --- a/packages/react-components/react-popover/etc/react-popover.api.md +++ b/packages/react-components/react-popover/etc/react-popover.api.md @@ -38,7 +38,7 @@ export const Popover: React_2.FC; export const PopoverContext: Context; // @public -export type PopoverContextValue = Pick; +export type PopoverContextValue = Pick; // @public export type PopoverProps = Partial & { @@ -80,7 +80,7 @@ export type PopoverSurfaceSlots = { }; // @public -export type PopoverSurfaceState = ComponentState & Pick & { +export type PopoverSurfaceState = ComponentState & Pick & { arrowClassName?: string; }; diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index 8763df9e7bc744..cbc64300f3ec03 100644 --- a/packages/react-components/react-popover/package.json +++ b/packages/react-components/react-popover/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-popover", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,14 +33,14 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-context-selector": "9.0.0-rc.6", + "@fluentui/react-context-selector": "9.0.0-rc.7", "@griffel/react": "1.0.3", - "@fluentui/react-portal": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-portal": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-popover/src/common/mockUsePopoverContext.ts b/packages/react-components/react-popover/src/common/mockUsePopoverContext.ts index f26aa8ed8989cb..fc9d510ef9ced0 100644 --- a/packages/react-components/react-popover/src/common/mockUsePopoverContext.ts +++ b/packages/react-components/react-popover/src/common/mockUsePopoverContext.ts @@ -16,6 +16,7 @@ export const mockPopoverContext = (options: Partial = {}) = openOnContext: false, openOnHover: false, size: 'medium', + inline: false, ...options, }; // eslint-disable-next-line @typescript-eslint/no-explicit-any diff --git a/packages/react-components/react-popover/src/components/Popover/Popover.types.ts b/packages/react-components/react-popover/src/components/Popover/Popover.types.ts index aa4a724d8cbfba..230b2b3fb2d8c1 100644 --- a/packages/react-components/react-popover/src/components/Popover/Popover.types.ts +++ b/packages/react-components/react-popover/src/components/Popover/Popover.types.ts @@ -8,6 +8,11 @@ import type { PortalProps } from '@fluentui/react-portal'; export type PopoverSize = 'small' | 'medium' | 'large'; type PopoverCommons = Pick & { + /** + * Popovers are rendered out of DOM order on `document.body` by default, use this to render the popover in DOM order + */ + inline: boolean; + /** * Controls the opening of the Popover */ @@ -25,6 +30,12 @@ type PopoverCommons = Pick & { * Flag to open the Popover by hovering the trigger */ openOnHover?: boolean; + + /** + * Sets the delay for closing popover on mouse leave + */ + mouseLeaveDelay?: number; + /** * Flag to open the Popover as a context menu. Disables all other interactions */ @@ -54,6 +65,11 @@ type PopoverCommons = Pick & { * Configures the position of the Popover */ positioning?: PositioningShorthand; + + /** + * Close when scroll outside of it + */ + closeOnScroll?: boolean; }; /** diff --git a/packages/react-components/react-popover/src/components/Popover/renderPopover.tsx b/packages/react-components/react-popover/src/components/Popover/renderPopover.tsx index 62b657a88caca9..f2ea7e342e0735 100644 --- a/packages/react-components/react-popover/src/components/Popover/renderPopover.tsx +++ b/packages/react-components/react-popover/src/components/Popover/renderPopover.tsx @@ -19,6 +19,7 @@ export const renderPopover_unstable = (state: PopoverState) => { noArrow, appearance, trapFocus, + inline, } = state; return ( @@ -36,6 +37,7 @@ export const renderPopover_unstable = (state: PopoverState) => { noArrow, appearance, trapFocus, + inline, }} > {state.popoverTrigger} diff --git a/packages/react-components/react-popover/src/components/Popover/usePopover.ts b/packages/react-components/react-popover/src/components/Popover/usePopover.ts index 9147d18150b4e1..ee0dfd4fde7256 100644 --- a/packages/react-components/react-popover/src/components/Popover/usePopover.ts +++ b/packages/react-components/react-popover/src/components/Popover/usePopover.ts @@ -57,7 +57,37 @@ export const usePopover_unstable = (props: PopoverProps): PopoverState => { popoverSurface = children[0]; } - const [open, setOpen] = useOpenState(initialState); + const [open, setOpenState] = useOpenState(initialState); + + const setOpenTimeoutRef = React.useRef(0); + + const setOpen = useEventCallback((e: OpenPopoverEvents, shouldOpen: boolean) => { + clearTimeout(setOpenTimeoutRef.current); + if (!(e instanceof Event) && e.persist) { + // < React 17 still uses pooled synthetic events + e.persist(); + } + + if (e.type === 'mouseleave') { + // FIXME leaking Node timeout type + // eslint-disable-next-line @typescript-eslint/ban-ts-comment + // @ts-ignore + setOpenTimeoutRef.current = setTimeout(() => { + setOpenState(e, shouldOpen); + }, props.mouseLeaveDelay ?? 500); + } else { + setOpenState(e, shouldOpen); + } + }); + + // Clear timeout on unmount + // Setting state after a component unmounts can cause memory leaks + React.useEffect(() => { + return () => { + clearTimeout(setOpenTimeoutRef.current); + }; + }, []); + const toggleOpen = React.useCallback( e => { setOpen(e, !open); @@ -75,12 +105,15 @@ export const usePopover_unstable = (props: PopoverProps): PopoverState => { refs: [popperRefs.triggerRef, popperRefs.contentRef], disabled: !open, }); + + // only close on scroll for context, or when closeOnScroll is specified + const closeOnScroll = initialState.openOnContext || initialState.closeOnScroll; useOnScrollOutside({ contains: elementContains, element: targetDocument, callback: ev => setOpen(ev, false), refs: [popperRefs.triggerRef, popperRefs.contentRef], - disabled: !open || !initialState.openOnContext, // only close on scroll for context + disabled: !open || !closeOnScroll, }); const { findFirstFocusable } = useFocusFinders(); @@ -102,6 +135,7 @@ export const usePopover_unstable = (props: PopoverProps): PopoverState => { toggleOpen, setContextTarget, contextTarget, + inline: props.inline ?? false, }; }; diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.types.ts b/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.types.ts index be3c94081dab67..f68c7b86ea6d4b 100644 --- a/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.types.ts +++ b/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.types.ts @@ -17,7 +17,7 @@ export type PopoverSurfaceSlots = { * PopoverSurface State */ export type PopoverSurfaceState = ComponentState & - Pick & { + Pick & { /** * CSS class for the arrow element */ diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx b/packages/react-components/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx index d7f0ec54e63fd0..50703a442b05a3 100644 --- a/packages/react-components/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx +++ b/packages/react-components/react-popover/src/components/PopoverSurface/renderPopoverSurface.tsx @@ -9,12 +9,16 @@ import type { PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface. export const renderPopoverSurface_unstable = (state: PopoverSurfaceState) => { const { slots, slotProps } = getSlots(state); - return ( - - - {!state.noArrow &&
} - {slotProps.root.children} - - + const surface = ( + + {!state.noArrow &&
} + {slotProps.root.children} + ); + + if (state.inline) { + return surface; + } + + return {surface}; }; diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurface.ts b/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurface.ts index b657ab5909ddf0..01809abe419776 100644 --- a/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurface.ts +++ b/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurface.ts @@ -26,9 +26,11 @@ export const usePopoverSurface_unstable = ( const noArrow = usePopoverContext_unstable(context => context.noArrow); const appearance = usePopoverContext_unstable(context => context.appearance); const trapFocus = usePopoverContext_unstable(context => context.trapFocus); + const inline = usePopoverContext_unstable(context => context.inline); const { modalAttributes } = useModalAttributes({ trapFocus }); const state: PopoverSurfaceState = { + inline, appearance, noArrow, size, diff --git a/packages/react-components/react-popover/src/index.ts b/packages/react-components/react-popover/src/index.ts index 5fad9184231e45..a7456726fe3de2 100644 --- a/packages/react-components/react-popover/src/index.ts +++ b/packages/react-components/react-popover/src/index.ts @@ -1,4 +1,17 @@ -export * from './Popover'; -export * from './PopoverSurface'; -export * from './popoverContext'; -export * from './PopoverTrigger'; +export { Popover, renderPopover_unstable, usePopover_unstable } from './Popover'; +export type { OnOpenChangeData, OpenPopoverEvents, PopoverProps, PopoverSize, PopoverState } from './Popover'; +export { + PopoverSurface, + arrowHeights, + // eslint-disable-next-line deprecation/deprecation + popoverSurfaceClassName, + popoverSurfaceClassNames, + renderPopoverSurface_unstable, + usePopoverSurfaceStyles_unstable, + usePopoverSurface_unstable, +} from './PopoverSurface'; +export type { PopoverSurfaceProps, PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface'; +export { PopoverContext, usePopoverContext_unstable } from './popoverContext'; +export type { PopoverContextValue } from './popoverContext'; +export { PopoverTrigger, renderPopoverTrigger_unstable, usePopoverTrigger_unstable } from './PopoverTrigger'; +export type { PopoverTriggerChildProps, PopoverTriggerProps, PopoverTriggerState } from './PopoverTrigger'; diff --git a/packages/react-components/react-popover/src/popoverContext.ts b/packages/react-components/react-popover/src/popoverContext.ts index a8576bc313cbf4..179c112a4f39b7 100644 --- a/packages/react-components/react-popover/src/popoverContext.ts +++ b/packages/react-components/react-popover/src/popoverContext.ts @@ -12,6 +12,7 @@ export const PopoverContext: Context = createContext; export const usePopoverContext_unstable = (selector: ContextSelector): T => diff --git a/packages/react-components/react-popover/tsconfig.lib.json b/packages/react-components/react-popover/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-popover/tsconfig.lib.json +++ b/packages/react-components/react-popover/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/keyboard-keys/.babelrc.json b/packages/react-components/react-portal-compat-context/.babelrc.json similarity index 100% rename from packages/keyboard-keys/.babelrc.json rename to packages/react-components/react-portal-compat-context/.babelrc.json diff --git a/packages/react-portal-compat-context/.eslintrc.json b/packages/react-components/react-portal-compat-context/.eslintrc.json similarity index 100% rename from packages/react-portal-compat-context/.eslintrc.json rename to packages/react-components/react-portal-compat-context/.eslintrc.json diff --git a/packages/priority-overflow/.npmignore b/packages/react-components/react-portal-compat-context/.npmignore similarity index 100% rename from packages/priority-overflow/.npmignore rename to packages/react-components/react-portal-compat-context/.npmignore diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.json b/packages/react-components/react-portal-compat-context/CHANGELOG.json new file mode 100644 index 00000000000000..48bb2bc5af4b7a --- /dev/null +++ b/packages/react-components/react-portal-compat-context/CHANGELOG.json @@ -0,0 +1,28 @@ +{ + "name": "@fluentui/react-portal-compat-context", + "entries": [ + { + "date": "Wed, 04 May 2022 13:26:46 GMT", + "tag": "@fluentui/react-portal-compat-context_v9.0.0-rc.1", + "version": "9.0.0-rc.1", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "8997f88bdd280b6831338d6c231b387fd554046e", + "comment": "react-portal-compat-context: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal-compat-context", + "commit": "280cf2336d814d7380d5cbf4999ce56da763919c", + "comment": "initial release" + } + ] + } + } + ] +} diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.md b/packages/react-components/react-portal-compat-context/CHANGELOG.md new file mode 100644 index 00000000000000..7cb0d32117ffbc --- /dev/null +++ b/packages/react-components/react-portal-compat-context/CHANGELOG.md @@ -0,0 +1,13 @@ +# Change Log - @fluentui/react-portal-compat-context + +This log was last generated on Wed, 04 May 2022 13:26:46 GMT and should not be manually modified. + + + +## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat-context_v9.0.0-rc.1) + +Wed, 04 May 2022 13:26:46 GMT + +### Changes + +- initial release ([PR #22510](https://github.com/microsoft/fluentui/pull/22510) by olfedias@microsoft.com) diff --git a/packages/react-portal-compat-context/LICENSE b/packages/react-components/react-portal-compat-context/LICENSE similarity index 100% rename from packages/react-portal-compat-context/LICENSE rename to packages/react-components/react-portal-compat-context/LICENSE diff --git a/packages/react-portal-compat-context/README.md b/packages/react-components/react-portal-compat-context/README.md similarity index 100% rename from packages/react-portal-compat-context/README.md rename to packages/react-components/react-portal-compat-context/README.md diff --git a/packages/react-portal-compat-context/Spec.md b/packages/react-components/react-portal-compat-context/Spec.md similarity index 100% rename from packages/react-portal-compat-context/Spec.md rename to packages/react-components/react-portal-compat-context/Spec.md diff --git a/packages/priority-overflow/config/api-extractor.json b/packages/react-components/react-portal-compat-context/config/api-extractor.json similarity index 100% rename from packages/priority-overflow/config/api-extractor.json rename to packages/react-components/react-portal-compat-context/config/api-extractor.json diff --git a/packages/react-components/react-portal-compat-context/config/api-extractor.local.json b/packages/react-components/react-portal-compat-context/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-portal-compat-context/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-portal-compat-context/config/tests.js b/packages/react-components/react-portal-compat-context/config/tests.js similarity index 100% rename from packages/react-portal-compat-context/config/tests.js rename to packages/react-components/react-portal-compat-context/config/tests.js diff --git a/packages/react-portal-compat-context/etc/react-portal-compat-context.api.md b/packages/react-components/react-portal-compat-context/etc/react-portal-compat-context.api.md similarity index 99% rename from packages/react-portal-compat-context/etc/react-portal-compat-context.api.md rename to packages/react-components/react-portal-compat-context/etc/react-portal-compat-context.api.md index d3077047919531..18a3be1eae9ac5 100644 --- a/packages/react-portal-compat-context/etc/react-portal-compat-context.api.md +++ b/packages/react-components/react-portal-compat-context/etc/react-portal-compat-context.api.md @@ -3,7 +3,6 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - import * as React_2 from 'react'; // @public (undocumented) @@ -16,5 +15,4 @@ export type RegisterPortalFn = (el: HTMLElement) => () => void; export function usePortalCompat(): RegisterPortalFn; // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-portal-compat-context/jest.config.js b/packages/react-components/react-portal-compat-context/jest.config.js similarity index 92% rename from packages/react-portal-compat-context/jest.config.js rename to packages/react-components/react-portal-compat-context/jest.config.js index 5426040e680029..8eb34243a3f361 100644 --- a/packages/react-portal-compat-context/jest.config.js +++ b/packages/react-components/react-portal-compat-context/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-portal-compat-context', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-portal-compat-context/just.config.ts b/packages/react-components/react-portal-compat-context/just.config.ts similarity index 100% rename from packages/react-portal-compat-context/just.config.ts rename to packages/react-components/react-portal-compat-context/just.config.ts diff --git a/packages/react-portal-compat-context/package.json b/packages/react-components/react-portal-compat-context/package.json similarity index 82% rename from packages/react-portal-compat-context/package.json rename to packages/react-components/react-portal-compat-context/package.json index 6096de9363715f..2e524c6b1bdbc6 100644 --- a/packages/react-portal-compat-context/package.json +++ b/packages/react-components/react-portal-compat-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal-compat-context", - "version": "9.0.0-rc.0", + "version": "9.0.0-rc.1", "description": "A package that holds React context for compatibility of React Contexts", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -20,8 +20,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-portal-compat-context/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-portal-compat-context/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { diff --git a/packages/react-portal-compat-context/src/PortalCompatContext.ts b/packages/react-components/react-portal-compat-context/src/PortalCompatContext.ts similarity index 100% rename from packages/react-portal-compat-context/src/PortalCompatContext.ts rename to packages/react-components/react-portal-compat-context/src/PortalCompatContext.ts diff --git a/packages/react-portal-compat-context/src/index.ts b/packages/react-components/react-portal-compat-context/src/index.ts similarity index 100% rename from packages/react-portal-compat-context/src/index.ts rename to packages/react-components/react-portal-compat-context/src/index.ts diff --git a/packages/react-portal-compat-context/src/types.ts b/packages/react-components/react-portal-compat-context/src/types.ts similarity index 100% rename from packages/react-portal-compat-context/src/types.ts rename to packages/react-components/react-portal-compat-context/src/types.ts diff --git a/packages/react-portal-compat-context/tsconfig.json b/packages/react-components/react-portal-compat-context/tsconfig.json similarity index 89% rename from packages/react-portal-compat-context/tsconfig.json rename to packages/react-components/react-portal-compat-context/tsconfig.json index e99e6673fe354b..8a5dce296d241f 100644 --- a/packages/react-portal-compat-context/tsconfig.json +++ b/packages/react-components/react-portal-compat-context/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES5", "lib": ["es5", "dom"], diff --git a/packages/priority-overflow/tsconfig.lib.json b/packages/react-components/react-portal-compat-context/tsconfig.lib.json similarity index 100% rename from packages/priority-overflow/tsconfig.lib.json rename to packages/react-components/react-portal-compat-context/tsconfig.lib.json diff --git a/packages/react-portal-compat-context/tsconfig.spec.json b/packages/react-components/react-portal-compat-context/tsconfig.spec.json similarity index 100% rename from packages/react-portal-compat-context/tsconfig.spec.json rename to packages/react-components/react-portal-compat-context/tsconfig.spec.json diff --git a/packages/priority-overflow/.babelrc.json b/packages/react-components/react-portal-compat/.babelrc.json similarity index 100% rename from packages/priority-overflow/.babelrc.json rename to packages/react-components/react-portal-compat/.babelrc.json diff --git a/packages/react-portal-compat/.eslintrc.json b/packages/react-components/react-portal-compat/.eslintrc.json similarity index 100% rename from packages/react-portal-compat/.eslintrc.json rename to packages/react-components/react-portal-compat/.eslintrc.json diff --git a/packages/react-conformance-griffel/.npmignore b/packages/react-components/react-portal-compat/.npmignore similarity index 100% rename from packages/react-conformance-griffel/.npmignore rename to packages/react-components/react-portal-compat/.npmignore diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json new file mode 100644 index 00000000000000..8761d51b1e5660 --- /dev/null +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -0,0 +1,65 @@ +{ + "name": "@fluentui/react-portal-compat", + "entries": [ + { + "date": "Wed, 04 May 2022 13:26:46 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.0-rc.1", + "version": "9.0.0-rc.1", + "comments": { + "prerelease": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-portal-compat", + "commit": "280cf2336d814d7380d5cbf4999ce56da763919c", + "comment": "initial release" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-portal-compat-context to v9.0.0-rc.1", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.0.0-rc.9", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, + { + "date": "Tue, 19 Apr 2022 19:17:29 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.0-alpha.0", + "version": "9.0.0-alpha.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.5", + "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.6", + "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4", + "commit": "f94b48c825ca8c8b2e3b6755bdd29fe15c7d435d" + } + ] + } + } + ] +} diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md new file mode 100644 index 00000000000000..2091d1af866984 --- /dev/null +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -0,0 +1,27 @@ +# Change Log - @fluentui/react-portal-compat + +This log was last generated on Wed, 04 May 2022 13:26:46 GMT and should not be manually modified. + + + +## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.0-rc.1) + +Wed, 04 May 2022 13:26:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.0-alpha.0..@fluentui/react-portal-compat_v9.0.0-rc.1) + +### Changes + +- initial release ([PR #22510](https://github.com/microsoft/fluentui/pull/22510) by olfedias@microsoft.com) +- Bump @fluentui/react-portal-compat-context to v9.0.0-rc.1 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-components to v9.0.0-rc.9 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.0-alpha.0) + +Tue, 19 Apr 2022 19:17:29 GMT + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.5 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.6 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) +- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.4 ([PR #21995](https://github.com/microsoft/fluentui/pull/21995) by beachball) diff --git a/packages/react-portal-compat/LICENSE b/packages/react-components/react-portal-compat/LICENSE similarity index 100% rename from packages/react-portal-compat/LICENSE rename to packages/react-components/react-portal-compat/LICENSE diff --git a/packages/react-portal-compat/README.md b/packages/react-components/react-portal-compat/README.md similarity index 100% rename from packages/react-portal-compat/README.md rename to packages/react-components/react-portal-compat/README.md diff --git a/packages/react-conformance-griffel/config/api-extractor.json b/packages/react-components/react-portal-compat/config/api-extractor.json similarity index 100% rename from packages/react-conformance-griffel/config/api-extractor.json rename to packages/react-components/react-portal-compat/config/api-extractor.json diff --git a/packages/react-components/react-portal-compat/config/api-extractor.local.json b/packages/react-components/react-portal-compat/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-portal-compat/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-portal-compat/config/tests.js b/packages/react-components/react-portal-compat/config/tests.js similarity index 100% rename from packages/react-portal-compat/config/tests.js rename to packages/react-components/react-portal-compat/config/tests.js diff --git a/packages/react-portal-compat/etc/react-portal-compat.api.md b/packages/react-components/react-portal-compat/etc/react-portal-compat.api.md similarity index 99% rename from packages/react-portal-compat/etc/react-portal-compat.api.md rename to packages/react-components/react-portal-compat/etc/react-portal-compat.api.md index 8366f2b6842108..82bc16ce6f3d10 100644 --- a/packages/react-portal-compat/etc/react-portal-compat.api.md +++ b/packages/react-components/react-portal-compat/etc/react-portal-compat.api.md @@ -3,12 +3,10 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - import * as React_2 from 'react'; // @public (undocumented) export const PortalCompatProvider: React_2.FC; // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-portal-compat/jest.config.js b/packages/react-components/react-portal-compat/jest.config.js similarity index 91% rename from packages/react-portal-compat/jest.config.js rename to packages/react-components/react-portal-compat/jest.config.js index caa6c80f92c1bf..28fc28fa322b44 100644 --- a/packages/react-portal-compat/jest.config.js +++ b/packages/react-components/react-portal-compat/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-portal-compat', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-portal-compat/just.config.ts b/packages/react-components/react-portal-compat/just.config.ts similarity index 100% rename from packages/react-portal-compat/just.config.ts rename to packages/react-components/react-portal-compat/just.config.ts diff --git a/packages/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json similarity index 72% rename from packages/react-portal-compat/package.json rename to packages/react-components/react-portal-compat/package.json index fad8243e9f9c28..b4794b4a478661 100644 --- a/packages/react-portal-compat/package.json +++ b/packages/react-components/react-portal-compat/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal-compat", - "version": "9.0.0-rc.0", + "version": "9.0.0-rc.1", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -20,22 +20,22 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-portal-compat/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-portal-compat/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.0.0-rc.8", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", + "@fluentui/react-components": "^9.0.0-rc.9", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-portal-compat-context": "9.0.0-rc.0", + "@fluentui/react-portal-compat-context": "9.0.0-rc.1", "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react-components": "^9.0.0-rc.8", + "@fluentui/react-components": "^9.0.0-rc.9", "@types/react": ">=16.8.0 <18.0.0", "react": ">=16.8.0 <18.0.0" }, diff --git a/packages/react-portal-compat/src/PortalCompatProvider.test.tsx b/packages/react-components/react-portal-compat/src/PortalCompatProvider.test.tsx similarity index 100% rename from packages/react-portal-compat/src/PortalCompatProvider.test.tsx rename to packages/react-components/react-portal-compat/src/PortalCompatProvider.test.tsx diff --git a/packages/react-portal-compat/src/PortalCompatProvider.tsx b/packages/react-components/react-portal-compat/src/PortalCompatProvider.tsx similarity index 100% rename from packages/react-portal-compat/src/PortalCompatProvider.tsx rename to packages/react-components/react-portal-compat/src/PortalCompatProvider.tsx diff --git a/packages/react-portal-compat/src/index.ts b/packages/react-components/react-portal-compat/src/index.ts similarity index 100% rename from packages/react-portal-compat/src/index.ts rename to packages/react-components/react-portal-compat/src/index.ts diff --git a/packages/react-portal-compat/tsconfig.json b/packages/react-components/react-portal-compat/tsconfig.json similarity index 89% rename from packages/react-portal-compat/tsconfig.json rename to packages/react-components/react-portal-compat/tsconfig.json index e99e6673fe354b..8a5dce296d241f 100644 --- a/packages/react-portal-compat/tsconfig.json +++ b/packages/react-components/react-portal-compat/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES5", "lib": ["es5", "dom"], diff --git a/packages/react-portal-compat-context/tsconfig.lib.json b/packages/react-components/react-portal-compat/tsconfig.lib.json similarity index 100% rename from packages/react-portal-compat-context/tsconfig.lib.json rename to packages/react-components/react-portal-compat/tsconfig.lib.json diff --git a/packages/react-portal-compat/tsconfig.spec.json b/packages/react-components/react-portal-compat/tsconfig.spec.json similarity index 100% rename from packages/react-portal-compat/tsconfig.spec.json rename to packages/react-components/react-portal-compat/tsconfig.spec.json diff --git a/packages/react-components/react-portal/.babelrc.json b/packages/react-components/react-portal/.babelrc.json index 38bf1f7a945cf8..0b00fa93139ead 100644 --- a/packages/react-components/react-portal/.babelrc.json +++ b/packages/react-components/react-portal/.babelrc.json @@ -1,3 +1,4 @@ { + "presets": [], "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"] } diff --git a/packages/react-components/react-portal/.npmignore b/packages/react-components/react-portal/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-portal/.npmignore +++ b/packages/react-components/react-portal/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index f806fdb9a5d4b1..2171eb6a28f3ba 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:47 GMT", + "tag": "@fluentui/react-portal_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-portal", + "commit": "e74b180720cb9aec8df21753a55449849041af82", + "comment": "react-portal: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-portal_v9.0.0-rc.7", diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md index 08e76884dfe820..eaabf7fad95b32 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-portal -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:47 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:47 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.0-rc.7..@fluentui/react-portal_v9.0.0-rc.8) + +### Changes + +- feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-portal/config/api-extractor.json b/packages/react-components/react-portal/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-portal/config/api-extractor.json +++ b/packages/react-components/react-portal/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json index 32573d883fe406..729396a73efd51 100644 --- a/packages/react-components/react-portal/package.json +++ b/packages/react-components/react-portal/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-portal", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -31,9 +31,9 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-portal/src/index.ts b/packages/react-components/react-portal/src/index.ts index 9b33810767cd34..5db5de73d8904d 100644 --- a/packages/react-components/react-portal/src/index.ts +++ b/packages/react-components/react-portal/src/index.ts @@ -1,2 +1,3 @@ -export * from './components/Portal/index'; +export { Portal, renderPortal_unstable, usePortal_unstable } from './components/Portal/index'; +export type { PortalProps, PortalState } from './components/Portal/index'; export { elementContains, setVirtualParent } from './virtualParent/index'; diff --git a/packages/react-components/react-portal/tsconfig.lib.json b/packages/react-components/react-portal/tsconfig.lib.json index 79c440a4857481..ef66992c5a174a 100644 --- a/packages/react-components/react-portal/tsconfig.lib.json +++ b/packages/react-components/react-portal/tsconfig.lib.json @@ -5,16 +5,10 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, - "exclude": [ - "./src/common/**", - "**/*.spec.ts", - "**/*.spec.tsx", - "**/*.test.ts", - "**/*.test.tsx", - "**/*.stories.ts", - "**/*.stories.tsx" - ], + "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", "**/*.stories.tsx"], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-positioning/.babelrc.json b/packages/react-components/react-positioning/.babelrc.json similarity index 100% rename from packages/react-positioning/.babelrc.json rename to packages/react-components/react-positioning/.babelrc.json diff --git a/packages/react-positioning/.eslintrc.json b/packages/react-components/react-positioning/.eslintrc.json similarity index 100% rename from packages/react-positioning/.eslintrc.json rename to packages/react-components/react-positioning/.eslintrc.json diff --git a/packages/react-context-selector/.npmignore b/packages/react-components/react-positioning/.npmignore similarity index 100% rename from packages/react-context-selector/.npmignore rename to packages/react-components/react-positioning/.npmignore diff --git a/packages/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json similarity index 97% rename from packages/react-positioning/CHANGELOG.json rename to packages/react-components/react-positioning/CHANGELOG.json index 4d7a6f4f7b3125..a930ec6ba5d81f 100644 --- a/packages/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:47 GMT", + "tag": "@fluentui/react-positioning_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-positioning", + "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab", + "comment": "react-positioning: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:16:49 GMT", "tag": "@fluentui/react-positioning_v9.0.0-rc.6", diff --git a/packages/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md similarity index 92% rename from packages/react-positioning/CHANGELOG.md rename to packages/react-components/react-positioning/CHANGELOG.md index 252b7a3740ee57..50ac2a8c5dde07 100644 --- a/packages/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,12 +1,23 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Tue, 19 Apr 2022 19:16:49 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:47 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:47 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.6..@fluentui/react-positioning_v9.0.0-rc.7) + +### Changes + +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.6) -Tue, 19 Apr 2022 19:16:49 GMT +Tue, 19 Apr 2022 19:16:49 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.5..@fluentui/react-positioning_v9.0.0-rc.6) ### Changes @@ -18,7 +29,7 @@ Tue, 19 Apr 2022 19:16:49 GMT ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.5) -Fri, 04 Mar 2022 05:17:39 GMT +Fri, 04 Mar 2022 05:17:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.4..@fluentui/react-positioning_v9.0.0-rc.5) ### Changes @@ -31,7 +42,7 @@ Fri, 04 Mar 2022 05:17:39 GMT ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.4) -Tue, 01 Mar 2022 02:17:38 GMT +Tue, 01 Mar 2022 02:17:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.3..@fluentui/react-positioning_v9.0.0-rc.4) ### Changes @@ -42,7 +53,7 @@ Tue, 01 Mar 2022 02:17:38 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:33 GMT +Fri, 18 Feb 2022 13:35:33 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-rc.1..@fluentui/react-positioning_v9.0.0-rc.3) ### Changes @@ -53,7 +64,7 @@ Fri, 18 Feb 2022 13:35:33 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:50:40 GMT +Thu, 10 Feb 2022 08:50:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.4..@fluentui/react-positioning_v9.0.0-rc.1) ### Changes @@ -72,7 +83,7 @@ Thu, 10 Feb 2022 08:50:40 GMT ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.4) -Thu, 25 Nov 2021 08:34:15 GMT +Thu, 25 Nov 2021 08:34:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.3..@fluentui/react-positioning_v9.0.0-beta.4) ### Changes @@ -85,7 +96,7 @@ Thu, 25 Nov 2021 08:34:15 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.3) -Fri, 12 Nov 2021 13:25:30 GMT +Fri, 12 Nov 2021 13:25:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.2..@fluentui/react-positioning_v9.0.0-beta.3) ### Changes @@ -96,7 +107,7 @@ Fri, 12 Nov 2021 13:25:30 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.2) -Wed, 27 Oct 2021 12:14:21 GMT +Wed, 27 Oct 2021 12:14:21 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-beta.1..@fluentui/react-positioning_v9.0.0-beta.2) ### Changes @@ -107,7 +118,7 @@ Wed, 27 Oct 2021 12:14:21 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.65..@fluentui/react-positioning_v9.0.0-beta.1) ### Changes @@ -118,7 +129,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.65](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.65) -Tue, 05 Oct 2021 09:28:07 GMT +Tue, 05 Oct 2021 09:28:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.64..@fluentui/react-positioning_v9.0.0-alpha.65) ### Changes @@ -127,7 +138,7 @@ Tue, 05 Oct 2021 09:28:07 GMT ## [9.0.0-alpha.64](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.64) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.62..@fluentui/react-positioning_v9.0.0-alpha.64) ### Changes @@ -138,7 +149,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.62](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.62) -Wed, 29 Sep 2021 08:06:11 GMT +Wed, 29 Sep 2021 08:06:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.61..@fluentui/react-positioning_v9.0.0-alpha.62) ### Changes @@ -147,7 +158,7 @@ Wed, 29 Sep 2021 08:06:11 GMT ## [9.0.0-alpha.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.61) -Mon, 27 Sep 2021 08:06:00 GMT +Mon, 27 Sep 2021 08:06:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.60..@fluentui/react-positioning_v9.0.0-alpha.61) ### Changes @@ -156,7 +167,7 @@ Mon, 27 Sep 2021 08:06:00 GMT ## [9.0.0-alpha.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.60) -Fri, 24 Sep 2021 09:17:17 GMT +Fri, 24 Sep 2021 09:17:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.59..@fluentui/react-positioning_v9.0.0-alpha.60) ### Changes @@ -165,7 +176,7 @@ Fri, 24 Sep 2021 09:17:17 GMT ## [9.0.0-alpha.59](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.59) -Thu, 23 Sep 2021 08:21:34 GMT +Thu, 23 Sep 2021 08:21:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.58..@fluentui/react-positioning_v9.0.0-alpha.59) ### Changes @@ -174,7 +185,7 @@ Thu, 23 Sep 2021 08:21:34 GMT ## [9.0.0-alpha.58](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.58) -Wed, 22 Sep 2021 10:10:07 GMT +Wed, 22 Sep 2021 10:10:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.57..@fluentui/react-positioning_v9.0.0-alpha.58) ### Changes @@ -183,7 +194,7 @@ Wed, 22 Sep 2021 10:10:07 GMT ## [9.0.0-alpha.57](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.57) -Tue, 21 Sep 2021 07:42:34 GMT +Tue, 21 Sep 2021 07:42:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.56..@fluentui/react-positioning_v9.0.0-alpha.57) ### Changes @@ -192,7 +203,7 @@ Tue, 21 Sep 2021 07:42:34 GMT ## [9.0.0-alpha.56](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.56) -Mon, 20 Sep 2021 07:36:26 GMT +Mon, 20 Sep 2021 07:36:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.55..@fluentui/react-positioning_v9.0.0-alpha.56) ### Changes @@ -201,7 +212,7 @@ Mon, 20 Sep 2021 07:36:26 GMT ## [9.0.0-alpha.55](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.55) -Fri, 17 Sep 2021 07:35:26 GMT +Fri, 17 Sep 2021 07:35:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.54..@fluentui/react-positioning_v9.0.0-alpha.55) ### Changes @@ -210,7 +221,7 @@ Fri, 17 Sep 2021 07:35:26 GMT ## [9.0.0-alpha.54](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.54) -Thu, 16 Sep 2021 07:38:39 GMT +Thu, 16 Sep 2021 07:38:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.53..@fluentui/react-positioning_v9.0.0-alpha.54) ### Changes @@ -219,7 +230,7 @@ Thu, 16 Sep 2021 07:38:39 GMT ## [9.0.0-alpha.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.53) -Tue, 14 Sep 2021 20:09:02 GMT +Tue, 14 Sep 2021 20:09:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.52..@fluentui/react-positioning_v9.0.0-alpha.53) ### Changes @@ -228,7 +239,7 @@ Tue, 14 Sep 2021 20:09:02 GMT ## [9.0.0-alpha.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.52) -Fri, 10 Sep 2021 16:31:53 GMT +Fri, 10 Sep 2021 16:31:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.51..@fluentui/react-positioning_v9.0.0-alpha.52) ### Changes @@ -238,7 +249,7 @@ Fri, 10 Sep 2021 16:31:53 GMT ## [9.0.0-alpha.51](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.51) -Fri, 10 Sep 2021 07:39:51 GMT +Fri, 10 Sep 2021 07:39:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.50..@fluentui/react-positioning_v9.0.0-alpha.51) ### Changes @@ -247,7 +258,7 @@ Fri, 10 Sep 2021 07:39:51 GMT ## [9.0.0-alpha.50](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.50) -Wed, 08 Sep 2021 07:34:11 GMT +Wed, 08 Sep 2021 07:34:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.49..@fluentui/react-positioning_v9.0.0-alpha.50) ### Changes @@ -256,7 +267,7 @@ Wed, 08 Sep 2021 07:34:11 GMT ## [9.0.0-alpha.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.49) -Mon, 06 Sep 2021 07:34:53 GMT +Mon, 06 Sep 2021 07:34:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.48..@fluentui/react-positioning_v9.0.0-alpha.49) ### Changes @@ -265,7 +276,7 @@ Mon, 06 Sep 2021 07:34:53 GMT ## [9.0.0-alpha.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.48) -Wed, 01 Sep 2021 07:39:56 GMT +Wed, 01 Sep 2021 07:39:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.47..@fluentui/react-positioning_v9.0.0-alpha.48) ### Changes @@ -274,7 +285,7 @@ Wed, 01 Sep 2021 07:39:56 GMT ## [9.0.0-alpha.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.47) -Tue, 31 Aug 2021 07:37:47 GMT +Tue, 31 Aug 2021 07:37:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.46..@fluentui/react-positioning_v9.0.0-alpha.47) ### Changes @@ -283,7 +294,7 @@ Tue, 31 Aug 2021 07:37:47 GMT ## [9.0.0-alpha.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.46) -Tue, 24 Aug 2021 07:34:48 GMT +Tue, 24 Aug 2021 07:34:48 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.45..@fluentui/react-positioning_v9.0.0-alpha.46) ### Changes @@ -292,7 +303,7 @@ Tue, 24 Aug 2021 07:34:48 GMT ## [9.0.0-alpha.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.45) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.44..@fluentui/react-positioning_v9.0.0-alpha.45) ### Changes @@ -301,7 +312,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.44) -Thu, 19 Aug 2021 07:41:35 GMT +Thu, 19 Aug 2021 07:41:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.43..@fluentui/react-positioning_v9.0.0-alpha.44) ### Changes @@ -310,7 +321,7 @@ Thu, 19 Aug 2021 07:41:35 GMT ## [9.0.0-alpha.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.43) -Mon, 16 Aug 2021 07:36:39 GMT +Mon, 16 Aug 2021 07:36:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.42..@fluentui/react-positioning_v9.0.0-alpha.43) ### Changes @@ -319,7 +330,7 @@ Mon, 16 Aug 2021 07:36:39 GMT ## [9.0.0-alpha.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.42) -Fri, 13 Aug 2021 07:36:34 GMT +Fri, 13 Aug 2021 07:36:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.41..@fluentui/react-positioning_v9.0.0-alpha.42) ### Changes @@ -328,7 +339,7 @@ Fri, 13 Aug 2021 07:36:34 GMT ## [9.0.0-alpha.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.41) -Tue, 10 Aug 2021 07:33:28 GMT +Tue, 10 Aug 2021 07:33:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.40..@fluentui/react-positioning_v9.0.0-alpha.41) ### Changes @@ -337,7 +348,7 @@ Tue, 10 Aug 2021 07:33:28 GMT ## [9.0.0-alpha.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.40) -Fri, 06 Aug 2021 07:35:14 GMT +Fri, 06 Aug 2021 07:35:14 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.39..@fluentui/react-positioning_v9.0.0-alpha.40) ### Changes @@ -346,7 +357,7 @@ Fri, 06 Aug 2021 07:35:14 GMT ## [9.0.0-alpha.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.39) -Tue, 03 Aug 2021 07:39:30 GMT +Tue, 03 Aug 2021 07:39:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.38..@fluentui/react-positioning_v9.0.0-alpha.39) ### Patches @@ -360,7 +371,7 @@ Tue, 03 Aug 2021 07:39:30 GMT ## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.38) -Mon, 02 Aug 2021 07:36:20 GMT +Mon, 02 Aug 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.37..@fluentui/react-positioning_v9.0.0-alpha.38) ### Changes @@ -369,7 +380,7 @@ Mon, 02 Aug 2021 07:36:20 GMT ## [9.0.0-alpha.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.37) -Mon, 26 Jul 2021 07:37:30 GMT +Mon, 26 Jul 2021 07:37:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.36..@fluentui/react-positioning_v9.0.0-alpha.37) ### Changes @@ -378,7 +389,7 @@ Mon, 26 Jul 2021 07:37:30 GMT ## [9.0.0-alpha.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.36) -Fri, 23 Jul 2021 07:38:19 GMT +Fri, 23 Jul 2021 07:38:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.35..@fluentui/react-positioning_v9.0.0-alpha.36) ### Changes @@ -387,7 +398,7 @@ Fri, 23 Jul 2021 07:38:19 GMT ## [9.0.0-alpha.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.35) -Thu, 22 Jul 2021 07:36:55 GMT +Thu, 22 Jul 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.34..@fluentui/react-positioning_v9.0.0-alpha.35) ### Changes @@ -396,7 +407,7 @@ Thu, 22 Jul 2021 07:36:55 GMT ## [9.0.0-alpha.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.34) -Thu, 15 Jul 2021 07:36:18 GMT +Thu, 15 Jul 2021 07:36:18 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.33..@fluentui/react-positioning_v9.0.0-alpha.34) ### Changes @@ -405,7 +416,7 @@ Thu, 15 Jul 2021 07:36:18 GMT ## [9.0.0-alpha.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.33) -Fri, 09 Jul 2021 07:39:31 GMT +Fri, 09 Jul 2021 07:39:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.32..@fluentui/react-positioning_v9.0.0-alpha.33) ### Patches @@ -419,7 +430,7 @@ Fri, 09 Jul 2021 07:39:31 GMT ## [9.0.0-alpha.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.32) -Fri, 02 Jul 2021 23:15:55 GMT +Fri, 02 Jul 2021 23:15:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.31..@fluentui/react-positioning_v9.0.0-alpha.32) ### Changes @@ -428,7 +439,7 @@ Fri, 02 Jul 2021 23:15:55 GMT ## [9.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.31) -Fri, 02 Jul 2021 07:37:06 GMT +Fri, 02 Jul 2021 07:37:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.30..@fluentui/react-positioning_v9.0.0-alpha.31) ### Changes @@ -437,7 +448,7 @@ Fri, 02 Jul 2021 07:37:06 GMT ## [9.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.30) -Thu, 01 Jul 2021 07:35:05 GMT +Thu, 01 Jul 2021 07:35:05 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.29..@fluentui/react-positioning_v9.0.0-alpha.30) ### Changes @@ -446,7 +457,7 @@ Thu, 01 Jul 2021 07:35:05 GMT ## [9.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.29) -Wed, 16 Jun 2021 07:34:24 GMT +Wed, 16 Jun 2021 07:34:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.28..@fluentui/react-positioning_v9.0.0-alpha.29) ### Changes @@ -455,7 +466,7 @@ Wed, 16 Jun 2021 07:34:24 GMT ## [9.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.28) -Tue, 15 Jun 2021 07:40:20 GMT +Tue, 15 Jun 2021 07:40:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.27..@fluentui/react-positioning_v9.0.0-alpha.28) ### Changes @@ -464,7 +475,7 @@ Tue, 15 Jun 2021 07:40:20 GMT ## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.27) -Mon, 07 Jun 2021 07:38:15 GMT +Mon, 07 Jun 2021 07:38:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.26..@fluentui/react-positioning_v9.0.0-alpha.27) ### Patches @@ -478,7 +489,7 @@ Mon, 07 Jun 2021 07:38:15 GMT ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.26) -Fri, 04 Jun 2021 07:37:23 GMT +Fri, 04 Jun 2021 07:37:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.25..@fluentui/react-positioning_v9.0.0-alpha.26) ### Changes @@ -487,7 +498,7 @@ Fri, 04 Jun 2021 07:37:23 GMT ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.25) -Thu, 03 Jun 2021 07:36:03 GMT +Thu, 03 Jun 2021 07:36:03 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.24..@fluentui/react-positioning_v9.0.0-alpha.25) ### Changes @@ -496,7 +507,7 @@ Thu, 03 Jun 2021 07:36:03 GMT ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.24) -Fri, 28 May 2021 07:33:57 GMT +Fri, 28 May 2021 07:33:57 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.23..@fluentui/react-positioning_v9.0.0-alpha.24) ### Changes @@ -505,7 +516,7 @@ Fri, 28 May 2021 07:33:57 GMT ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.23) -Wed, 26 May 2021 07:35:43 GMT +Wed, 26 May 2021 07:35:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.22..@fluentui/react-positioning_v9.0.0-alpha.23) ### Changes @@ -514,7 +525,7 @@ Wed, 26 May 2021 07:35:43 GMT ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.22) -Fri, 21 May 2021 07:34:54 GMT +Fri, 21 May 2021 07:34:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.21..@fluentui/react-positioning_v9.0.0-alpha.22) ### Changes @@ -523,7 +534,7 @@ Fri, 21 May 2021 07:34:54 GMT ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.21) -Thu, 20 May 2021 07:41:54 GMT +Thu, 20 May 2021 07:41:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.20..@fluentui/react-positioning_v9.0.0-alpha.21) ### Patches @@ -537,7 +548,7 @@ Thu, 20 May 2021 07:41:54 GMT ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.20) -Wed, 19 May 2021 07:34:20 GMT +Wed, 19 May 2021 07:34:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.19..@fluentui/react-positioning_v9.0.0-alpha.20) ### Changes @@ -546,7 +557,7 @@ Wed, 19 May 2021 07:34:20 GMT ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.19) -Thu, 13 May 2021 07:36:55 GMT +Thu, 13 May 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.18..@fluentui/react-positioning_v9.0.0-alpha.19) ### Changes @@ -555,7 +566,7 @@ Thu, 13 May 2021 07:36:55 GMT ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.18) -Wed, 12 May 2021 07:36:20 GMT +Wed, 12 May 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.17..@fluentui/react-positioning_v9.0.0-alpha.18) ### Changes @@ -564,7 +575,7 @@ Wed, 12 May 2021 07:36:20 GMT ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.17) -Tue, 04 May 2021 07:36:35 GMT +Tue, 04 May 2021 07:36:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.16..@fluentui/react-positioning_v9.0.0-alpha.17) ### Changes @@ -573,7 +584,7 @@ Tue, 04 May 2021 07:36:35 GMT ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.16) -Mon, 03 May 2021 07:45:19 GMT +Mon, 03 May 2021 07:45:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.15..@fluentui/react-positioning_v9.0.0-alpha.16) ### Changes @@ -582,7 +593,7 @@ Mon, 03 May 2021 07:45:19 GMT ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.15) -Fri, 30 Apr 2021 07:42:23 GMT +Fri, 30 Apr 2021 07:42:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.14..@fluentui/react-positioning_v9.0.0-alpha.15) ### Patches @@ -597,7 +608,7 @@ Fri, 30 Apr 2021 07:42:23 GMT ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.14) -Fri, 23 Apr 2021 07:37:10 GMT +Fri, 23 Apr 2021 07:37:10 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.13..@fluentui/react-positioning_v9.0.0-alpha.14) ### Patches @@ -611,7 +622,7 @@ Fri, 23 Apr 2021 07:37:10 GMT ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.13) -Thu, 22 Apr 2021 07:33:28 GMT +Thu, 22 Apr 2021 07:33:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.12..@fluentui/react-positioning_v9.0.0-alpha.13) ### Changes @@ -620,7 +631,7 @@ Thu, 22 Apr 2021 07:33:28 GMT ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.12) -Wed, 21 Apr 2021 07:31:50 GMT +Wed, 21 Apr 2021 07:31:50 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.11..@fluentui/react-positioning_v9.0.0-alpha.12) ### Changes @@ -629,7 +640,7 @@ Wed, 21 Apr 2021 07:31:50 GMT ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.11) -Tue, 20 Apr 2021 07:31:35 GMT +Tue, 20 Apr 2021 07:31:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.10..@fluentui/react-positioning_v9.0.0-alpha.11) ### Changes @@ -638,7 +649,7 @@ Tue, 20 Apr 2021 07:31:35 GMT ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.10) -Fri, 16 Apr 2021 18:08:21 GMT +Fri, 16 Apr 2021 18:08:21 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.9..@fluentui/react-positioning_v9.0.0-alpha.10) ### Changes @@ -647,7 +658,7 @@ Fri, 16 Apr 2021 18:08:21 GMT ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.9) -Fri, 16 Apr 2021 07:32:08 GMT +Fri, 16 Apr 2021 07:32:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.8..@fluentui/react-positioning_v9.0.0-alpha.9) ### Changes @@ -656,7 +667,7 @@ Fri, 16 Apr 2021 07:32:08 GMT ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.8) -Wed, 14 Apr 2021 07:34:12 GMT +Wed, 14 Apr 2021 07:34:12 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.7..@fluentui/react-positioning_v9.0.0-alpha.8) ### Changes @@ -665,7 +676,7 @@ Wed, 14 Apr 2021 07:34:12 GMT ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.7) -Thu, 08 Apr 2021 07:33:06 GMT +Thu, 08 Apr 2021 07:33:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.6..@fluentui/react-positioning_v9.0.0-alpha.7) ### Changes @@ -674,7 +685,7 @@ Thu, 08 Apr 2021 07:33:06 GMT ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.6) -Thu, 01 Apr 2021 20:13:37 GMT +Thu, 01 Apr 2021 20:13:37 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.5..@fluentui/react-positioning_v9.0.0-alpha.6) ### Changes @@ -683,7 +694,7 @@ Thu, 01 Apr 2021 20:13:37 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.5) -Wed, 31 Mar 2021 00:53:43 GMT +Wed, 31 Mar 2021 00:53:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.4..@fluentui/react-positioning_v9.0.0-alpha.5) ### Patches @@ -697,7 +708,7 @@ Wed, 31 Mar 2021 00:53:43 GMT ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.4) -Tue, 30 Mar 2021 07:34:45 GMT +Tue, 30 Mar 2021 07:34:45 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.3..@fluentui/react-positioning_v9.0.0-alpha.4) ### Changes @@ -706,7 +717,7 @@ Tue, 30 Mar 2021 07:34:45 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.3) -Fri, 26 Mar 2021 07:32:34 GMT +Fri, 26 Mar 2021 07:32:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.2..@fluentui/react-positioning_v9.0.0-alpha.3) ### Changes @@ -715,7 +726,7 @@ Fri, 26 Mar 2021 07:32:34 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.0.0-alpha.2) -Thu, 25 Mar 2021 07:33:24 GMT +Thu, 25 Mar 2021 07:33:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.0.0-alpha.1..@fluentui/react-positioning_v9.0.0-alpha.2) ### Changes diff --git a/packages/react-positioning/LICENSE b/packages/react-components/react-positioning/LICENSE similarity index 100% rename from packages/react-positioning/LICENSE rename to packages/react-components/react-positioning/LICENSE diff --git a/packages/react-positioning/README.md b/packages/react-components/react-positioning/README.md similarity index 100% rename from packages/react-positioning/README.md rename to packages/react-components/react-positioning/README.md diff --git a/packages/react-positioning/bundle-size/usePopper.fixture.js b/packages/react-components/react-positioning/bundle-size/usePopper.fixture.js similarity index 100% rename from packages/react-positioning/bundle-size/usePopper.fixture.js rename to packages/react-components/react-positioning/bundle-size/usePopper.fixture.js diff --git a/packages/react-context-selector/config/api-extractor.json b/packages/react-components/react-positioning/config/api-extractor.json similarity index 100% rename from packages/react-context-selector/config/api-extractor.json rename to packages/react-components/react-positioning/config/api-extractor.json diff --git a/packages/react-components/react-positioning/config/api-extractor.local.json b/packages/react-components/react-positioning/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-positioning/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-positioning/config/tests.js b/packages/react-components/react-positioning/config/tests.js similarity index 100% rename from packages/react-positioning/config/tests.js rename to packages/react-components/react-positioning/config/tests.js diff --git a/packages/react-positioning/etc/react-positioning.api.md b/packages/react-components/react-positioning/etc/react-positioning.api.md similarity index 100% rename from packages/react-positioning/etc/react-positioning.api.md rename to packages/react-components/react-positioning/etc/react-positioning.api.md diff --git a/packages/react-positioning/jest.config.js b/packages/react-components/react-positioning/jest.config.js similarity index 92% rename from packages/react-positioning/jest.config.js rename to packages/react-components/react-positioning/jest.config.js index 4967b45ed7d552..969fa4131b16ba 100644 --- a/packages/react-positioning/jest.config.js +++ b/packages/react-components/react-positioning/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-positioning', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-positioning/just.config.ts b/packages/react-components/react-positioning/just.config.ts similarity index 100% rename from packages/react-positioning/just.config.ts rename to packages/react-components/react-positioning/just.config.ts diff --git a/packages/react-positioning/package.json b/packages/react-components/react-positioning/package.json similarity index 81% rename from packages/react-positioning/package.json rename to packages/react-components/react-positioning/package.json index 7fa1fbdbd947ae..b6ec05931e023b 100644 --- a/packages/react-positioning/package.json +++ b/packages/react-components/react-positioning/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-positioning", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -20,7 +20,7 @@ "lint": "just-scripts lint", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-positioning/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-positioning/src && yarn docs", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -29,9 +29,9 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@popperjs/core": "~2.4.3", "tslib": "^2.1.0" }, diff --git a/packages/react-positioning/src/createArrowStyles.ts b/packages/react-components/react-positioning/src/createArrowStyles.ts similarity index 100% rename from packages/react-positioning/src/createArrowStyles.ts rename to packages/react-components/react-positioning/src/createArrowStyles.ts diff --git a/packages/react-positioning/src/createVirtualElementFromClick.ts b/packages/react-components/react-positioning/src/createVirtualElementFromClick.ts similarity index 100% rename from packages/react-positioning/src/createVirtualElementFromClick.ts rename to packages/react-components/react-positioning/src/createVirtualElementFromClick.ts diff --git a/packages/react-components/react-positioning/src/index.ts b/packages/react-components/react-positioning/src/index.ts new file mode 100644 index 00000000000000..dd6112117aeba1 --- /dev/null +++ b/packages/react-components/react-positioning/src/index.ts @@ -0,0 +1,21 @@ +export { createVirtualElementFromClick } from './createVirtualElementFromClick'; +export { createArrowHeightStyles, createArrowStyles } from './createArrowStyles'; +export type { CreateArrowStylesOptions } from './createArrowStyles'; +export { usePopper } from './usePopper'; +export { usePopperMouseTarget } from './usePopperMouseTarget'; +export { resolvePositioningShorthand, mergeArrowOffset } from './utils/index'; +export type { + Alignment, + AutoSize, + Boundary, + Offset, + OffsetFunction, + OffsetFunctionParam, + PopperOptions, + PopperRefHandle, + PopperVirtualElement, + Position, + PositioningProps, + PositioningShorthand, + PositioningShorthandValue, +} from './types'; diff --git a/packages/react-positioning/src/isIntersectingModifier.ts b/packages/react-components/react-positioning/src/isIntersectingModifier.ts similarity index 100% rename from packages/react-positioning/src/isIntersectingModifier.ts rename to packages/react-components/react-positioning/src/isIntersectingModifier.ts diff --git a/packages/react-positioning/src/types.ts b/packages/react-components/react-positioning/src/types.ts similarity index 100% rename from packages/react-positioning/src/types.ts rename to packages/react-components/react-positioning/src/types.ts diff --git a/packages/react-positioning/src/usePopper.ts b/packages/react-components/react-positioning/src/usePopper.ts similarity index 100% rename from packages/react-positioning/src/usePopper.ts rename to packages/react-components/react-positioning/src/usePopper.ts diff --git a/packages/react-positioning/src/usePopperMouseTarget.ts b/packages/react-components/react-positioning/src/usePopperMouseTarget.ts similarity index 100% rename from packages/react-positioning/src/usePopperMouseTarget.ts rename to packages/react-components/react-positioning/src/usePopperMouseTarget.ts diff --git a/packages/react-positioning/src/utils/getBasePlacement.test.ts b/packages/react-components/react-positioning/src/utils/getBasePlacement.test.ts similarity index 100% rename from packages/react-positioning/src/utils/getBasePlacement.test.ts rename to packages/react-components/react-positioning/src/utils/getBasePlacement.test.ts diff --git a/packages/react-positioning/src/utils/getBasePlacement.ts b/packages/react-components/react-positioning/src/utils/getBasePlacement.ts similarity index 100% rename from packages/react-positioning/src/utils/getBasePlacement.ts rename to packages/react-components/react-positioning/src/utils/getBasePlacement.ts diff --git a/packages/react-positioning/src/utils/getBoundary.ts b/packages/react-components/react-positioning/src/utils/getBoundary.ts similarity index 100% rename from packages/react-positioning/src/utils/getBoundary.ts rename to packages/react-components/react-positioning/src/utils/getBoundary.ts diff --git a/packages/react-positioning/src/utils/getReactFiberFromNode.ts b/packages/react-components/react-positioning/src/utils/getReactFiberFromNode.ts similarity index 100% rename from packages/react-positioning/src/utils/getReactFiberFromNode.ts rename to packages/react-components/react-positioning/src/utils/getReactFiberFromNode.ts diff --git a/packages/react-positioning/src/utils/getScrollParent.ts b/packages/react-components/react-positioning/src/utils/getScrollParent.ts similarity index 100% rename from packages/react-positioning/src/utils/getScrollParent.ts rename to packages/react-components/react-positioning/src/utils/getScrollParent.ts diff --git a/packages/react-positioning/src/utils/index.ts b/packages/react-components/react-positioning/src/utils/index.ts similarity index 100% rename from packages/react-positioning/src/utils/index.ts rename to packages/react-components/react-positioning/src/utils/index.ts diff --git a/packages/react-positioning/src/utils/mergeArrowOffset.test.ts b/packages/react-components/react-positioning/src/utils/mergeArrowOffset.test.ts similarity index 100% rename from packages/react-positioning/src/utils/mergeArrowOffset.test.ts rename to packages/react-components/react-positioning/src/utils/mergeArrowOffset.test.ts diff --git a/packages/react-positioning/src/utils/mergeArrowOffset.ts b/packages/react-components/react-positioning/src/utils/mergeArrowOffset.ts similarity index 100% rename from packages/react-positioning/src/utils/mergeArrowOffset.ts rename to packages/react-components/react-positioning/src/utils/mergeArrowOffset.ts diff --git a/packages/react-positioning/src/utils/positioningHelper.test.ts b/packages/react-components/react-positioning/src/utils/positioningHelper.test.ts similarity index 100% rename from packages/react-positioning/src/utils/positioningHelper.test.ts rename to packages/react-components/react-positioning/src/utils/positioningHelper.test.ts diff --git a/packages/react-positioning/src/utils/positioningHelper.ts b/packages/react-components/react-positioning/src/utils/positioningHelper.ts similarity index 100% rename from packages/react-positioning/src/utils/positioningHelper.ts rename to packages/react-components/react-positioning/src/utils/positioningHelper.ts diff --git a/packages/react-positioning/src/utils/resolvePositioningShorthand.test.ts b/packages/react-components/react-positioning/src/utils/resolvePositioningShorthand.test.ts similarity index 100% rename from packages/react-positioning/src/utils/resolvePositioningShorthand.test.ts rename to packages/react-components/react-positioning/src/utils/resolvePositioningShorthand.test.ts diff --git a/packages/react-positioning/src/utils/resolvePositioningShorthand.ts b/packages/react-components/react-positioning/src/utils/resolvePositioningShorthand.ts similarity index 100% rename from packages/react-positioning/src/utils/resolvePositioningShorthand.ts rename to packages/react-components/react-positioning/src/utils/resolvePositioningShorthand.ts diff --git a/packages/react-positioning/src/utils/useCallbackRef.test.ts b/packages/react-components/react-positioning/src/utils/useCallbackRef.test.ts similarity index 100% rename from packages/react-positioning/src/utils/useCallbackRef.test.ts rename to packages/react-components/react-positioning/src/utils/useCallbackRef.test.ts diff --git a/packages/react-positioning/src/utils/useCallbackRef.ts b/packages/react-components/react-positioning/src/utils/useCallbackRef.ts similarity index 100% rename from packages/react-positioning/src/utils/useCallbackRef.ts rename to packages/react-components/react-positioning/src/utils/useCallbackRef.ts diff --git a/packages/react-components/react-positioning/tsconfig.json b/packages/react-components/react-positioning/tsconfig.json new file mode 100644 index 00000000000000..12ca516af1c5b2 --- /dev/null +++ b/packages/react-components/react-positioning/tsconfig.json @@ -0,0 +1,22 @@ +{ + "extends": "../../../tsconfig.base.json", + "compilerOptions": { + "target": "ES2019", + "noEmit": true, + "isolatedModules": true, + "importHelpers": true, + "jsx": "react", + "noUnusedLocals": true, + "preserveConstEnums": true + }, + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.lib.json" + }, + { + "path": "./tsconfig.spec.json" + } + ] +} diff --git a/packages/react-portal-compat/tsconfig.lib.json b/packages/react-components/react-positioning/tsconfig.lib.json similarity index 100% rename from packages/react-portal-compat/tsconfig.lib.json rename to packages/react-components/react-positioning/tsconfig.lib.json diff --git a/packages/react-positioning/tsconfig.spec.json b/packages/react-components/react-positioning/tsconfig.spec.json similarity index 100% rename from packages/react-positioning/tsconfig.spec.json rename to packages/react-components/react-positioning/tsconfig.spec.json diff --git a/packages/react-components/react-provider/.npmignore b/packages/react-components/react-provider/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-provider/.npmignore +++ b/packages/react-components/react-provider/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json index 4b9110d4e3ea99..02873fe5145c07 100644 --- a/packages/react-components/react-provider/CHANGELOG.json +++ b/packages/react-components/react-provider/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-provider", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:48 GMT", + "tag": "@fluentui/react-provider_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-provider", + "commit": "5842ed56a87ffcd6aa607cd98d3c95087221f017", + "comment": "react-provider: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-provider", + "commit": "c45f4a6c3dd09c77ce5f5f5e2926ce9494169e99", + "comment": "check for styleTag.sheet before performing actions on the sheet" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-provider", + "commit": "773b889cd09d46934feeabdbbc389c678b80f7a0", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:18 GMT", "tag": "@fluentui/react-provider_v9.0.0-rc.7", diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md index f1e6bd6187a98b..c2e8a7b6137bcf 100644 --- a/packages/react-components/react-provider/CHANGELOG.md +++ b/packages/react-components/react-provider/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-provider -This log was last generated on Mon, 25 Apr 2022 09:32:18 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:48 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:48 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-rc.7..@fluentui/react-provider_v9.0.0-rc.8) + +### Changes + +- check for styleTag.sheet before performing actions on the sheet ([PR #22684](https://github.com/microsoft/fluentui/pull/22684) by mgodbolt@microsoft.com) +- feat: ship rolluped only dts ([PR #22791](https://github.com/microsoft/fluentui/pull/22791) by martinhochel@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:18 GMT diff --git a/packages/react-components/react-provider/config/api-extractor.json b/packages/react-components/react-provider/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-provider/config/api-extractor.json +++ b/packages/react-components/react-provider/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index 9e73df7fd20192..dd6d4c71bda6d5 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-provider", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,10 +33,10 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts index 8e77331028ee7e..2b7e2d9bc0aa5e 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts +++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts @@ -37,13 +37,17 @@ export const useFluentProviderThemeStyleTag = (options: Pick 0) { - sheet.deleteRule(0); + if (sheet) { + if (sheet.cssRules.length > 0) { + sheet.deleteRule(0); + } + sheet.insertRule(cssRule, 0); + } else if (process.env.NODE_ENV !== 'production') { + // eslint-disable-next-line no-console + console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.'); } - - sheet.insertRule(cssRule, 0); } // Removes the style tag from the targetDocument on unmount or change diff --git a/packages/react-components/react-provider/tsconfig.lib.json b/packages/react-components/react-provider/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-provider/tsconfig.lib.json +++ b/packages/react-components/react-provider/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-radio/.babelrc.json b/packages/react-components/react-radio/.babelrc.json similarity index 100% rename from packages/react-radio/.babelrc.json rename to packages/react-components/react-radio/.babelrc.json diff --git a/packages/react-radio/.eslintrc.json b/packages/react-components/react-radio/.eslintrc.json similarity index 100% rename from packages/react-radio/.eslintrc.json rename to packages/react-components/react-radio/.eslintrc.json diff --git a/packages/react-overflow/.npmignore b/packages/react-components/react-radio/.npmignore similarity index 100% rename from packages/react-overflow/.npmignore rename to packages/react-components/react-radio/.npmignore diff --git a/packages/react-spinbutton/.storybook/main.js b/packages/react-components/react-radio/.storybook/main.js similarity index 67% rename from packages/react-spinbutton/.storybook/main.js rename to packages/react-components/react-radio/.storybook/main.js index 18a60b265c2cfb..7b7abd0e691d38 100644 --- a/packages/react-spinbutton/.storybook/main.js +++ b/packages/react-components/react-radio/.storybook/main.js @@ -1,6 +1,6 @@ -const rootMain = require('../../../.storybook/main'); +const rootMain = require('../../../../.storybook/main'); -module.exports = /** @type {Omit} */ ({ +module.exports = /** @type {Omit} */ ({ ...rootMain, stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], addons: [...rootMain.addons], diff --git a/packages/react-spinner/.storybook/preview.js b/packages/react-components/react-radio/.storybook/preview.js similarity index 76% rename from packages/react-spinner/.storybook/preview.js rename to packages/react-components/react-radio/.storybook/preview.js index 10fd98d02c9454..1939500a3d18c7 100644 --- a/packages/react-spinner/.storybook/preview.js +++ b/packages/react-components/react-radio/.storybook/preview.js @@ -1,4 +1,4 @@ -import * as rootPreview from '../../../.storybook/preview'; +import * as rootPreview from '../../../../.storybook/preview'; /** @type {typeof rootPreview.decorators} */ export const decorators = [...rootPreview.decorators]; diff --git a/packages/react-spinbutton/.storybook/tsconfig.json b/packages/react-components/react-radio/.storybook/tsconfig.json similarity index 100% rename from packages/react-spinbutton/.storybook/tsconfig.json rename to packages/react-components/react-radio/.storybook/tsconfig.json diff --git a/packages/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json similarity index 83% rename from packages/react-radio/CHANGELOG.json rename to packages/react-components/react-radio/CHANGELOG.json index eb1f072e9a4292..0be2f73d855675 100644 --- a/packages/react-radio/CHANGELOG.json +++ b/packages/react-components/react-radio/CHANGELOG.json @@ -1,6 +1,81 @@ { "name": "@fluentui/react-radio", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:48 GMT", + "tag": "@fluentui/react-radio_v9.0.0-beta.5", + "version": "9.0.0-beta.5", + "comments": { + "prerelease": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "9132814df4b6d40d1f5d93d8324d756c1284b294", + "comment": "react-radio: update context usage" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "8d990349b5af2d61057cccda2357412d2f5ab9b9", + "comment": "add bundle size fixtures" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "6a017c3b1f2a282fa86c28b675e5ed34a1bb2aee", + "comment": "react-radio: add required prop to RadioGroup" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "4bc1c43194cb9f44c5ad40ae43ab26556778157e", + "comment": "react-radio: remove required indicator from label" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "5f27c51743f22f08741a75c2c10032a02afdf6fb", + "comment": "write readme" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "3be7a89d9e9323780bba5b24d3bcc4342e1f1ec7", + "comment": "Allow data argument on onChange" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-radio_v9.0.0-beta.4", diff --git a/packages/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md similarity index 81% rename from packages/react-radio/CHANGELOG.md rename to packages/react-components/react-radio/CHANGELOG.md index e7bf5c2c003738..52d214477a9906 100644 --- a/packages/react-radio/CHANGELOG.md +++ b/packages/react-components/react-radio/CHANGELOG.md @@ -1,12 +1,31 @@ # Change Log - @fluentui/react-radio -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:48 GMT and should not be manually modified. +## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.5) + +Wed, 04 May 2022 13:26:48 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.4..@fluentui/react-radio_v9.0.0-beta.5) + +### Changes + +- react-radio: update context usage ([PR #22803](https://github.com/microsoft/fluentui/pull/22803) by seanmonahan@microsoft.com) +- add bundle size fixtures ([PR #22675](https://github.com/microsoft/fluentui/pull/22675) by seanmonahan@microsoft.com) +- react-radio: add required prop to RadioGroup ([PR #22809](https://github.com/microsoft/fluentui/pull/22809) by seanmonahan@microsoft.com) +- react-radio: remove required indicator from label ([PR #22782](https://github.com/microsoft/fluentui/pull/22782) by seanmonahan@microsoft.com) +- write readme ([PR #22676](https://github.com/microsoft/fluentui/pull/22676) by seanmonahan@microsoft.com) +- Allow data argument on onChange ([PR #22753](https://github.com/microsoft/fluentui/pull/22753) by miroslav.stastny@microsoft.com) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.4) -Mon, 25 Apr 2022 09:32:19 GMT +Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.3..@fluentui/react-radio_v9.0.0-beta.4) ### Changes @@ -15,7 +34,7 @@ Mon, 25 Apr 2022 09:32:19 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.3) -Tue, 19 Apr 2022 19:16:50 GMT +Tue, 19 Apr 2022 19:16:50 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.2..@fluentui/react-radio_v9.0.0-beta.3) ### Changes @@ -34,7 +53,7 @@ Tue, 19 Apr 2022 19:16:50 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.2) -Fri, 04 Mar 2022 05:17:40 GMT +Fri, 04 Mar 2022 05:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.1..@fluentui/react-radio_v9.0.0-beta.2) ### Changes @@ -48,7 +67,7 @@ Fri, 04 Mar 2022 05:17:40 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.1) -Tue, 01 Mar 2022 02:17:40 GMT +Tue, 01 Mar 2022 02:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.1..@fluentui/react-radio_v9.0.0-beta.1) ### Changes @@ -59,7 +78,7 @@ Tue, 01 Mar 2022 02:17:40 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.1) -Fri, 18 Feb 2022 13:35:38 GMT +Fri, 18 Feb 2022 13:35:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.0..@fluentui/react-radio_v9.0.0-beta.1) ### Changes @@ -71,7 +90,7 @@ Fri, 18 Feb 2022 13:35:38 GMT ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.0) -Thu, 10 Feb 2022 08:52:26 GMT +Thu, 10 Feb 2022 08:52:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.0..@fluentui/react-radio_v9.0.0-beta.0) ### Changes @@ -83,7 +102,7 @@ Thu, 10 Feb 2022 08:52:26 GMT ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.0) -Thu, 25 Nov 2021 08:34:17 GMT +Thu, 25 Nov 2021 08:34:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.0..@fluentui/react-radio_v9.0.0-beta.0) ### Changes @@ -96,7 +115,7 @@ Thu, 25 Nov 2021 08:34:17 GMT ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.0) -Fri, 12 Nov 2021 13:25:34 GMT +Fri, 12 Nov 2021 13:25:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.0..@fluentui/react-radio_v9.0.0-beta.0) ### Changes @@ -109,7 +128,7 @@ Fri, 12 Nov 2021 13:25:34 GMT ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.0-beta.0) -Wed, 27 Oct 2021 12:14:24 GMT +Wed, 27 Oct 2021 12:14:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.0-beta.0..@fluentui/react-radio_v9.0.0-beta.0) ### Changes diff --git a/packages/react-radio/LICENSE b/packages/react-components/react-radio/LICENSE similarity index 100% rename from packages/react-radio/LICENSE rename to packages/react-components/react-radio/LICENSE diff --git a/packages/react-radio/README.md b/packages/react-components/react-radio/README.md similarity index 90% rename from packages/react-radio/README.md rename to packages/react-components/react-radio/README.md index 07eacdd450383d..e173c2291873be 100644 --- a/packages/react-radio/README.md +++ b/packages/react-components/react-radio/README.md @@ -11,6 +11,10 @@ A Radio allows a user to select a single value from two or more options. All Rad Import `Radio` and `RadioGroup`: ```js +// From @fluentui/react-components +import { Radio, RadioGroup } from '@fluentui/react-components'; + +// Directly from @fluentui/react-radio import { Radio, RadioGroup } from '@fluentui/react-radio'; ``` diff --git a/packages/react-radio/Spec.md b/packages/react-components/react-radio/Spec.md similarity index 100% rename from packages/react-radio/Spec.md rename to packages/react-components/react-radio/Spec.md diff --git a/packages/react-radio/bundle-size/Radio.fixture.js b/packages/react-components/react-radio/bundle-size/Radio.fixture.js similarity index 100% rename from packages/react-radio/bundle-size/Radio.fixture.js rename to packages/react-components/react-radio/bundle-size/Radio.fixture.js diff --git a/packages/react-radio/bundle-size/RadioGroup.fixture.js b/packages/react-components/react-radio/bundle-size/RadioGroup.fixture.js similarity index 100% rename from packages/react-radio/bundle-size/RadioGroup.fixture.js rename to packages/react-components/react-radio/bundle-size/RadioGroup.fixture.js diff --git a/packages/react-overflow/config/api-extractor.json b/packages/react-components/react-radio/config/api-extractor.json similarity index 100% rename from packages/react-overflow/config/api-extractor.json rename to packages/react-components/react-radio/config/api-extractor.json diff --git a/packages/react-components/react-radio/config/api-extractor.local.json b/packages/react-components/react-radio/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-radio/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-radio/config/tests.js b/packages/react-components/react-radio/config/tests.js similarity index 100% rename from packages/react-radio/config/tests.js rename to packages/react-components/react-radio/config/tests.js diff --git a/packages/react-radio/etc/images/horizontal-group-stacked.png b/packages/react-components/react-radio/etc/images/horizontal-group-stacked.png similarity index 100% rename from packages/react-radio/etc/images/horizontal-group-stacked.png rename to packages/react-components/react-radio/etc/images/horizontal-group-stacked.png diff --git a/packages/react-radio/etc/images/horizontal-group.png b/packages/react-components/react-radio/etc/images/horizontal-group.png similarity index 100% rename from packages/react-radio/etc/images/horizontal-group.png rename to packages/react-components/react-radio/etc/images/horizontal-group.png diff --git a/packages/react-radio/etc/images/vertical-group-with-dropdown.png b/packages/react-components/react-radio/etc/images/vertical-group-with-dropdown.png similarity index 100% rename from packages/react-radio/etc/images/vertical-group-with-dropdown.png rename to packages/react-components/react-radio/etc/images/vertical-group-with-dropdown.png diff --git a/packages/react-radio/etc/images/vertical-group-with-input.png b/packages/react-components/react-radio/etc/images/vertical-group-with-input.png similarity index 100% rename from packages/react-radio/etc/images/vertical-group-with-input.png rename to packages/react-components/react-radio/etc/images/vertical-group-with-input.png diff --git a/packages/react-radio/etc/images/vertical-group.png b/packages/react-components/react-radio/etc/images/vertical-group.png similarity index 100% rename from packages/react-radio/etc/images/vertical-group.png rename to packages/react-components/react-radio/etc/images/vertical-group.png diff --git a/packages/react-radio/etc/react-radio.api.md b/packages/react-components/react-radio/etc/react-radio.api.md similarity index 80% rename from packages/react-radio/etc/react-radio.api.md rename to packages/react-components/react-radio/etc/react-radio.api.md index 91b3083a0a02d5..30b27213a5147d 100644 --- a/packages/react-radio/etc/react-radio.api.md +++ b/packages/react-components/react-radio/etc/react-radio.api.md @@ -6,6 +6,7 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; +import type { Context } from '@fluentui/react-context-selector'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { Label } from '@fluentui/react-label'; import * as React_2 from 'react'; @@ -31,10 +32,15 @@ export const radioGroupClassName = "fui-RadioGroup"; export const radioGroupClassNames: SlotClassNames; // @public -export const RadioGroupContext: React_2.Context; +export const RadioGroupContext: Context; // @public (undocumented) -export type RadioGroupContextValue = Pick; +export type RadioGroupContextValue = Pick; + +// @public (undocumented) +export type RadioGroupContextValues = { + radioGroup: RadioGroupContextValue; +}; // @public export type RadioGroupOnChangeData = { @@ -49,6 +55,7 @@ export type RadioGroupProps = Omit>, 'on onChange?: (ev: React_2.FormEvent, data: RadioGroupOnChangeData) => void; layout?: 'vertical' | 'horizontal' | 'horizontalStacked'; disabled?: boolean; + required?: boolean; }; // @public (undocumented) @@ -57,9 +64,7 @@ export type RadioGroupSlots = { }; // @public -export type RadioGroupState = ComponentState & Required> & { - context: RadioGroupContextValue; -}; +export type RadioGroupState = ComponentState & Required> & Partial>; // @public export type RadioOnChangeData = { @@ -67,7 +72,7 @@ export type RadioOnChangeData = { }; // @public -export type RadioProps = Omit, 'input'>, 'size'> & { +export type RadioProps = Omit, 'input'>, 'onChange' | 'size'> & { value?: string; labelPosition?: 'after' | 'below'; disabled?: boolean; @@ -89,7 +94,7 @@ export type RadioState = ComponentState & Required JSX.Element; // @public -export const renderRadioGroup_unstable: (state: RadioGroupState) => JSX.Element; +export const renderRadioGroup_unstable: (state: RadioGroupState, contextValues: RadioGroupContextValues) => JSX.Element; // @public export const useRadio_unstable: (props: RadioProps, ref: React_2.Ref) => RadioState; @@ -97,6 +102,9 @@ export const useRadio_unstable: (props: RadioProps, ref: React_2.Ref) => RadioGroupState; +// @public (undocumented) +export const useRadioGroupContextValues: (state: RadioGroupState) => RadioGroupContextValues; + // @public export const useRadioGroupStyles_unstable: (state: RadioGroupState) => void; diff --git a/packages/react-radio/jest.config.js b/packages/react-components/react-radio/jest.config.js similarity index 92% rename from packages/react-radio/jest.config.js rename to packages/react-components/react-radio/jest.config.js index 63d584739c6d92..22164b0662312b 100644 --- a/packages/react-radio/jest.config.js +++ b/packages/react-components/react-radio/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-radio', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-radio/just.config.ts b/packages/react-components/react-radio/just.config.ts similarity index 100% rename from packages/react-radio/just.config.ts rename to packages/react-components/react-radio/just.config.ts diff --git a/packages/react-radio/package.json b/packages/react-components/react-radio/package.json similarity index 76% rename from packages/react-radio/package.json rename to packages/react-components/react-radio/package.json index fe31510de38ccf..902af8cd131dc8 100644 --- a/packages/react-radio/package.json +++ b/packages/react-components/react-radio/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-radio", - "version": "9.0.0-beta.4", + "version": "9.0.0-rc.1", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,8 +21,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-radio/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-radio/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -31,11 +31,12 @@ "@fluentui/react-conformance-griffel": "9.0.0-beta.4" }, "dependencies": { + "@fluentui/react-context-selector": "9.0.0-rc.7", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-radio/src/Radio.ts b/packages/react-components/react-radio/src/Radio.ts similarity index 100% rename from packages/react-radio/src/Radio.ts rename to packages/react-components/react-radio/src/Radio.ts diff --git a/packages/react-radio/src/RadioGroup.ts b/packages/react-components/react-radio/src/RadioGroup.ts similarity index 100% rename from packages/react-radio/src/RadioGroup.ts rename to packages/react-components/react-radio/src/RadioGroup.ts diff --git a/packages/react-radio/src/common/isConformant.ts b/packages/react-components/react-radio/src/common/isConformant.ts similarity index 100% rename from packages/react-radio/src/common/isConformant.ts rename to packages/react-components/react-radio/src/common/isConformant.ts diff --git a/packages/react-radio/src/components/Radio/Radio.test.tsx b/packages/react-components/react-radio/src/components/Radio/Radio.test.tsx similarity index 92% rename from packages/react-radio/src/components/Radio/Radio.test.tsx rename to packages/react-components/react-radio/src/components/Radio/Radio.test.tsx index 9200123a60076c..8e92f1d3db62d4 100644 --- a/packages/react-radio/src/components/Radio/Radio.test.tsx +++ b/packages/react-components/react-radio/src/components/Radio/Radio.test.tsx @@ -31,6 +31,11 @@ describe('Radio', () => { const { getByRole, getByLabelText } = render(); expect(getByRole('radio')).toBe(getByLabelText('Test Label')); }); + it('renders a required radio', () => { + const { getByRole, getByLabelText } = render(); + expect(getByRole('radio')).toBe(getByLabelText('Required Label')); + expect((getByRole('radio') as HTMLInputElement).required).toBe(true); + }); it('forwards ID to input element', () => { const { getByRole } = render(); diff --git a/packages/react-radio/src/components/Radio/Radio.tsx b/packages/react-components/react-radio/src/components/Radio/Radio.tsx similarity index 100% rename from packages/react-radio/src/components/Radio/Radio.tsx rename to packages/react-components/react-radio/src/components/Radio/Radio.tsx diff --git a/packages/react-radio/src/components/Radio/Radio.types.ts b/packages/react-components/react-radio/src/components/Radio/Radio.types.ts similarity index 98% rename from packages/react-radio/src/components/Radio/Radio.types.ts rename to packages/react-components/react-radio/src/components/Radio/Radio.types.ts index f649db5778ea85..38df20cddb08e9 100644 --- a/packages/react-radio/src/components/Radio/Radio.types.ts +++ b/packages/react-components/react-radio/src/components/Radio/Radio.types.ts @@ -33,7 +33,7 @@ export type RadioSlots = { /** * Radio Props */ -export type RadioProps = Omit, 'input'>, 'size'> & { +export type RadioProps = Omit, 'input'>, 'onChange' | 'size'> & { /** * The value of the RadioGroup when this Radio item is selected. */ diff --git a/packages/react-radio/src/components/Radio/index.ts b/packages/react-components/react-radio/src/components/Radio/index.ts similarity index 100% rename from packages/react-radio/src/components/Radio/index.ts rename to packages/react-components/react-radio/src/components/Radio/index.ts diff --git a/packages/react-radio/src/components/Radio/renderRadio.tsx b/packages/react-components/react-radio/src/components/Radio/renderRadio.tsx similarity index 100% rename from packages/react-radio/src/components/Radio/renderRadio.tsx rename to packages/react-components/react-radio/src/components/Radio/renderRadio.tsx diff --git a/packages/react-radio/src/components/Radio/useRadio.tsx b/packages/react-components/react-radio/src/components/Radio/useRadio.tsx similarity index 69% rename from packages/react-radio/src/components/Radio/useRadio.tsx rename to packages/react-components/react-radio/src/components/Radio/useRadio.tsx index ae9c9dec52152d..b24cdd2eae94b3 100644 --- a/packages/react-radio/src/components/Radio/useRadio.tsx +++ b/packages/react-components/react-radio/src/components/Radio/useRadio.tsx @@ -3,6 +3,7 @@ import { CircleFilled } from '@fluentui/react-icons'; import { Label } from '@fluentui/react-label'; import { getPartitionedNativeProps, resolveShorthand, useId, useMergedEventCallbacks } from '@fluentui/react-utilities'; import { RadioGroupContext } from '../../contexts/RadioGroupContext'; +import { useContextSelector } from '@fluentui/react-context-selector'; import type { RadioProps, RadioState } from './Radio.types'; /** @@ -15,15 +16,20 @@ import type { RadioProps, RadioState } from './Radio.types'; * @param ref - reference to `` element of Radio */ export const useRadio_unstable = (props: RadioProps, ref: React.Ref): RadioState => { - const group = React.useContext(RadioGroupContext); + const nameGroup = useContextSelector(RadioGroupContext, ctx => ctx.name); + const value = useContextSelector(RadioGroupContext, ctx => ctx.value); + const defaultValue = useContextSelector(RadioGroupContext, ctx => ctx.defaultValue); + const disabledGroup = useContextSelector(RadioGroupContext, ctx => ctx.disabled); + const layout = useContextSelector(RadioGroupContext, ctx => ctx.layout); + const requiredGroup = useContextSelector(RadioGroupContext, ctx => ctx.required); const { - name = group.name, - checked = group.value !== undefined ? group.value === props.value : undefined, - defaultChecked = group.defaultValue !== undefined ? group.defaultValue === props.value : undefined, - labelPosition = group.layout === 'horizontalStacked' ? 'below' : 'after', - disabled = group.disabled, - required, + name = nameGroup, + checked = value !== undefined ? value === props.value : undefined, + defaultChecked = defaultValue !== undefined ? defaultValue === props.value : undefined, + labelPosition = layout === 'horizontalStacked' ? 'below' : 'after', + disabled = disabledGroup, + required = requiredGroup, onChange, } = props; @@ -48,6 +54,7 @@ export const useRadio_unstable = (props: RadioProps, ref: React.Ref { expect(items[2].disabled).toBe(true); }); + it('applies required to every radio item', () => { + const { getAllByRole } = render( + + + + + , + ); + const items = getAllByRole('radio') as HTMLInputElement[]; + expect(items[0].required).toBe(true); + expect(items[1].required).toBe(true); + expect(items[2].required).toBe(true); + }); + it('has no radio item selected by default', () => { const { getByDisplayValue } = render( diff --git a/packages/react-radio/src/components/RadioGroup/RadioGroup.tsx b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx similarity index 76% rename from packages/react-radio/src/components/RadioGroup/RadioGroup.tsx rename to packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx index 0aa11ca268f8d0..f0da1de47af807 100644 --- a/packages/react-radio/src/components/RadioGroup/RadioGroup.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx @@ -4,15 +4,17 @@ import { RadioGroupProps } from './RadioGroup.types'; import { renderRadioGroup_unstable } from './renderRadioGroup'; import { useRadioGroup_unstable } from './useRadioGroup'; import { useRadioGroupStyles_unstable } from './useRadioGroupStyles'; +import { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextValues'; /** * A RadioGroup component presents a set of options where only one option can be selected. */ export const RadioGroup: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useRadioGroup_unstable(props, ref); + const contextValues = useRadioGroupContextValues(state); useRadioGroupStyles_unstable(state); - return renderRadioGroup_unstable(state); + return renderRadioGroup_unstable(state, contextValues); }); RadioGroup.displayName = 'RadioGroup'; diff --git a/packages/react-radio/src/components/RadioGroup/RadioGroup.types.ts b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.types.ts similarity index 78% rename from packages/react-radio/src/components/RadioGroup/RadioGroup.types.ts rename to packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.types.ts index 6f61ce087ac45f..db4497fc5d416d 100644 --- a/packages/react-radio/src/components/RadioGroup/RadioGroup.types.ts +++ b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.types.ts @@ -1,6 +1,5 @@ import * as React from 'react'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; -import { RadioGroupContextValue } from '../../contexts/RadioGroupContext'; export type RadioGroupSlots = { /** @@ -39,7 +38,7 @@ export type RadioGroupProps = Omit>, 'on /** * How the radio items are laid out in the group. * - * @defaultvalue vertical + * @default vertical */ layout?: 'vertical' | 'horizontal' | 'horizontalStacked'; @@ -47,6 +46,11 @@ export type RadioGroupProps = Omit>, 'on * Disable all Radio items in this group. */ disabled?: boolean; + + /** + * Require all Radio items in this group. + */ + required?: boolean; }; /** @@ -63,6 +67,14 @@ export type RadioGroupOnChangeData = { * State used in rendering RadioGroup */ export type RadioGroupState = ComponentState & - Required> & { - context: RadioGroupContextValue; - }; + Required> & + Partial>; + +export type RadioGroupContextValue = Pick< + RadioGroupProps, + 'name' | 'value' | 'defaultValue' | 'disabled' | 'layout' | 'required' +>; + +export type RadioGroupContextValues = { + radioGroup: RadioGroupContextValue; +}; diff --git a/packages/react-radio/src/components/RadioGroup/index.ts b/packages/react-components/react-radio/src/components/RadioGroup/index.ts similarity index 100% rename from packages/react-radio/src/components/RadioGroup/index.ts rename to packages/react-components/react-radio/src/components/RadioGroup/index.ts diff --git a/packages/react-radio/src/components/RadioGroup/renderRadioGroup.tsx b/packages/react-components/react-radio/src/components/RadioGroup/renderRadioGroup.tsx similarity index 67% rename from packages/react-radio/src/components/RadioGroup/renderRadioGroup.tsx rename to packages/react-components/react-radio/src/components/RadioGroup/renderRadioGroup.tsx index 6b8eaf55ea2d17..9223d0697de903 100644 --- a/packages/react-radio/src/components/RadioGroup/renderRadioGroup.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroup/renderRadioGroup.tsx @@ -1,16 +1,16 @@ import * as React from 'react'; import { getSlots } from '@fluentui/react-utilities'; import { RadioGroupContext } from '../../contexts/RadioGroupContext'; -import { RadioGroupSlots, RadioGroupState } from './RadioGroup.types'; +import { RadioGroupContextValues, RadioGroupSlots, RadioGroupState } from './RadioGroup.types'; /** * Render the final JSX of RadioGroup */ -export const renderRadioGroup_unstable = (state: RadioGroupState) => { +export const renderRadioGroup_unstable = (state: RadioGroupState, contextValues: RadioGroupContextValues) => { const { slots, slotProps } = getSlots(state); return ( - + ); diff --git a/packages/react-radio/src/components/RadioGroup/useRadioGroup.ts b/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroup.ts similarity index 83% rename from packages/react-radio/src/components/RadioGroup/useRadioGroup.ts rename to packages/react-components/react-radio/src/components/RadioGroup/useRadioGroup.ts index 834eb8bc19d968..c199f4041b94ff 100644 --- a/packages/react-radio/src/components/RadioGroup/useRadioGroup.ts +++ b/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroup.ts @@ -14,20 +14,15 @@ import { RadioGroupProps, RadioGroupState } from './RadioGroup.types'; export const useRadioGroup_unstable = (props: RadioGroupProps, ref: React.Ref): RadioGroupState => { const generatedName = useId('radiogroup-'); - const { name = generatedName, value, defaultValue, disabled, layout = 'vertical', onChange } = props; + const { name = generatedName, value, defaultValue, disabled, layout = 'vertical', onChange, required } = props; return { layout, - context: React.useMemo( - () => ({ - name, - value, - defaultValue, - disabled, - layout, - }), - [name, layout, value, defaultValue, disabled], - ), + name, + value, + defaultValue, + disabled, + required, components: { root: 'div', }, diff --git a/packages/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts b/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts similarity index 100% rename from packages/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts rename to packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts diff --git a/packages/react-components/react-radio/src/contexts/RadioGroupContext.ts b/packages/react-components/react-radio/src/contexts/RadioGroupContext.ts new file mode 100644 index 00000000000000..2d11b895ce91b2 --- /dev/null +++ b/packages/react-components/react-radio/src/contexts/RadioGroupContext.ts @@ -0,0 +1,8 @@ +import { createContext } from '@fluentui/react-context-selector'; +import type { Context } from '@fluentui/react-context-selector'; +import type { RadioGroupContextValue } from '../RadioGroup'; + +/** + * RadioGroupContext is provided by RadioGroup, and is consumed by Radio to determine default values of some props. + */ +export const RadioGroupContext: Context = createContext({}); diff --git a/packages/react-components/react-radio/src/contexts/index.ts b/packages/react-components/react-radio/src/contexts/index.ts new file mode 100644 index 00000000000000..1b2f94037012fa --- /dev/null +++ b/packages/react-components/react-radio/src/contexts/index.ts @@ -0,0 +1,2 @@ +export * from './RadioGroupContext'; +export * from './useRadioGroupContextValues'; diff --git a/packages/react-components/react-radio/src/contexts/useRadioGroupContextValues.ts b/packages/react-components/react-radio/src/contexts/useRadioGroupContextValues.ts new file mode 100644 index 00000000000000..d51f6a321f14f9 --- /dev/null +++ b/packages/react-components/react-radio/src/contexts/useRadioGroupContextValues.ts @@ -0,0 +1,16 @@ +import type { RadioGroupContextValue, RadioGroupContextValues, RadioGroupState } from '../RadioGroup'; + +export const useRadioGroupContextValues = (state: RadioGroupState): RadioGroupContextValues => { + const { name, value, defaultValue, disabled, layout, required } = state; + + const radioGroup: RadioGroupContextValue = { + name, + value, + defaultValue, + disabled, + layout, + required, + }; + + return { radioGroup }; +}; diff --git a/packages/react-radio/src/index.ts b/packages/react-components/react-radio/src/index.ts similarity index 67% rename from packages/react-radio/src/index.ts rename to packages/react-components/react-radio/src/index.ts index 9923f02e094ba4..8b432ddbfe8617 100644 --- a/packages/react-radio/src/index.ts +++ b/packages/react-components/react-radio/src/index.ts @@ -7,7 +7,14 @@ export { useRadioGroupStyles_unstable, useRadioGroup_unstable, } from './RadioGroup'; -export type { RadioGroupOnChangeData, RadioGroupProps, RadioGroupSlots, RadioGroupState } from './RadioGroup'; +export type { + RadioGroupContextValue, + RadioGroupContextValues, + RadioGroupOnChangeData, + RadioGroupProps, + RadioGroupSlots, + RadioGroupState, +} from './RadioGroup'; export { Radio, /* eslint-disable-next-line deprecation/deprecation */ @@ -18,5 +25,4 @@ export { useRadio_unstable, } from './Radio'; export type { RadioProps, RadioSlots, RadioState, RadioOnChangeData } from './Radio'; -export { RadioGroupContext } from './contexts/RadioGroupContext'; -export type { RadioGroupContextValue } from './contexts/RadioGroupContext'; +export { RadioGroupContext, useRadioGroupContextValues } from './contexts/index'; diff --git a/packages/react-radio/src/stories/RadioGroup.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroup.stories.tsx similarity index 90% rename from packages/react-radio/src/stories/RadioGroup.stories.tsx rename to packages/react-components/react-radio/src/stories/RadioGroup.stories.tsx index 09aad9c81a0fad..83f323cacda110 100644 --- a/packages/react-radio/src/stories/RadioGroup.stories.tsx +++ b/packages/react-components/react-radio/src/stories/RadioGroup.stories.tsx @@ -8,12 +8,13 @@ export { Horizontal } from './RadioGroupHorizontal.stories'; export { HorizontalStacked } from './RadioGroupHorizontalStacked.stories'; export { ControlledValue } from './RadioGroupControlledValue.stories'; export { UncontrolledValue } from './RadioGroupUncontrolledValue.stories'; +export { Required } from './RadioGroupRequired.stories'; export { Disabled } from './RadioGroupDisabled.stories'; export { DisabledItem } from './RadioGroupDisabledItem.stories'; export { LabelSubtext } from './RadioGroupLabelSubtext.stories'; export default { - title: 'Preview Components/RadioGroup', + title: 'Components/RadioGroup', component: RadioGroup, parameters: { docs: { diff --git a/packages/react-radio/src/stories/RadioGroupBestPractices.md b/packages/react-components/react-radio/src/stories/RadioGroupBestPractices.md similarity index 100% rename from packages/react-radio/src/stories/RadioGroupBestPractices.md rename to packages/react-components/react-radio/src/stories/RadioGroupBestPractices.md diff --git a/packages/react-radio/src/stories/RadioGroupControlledValue.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupControlledValue.stories.tsx similarity index 53% rename from packages/react-radio/src/stories/RadioGroupControlledValue.stories.tsx rename to packages/react-components/react-radio/src/stories/RadioGroupControlledValue.stories.tsx index b82f0a40261ab2..77e9c2113287b8 100644 --- a/packages/react-radio/src/stories/RadioGroupControlledValue.stories.tsx +++ b/packages/react-components/react-radio/src/stories/RadioGroupControlledValue.stories.tsx @@ -1,15 +1,19 @@ import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; import { Radio, RadioGroup } from '../index'; export const ControlledValue = () => { - const [value, setValue] = React.useState('C'); + const [value, setValue] = React.useState('banana'); + const labelId = useId('label'); return (
- setValue(data.value)}> - - - - + + setValue(data.value)} aria-labelledby={labelId}> + + + +
Current value: {value}
diff --git a/packages/react-components/react-radio/src/stories/RadioGroupDefault.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupDefault.stories.tsx new file mode 100644 index 00000000000000..56d0b8688f1a88 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupDefault.stories.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup, RadioGroupProps } from '../index'; + +export const Default = (props: Partial) => { + const labelId = useId('label'); + return ( +
+ + + + + + + +
+ ); +}; diff --git a/packages/react-radio/src/stories/RadioGroupDescription.md b/packages/react-components/react-radio/src/stories/RadioGroupDescription.md similarity index 100% rename from packages/react-radio/src/stories/RadioGroupDescription.md rename to packages/react-components/react-radio/src/stories/RadioGroupDescription.md diff --git a/packages/react-components/react-radio/src/stories/RadioGroupDisabled.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupDisabled.stories.tsx new file mode 100644 index 00000000000000..ebfc41729a4303 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupDisabled.stories.tsx @@ -0,0 +1,26 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const Disabled = () => { + const labelId = useId('label'); + ; + return ( +
+ + + + + + +
+ ); +}; +Disabled.parameters = { + docs: { + description: { + story: 'RadioGroup can be disabled, which disables all Radio items inside.', + }, + }, +}; diff --git a/packages/react-components/react-radio/src/stories/RadioGroupDisabledItem.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupDisabledItem.stories.tsx new file mode 100644 index 00000000000000..7f0d3616a8bf3b --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupDisabledItem.stories.tsx @@ -0,0 +1,26 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const DisabledItem = () => { + const labelId = useId('label'); + return ( +
+ + + + + + + +
+ ); +}; +DisabledItem.parameters = { + docs: { + description: { + story: 'Radio items can be disabled individually.', + }, + }, +}; diff --git a/packages/react-components/react-radio/src/stories/RadioGroupHorizontal.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupHorizontal.stories.tsx new file mode 100644 index 00000000000000..571342edbad457 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupHorizontal.stories.tsx @@ -0,0 +1,27 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const Horizontal = () => { + const labelId = useId('label'); + return ( +
+ + + + + + + +
+ ); +}; +Horizontal.storyName = 'Layout: horizontal'; +Horizontal.parameters = { + docs: { + description: { + story: 'The `horizontal` layout places each radio item in a row, with labels after the radio indicator.', + }, + }, +}; diff --git a/packages/react-components/react-radio/src/stories/RadioGroupHorizontalStacked.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupHorizontalStacked.stories.tsx new file mode 100644 index 00000000000000..982cf095d68c96 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupHorizontalStacked.stories.tsx @@ -0,0 +1,28 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const HorizontalStacked = () => { + const labelId = useId('label'); + + return ( +
+ + + + + + + +
+ ); +}; +HorizontalStacked.storyName = 'Layout: horizontalStacked'; +HorizontalStacked.parameters = { + docs: { + description: { + story: 'The `horizontalStacked` layout places each radio item in a row, with labels below the radio indicator.', + }, + }, +}; diff --git a/packages/react-components/react-radio/src/stories/RadioGroupLabelSubtext.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupLabelSubtext.stories.tsx new file mode 100644 index 00000000000000..0e32dd0f01e0b7 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupLabelSubtext.stories.tsx @@ -0,0 +1,44 @@ +import * as React from 'react'; +import { Text } from '@fluentui/react-components'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const LabelSubtext = () => { + const labelId = useId('label'); + + return ( +
+ + + + Banana +
+ This is an example subtext of the first option + + } + /> + + Pear +
+ This is some more example subtext + + } + /> +
+
+ ); +}; +LabelSubtext.parameters = { + docs: { + description: { + story: "Radio's label supports any formatted text. In this example, smaller text is below the main label text.", + }, + }, +}; diff --git a/packages/react-radio/src/stories/RadioGroupLabeled.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupLabeled.stories.tsx similarity index 76% rename from packages/react-radio/src/stories/RadioGroupLabeled.stories.tsx rename to packages/react-components/react-radio/src/stories/RadioGroupLabeled.stories.tsx index 26bd54e067ef9e..513a345841300d 100644 --- a/packages/react-radio/src/stories/RadioGroupLabeled.stories.tsx +++ b/packages/react-components/react-radio/src/stories/RadioGroupLabeled.stories.tsx @@ -7,14 +7,12 @@ export const Labeled = () => { const labelId = useId('label-'); return (
- + - - - - + + + +
); diff --git a/packages/react-components/react-radio/src/stories/RadioGroupRequired.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupRequired.stories.tsx new file mode 100644 index 00000000000000..2727ddb8b761d5 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupRequired.stories.tsx @@ -0,0 +1,28 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const Required = () => { + const labelId = useId('label-'); + return ( +
+ + + + + + + +
+ ); +}; +Required.parameters = { + docs: { + description: { + story: 'Use the `required` prop on `RadioGroup` to make all child `Radio`s required.', + }, + }, +}; diff --git a/packages/react-components/react-radio/src/stories/RadioGroupUncontrolledValue.stories.tsx b/packages/react-components/react-radio/src/stories/RadioGroupUncontrolledValue.stories.tsx new file mode 100644 index 00000000000000..597d4da4138813 --- /dev/null +++ b/packages/react-components/react-radio/src/stories/RadioGroupUncontrolledValue.stories.tsx @@ -0,0 +1,29 @@ +import * as React from 'react'; +import { Label } from '@fluentui/react-label'; +import { useId } from '@fluentui/react-utilities'; +import { Radio, RadioGroup } from '../index'; + +export const UncontrolledValue = () => { + const labelId = useId('label'); + return ( +
+ + + + + + + +
+ ); +}; +UncontrolledValue.parameters = { + docs: { + description: { + story: + 'The initially selected item can be set by setting the `defaultValue` of RadioGroup. ' + + 'Alternatively, one Radio item can have `defaultChecked` set. ' + + 'Both methods have the same effect, but only one should be used in a given RadioGroup.', + }, + }, +}; diff --git a/packages/react-radio/tsconfig.json b/packages/react-components/react-radio/tsconfig.json similarity index 90% rename from packages/react-radio/tsconfig.json rename to packages/react-components/react-radio/tsconfig.json index affceae1828ae1..1941a041d46c19 100644 --- a/packages/react-radio/tsconfig.json +++ b/packages/react-components/react-radio/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-radio/tsconfig.lib.json b/packages/react-components/react-radio/tsconfig.lib.json similarity index 100% rename from packages/react-radio/tsconfig.lib.json rename to packages/react-components/react-radio/tsconfig.lib.json diff --git a/packages/react-radio/tsconfig.spec.json b/packages/react-components/react-radio/tsconfig.spec.json similarity index 100% rename from packages/react-radio/tsconfig.spec.json rename to packages/react-components/react-radio/tsconfig.spec.json diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json index 4906588d05e59b..384f4b85e2e56c 100644 --- a/packages/react-components/react-select/CHANGELOG.json +++ b/packages/react-components/react-select/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-select", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-select_v9.0.0-beta.0", + "version": "9.0.0-beta.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:29 GMT", "tag": "@fluentui/react-select_v9.0.0-beta.0", diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md index b38d5b153ce3e2..fd788c7a4fc0e2 100644 --- a/packages/react-components/react-select/CHANGELOG.md +++ b/packages/react-components/react-select/CHANGELOG.md @@ -1,11 +1,21 @@ # Change Log - @fluentui/react-select -This log was last generated on Tue, 19 Apr 2022 19:17:29 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.0..@fluentui/react-select_v9.0.0-beta.0) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.0) + Tue, 19 Apr 2022 19:17:29 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.0..@fluentui/react-select_v9.0.0-beta.0) diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index 5843c5ae97968b..96bcbb28556f0c 100644 --- a/packages/react-components/react-select/package.json +++ b/packages/react-components/react-select/package.json @@ -33,8 +33,8 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-select/src/index.ts b/packages/react-components/react-select/src/index.ts index 7868ecbae29d8f..445caa408bb2c2 100644 --- a/packages/react-components/react-select/src/index.ts +++ b/packages/react-components/react-select/src/index.ts @@ -1 +1,10 @@ -export * from './Select'; +export { + Select, + renderSelect_unstable, + // eslint-disable-next-line deprecation/deprecation + selectClassName, + selectClassNames, + useSelectStyles_unstable, + useSelect_unstable, +} from './Select'; +export type { SelectCommons, SelectProps, SelectSlots, SelectState } from './Select'; diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index 168c03b6b57067..91397d77414300 100644 --- a/packages/react-components/react-slider/CHANGELOG.json +++ b/packages/react-components/react-slider/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-slider", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:50 GMT", + "tag": "@fluentui/react-slider_v9.0.0-beta.13", + "version": "9.0.0-beta.13", + "comments": { + "prerelease": [ + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "cd923be82878c0d4e92bf6b6846b54f215d1877e", + "comment": "Adjust focus rect to match design, and update color tokens to improve dark mode contrast" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-slider", + "commit": "f1c470c25de01baef3180067fa99dcc10ec9ebd5", + "comment": "react-slider: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-slider_v9.0.0-beta.12", diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md index 915b5867c19725..c016fc20c69850 100644 --- a/packages/react-components/react-slider/CHANGELOG.md +++ b/packages/react-components/react-slider/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-slider -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:50 GMT and should not be manually modified. +## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.0-beta.13) + +Wed, 04 May 2022 13:26:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.0-beta.12..@fluentui/react-slider_v9.0.0-beta.13) + +### Changes + +- Adjust focus rect to match design, and update color tokens to improve dark mode contrast ([PR #22701](https://github.com/microsoft/fluentui/pull/22701) by mgodbolt@microsoft.com) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.0-beta.12) Mon, 25 Apr 2022 09:32:19 GMT diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index f45945d6317159..e4b00723553884 100644 --- a/packages/react-components/react-slider/package.json +++ b/packages/react-components/react-slider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-slider", - "version": "9.0.0-beta.12", + "version": "9.0.0-beta.13", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,15 +29,15 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.4", - "@fluentui/react-label": "9.0.0-beta.10", + "@fluentui/react-label": "9.0.0-beta.11", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-spinbutton/.babelrc.json b/packages/react-components/react-spinbutton/.babelrc.json similarity index 100% rename from packages/react-spinbutton/.babelrc.json rename to packages/react-components/react-spinbutton/.babelrc.json diff --git a/packages/react-spinbutton/.eslintrc.json b/packages/react-components/react-spinbutton/.eslintrc.json similarity index 100% rename from packages/react-spinbutton/.eslintrc.json rename to packages/react-components/react-spinbutton/.eslintrc.json diff --git a/packages/react-portal-compat-context/.npmignore b/packages/react-components/react-spinbutton/.npmignore similarity index 100% rename from packages/react-portal-compat-context/.npmignore rename to packages/react-components/react-spinbutton/.npmignore diff --git a/packages/react-spinner/.storybook/main.js b/packages/react-components/react-spinbutton/.storybook/main.js similarity index 67% rename from packages/react-spinner/.storybook/main.js rename to packages/react-components/react-spinbutton/.storybook/main.js index 18a60b265c2cfb..7b7abd0e691d38 100644 --- a/packages/react-spinner/.storybook/main.js +++ b/packages/react-components/react-spinbutton/.storybook/main.js @@ -1,6 +1,6 @@ -const rootMain = require('../../../.storybook/main'); +const rootMain = require('../../../../.storybook/main'); -module.exports = /** @type {Omit} */ ({ +module.exports = /** @type {Omit} */ ({ ...rootMain, stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], addons: [...rootMain.addons], diff --git a/packages/react-switch/.storybook/preview.js b/packages/react-components/react-spinbutton/.storybook/preview.js similarity index 76% rename from packages/react-switch/.storybook/preview.js rename to packages/react-components/react-spinbutton/.storybook/preview.js index 10fd98d02c9454..1939500a3d18c7 100644 --- a/packages/react-switch/.storybook/preview.js +++ b/packages/react-components/react-spinbutton/.storybook/preview.js @@ -1,4 +1,4 @@ -import * as rootPreview from '../../../.storybook/preview'; +import * as rootPreview from '../../../../.storybook/preview'; /** @type {typeof rootPreview.decorators} */ export const decorators = [...rootPreview.decorators]; diff --git a/packages/react-spinner/.storybook/tsconfig.json b/packages/react-components/react-spinbutton/.storybook/tsconfig.json similarity index 100% rename from packages/react-spinner/.storybook/tsconfig.json rename to packages/react-components/react-spinbutton/.storybook/tsconfig.json diff --git a/packages/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json similarity index 68% rename from packages/react-spinbutton/CHANGELOG.json rename to packages/react-components/react-spinbutton/CHANGELOG.json index f820e70568cb96..e53baae753b627 100644 --- a/packages/react-spinbutton/CHANGELOG.json +++ b/packages/react-components/react-spinbutton/CHANGELOG.json @@ -1,6 +1,65 @@ { "name": "@fluentui/react-spinbutton", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:50 GMT", + "tag": "@fluentui/react-spinbutton_v9.0.0-beta.8", + "version": "9.0.0-beta.8", + "comments": { + "prerelease": [ + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "c588d86a250e0e4894e41de2e1df273be9a7c866", + "comment": "remove MIGRATION.md" + }, + { + "author": "seanmonahan@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "a7f9a9f47b329e55a36791596b11289c50bb82d3", + "comment": "react-spinbutton: remove \"inputType\" prop" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/keyboard-keys to v9.0.0-rc.5", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-input to v9.0.0-beta.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-spinbutton", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-spinbutton: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:14 GMT", "tag": "@fluentui/react-spinbutton_v9.0.0-beta.7", diff --git a/packages/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md similarity index 71% rename from packages/react-spinbutton/CHANGELOG.md rename to packages/react-components/react-spinbutton/CHANGELOG.md index 249ac160012e11..1c5828709a8abb 100644 --- a/packages/react-spinbutton/CHANGELOG.md +++ b/packages/react-components/react-spinbutton/CHANGELOG.md @@ -1,12 +1,27 @@ # Change Log - @fluentui/react-spinbutton -This log was last generated on Mon, 25 Apr 2022 09:32:14 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:50 GMT and should not be manually modified. +## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.8) + +Wed, 04 May 2022 13:26:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.7..@fluentui/react-spinbutton_v9.0.0-beta.8) + +### Changes + +- remove MIGRATION.md ([PR #22737](https://github.com/microsoft/fluentui/pull/22737) by seanmonahan@microsoft.com) +- react-spinbutton: remove "inputType" prop ([PR #22652](https://github.com/microsoft/fluentui/pull/22652) by seanmonahan@microsoft.com) +- Bump @fluentui/keyboard-keys to v9.0.0-rc.5 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-input to v9.0.0-beta.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.7) -Mon, 25 Apr 2022 09:32:14 GMT +Mon, 25 Apr 2022 09:32:14 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.6..@fluentui/react-spinbutton_v9.0.0-beta.7) ### Changes @@ -17,7 +32,7 @@ Mon, 25 Apr 2022 09:32:14 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.6) -Tue, 19 Apr 2022 19:17:29 GMT +Tue, 19 Apr 2022 19:17:29 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.6..@fluentui/react-spinbutton_v9.0.0-beta.6) ### Changes @@ -30,7 +45,7 @@ Tue, 19 Apr 2022 19:17:29 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.6) -Fri, 04 Mar 2022 05:17:40 GMT +Fri, 04 Mar 2022 05:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.6..@fluentui/react-spinbutton_v9.0.0-beta.6) ### Changes @@ -39,7 +54,7 @@ Fri, 04 Mar 2022 05:17:40 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.6) -Tue, 01 Mar 2022 02:17:40 GMT +Tue, 01 Mar 2022 02:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.6..@fluentui/react-spinbutton_v9.0.0-beta.6) ### Changes @@ -48,7 +63,7 @@ Tue, 01 Mar 2022 02:17:40 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.6) -Fri, 18 Feb 2022 13:35:38 GMT +Fri, 18 Feb 2022 13:35:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.5..@fluentui/react-spinbutton_v9.0.0-beta.6) ### Changes diff --git a/packages/react-spinbutton/LICENSE b/packages/react-components/react-spinbutton/LICENSE similarity index 100% rename from packages/react-spinbutton/LICENSE rename to packages/react-components/react-spinbutton/LICENSE diff --git a/packages/react-spinbutton/README.md b/packages/react-components/react-spinbutton/README.md similarity index 100% rename from packages/react-spinbutton/README.md rename to packages/react-components/react-spinbutton/README.md diff --git a/packages/react-spinbutton/Spec.md b/packages/react-components/react-spinbutton/Spec.md similarity index 100% rename from packages/react-spinbutton/Spec.md rename to packages/react-components/react-spinbutton/Spec.md diff --git a/packages/react-spinbutton/bundle-size/SpinButton.fixture.js b/packages/react-components/react-spinbutton/bundle-size/SpinButton.fixture.js similarity index 100% rename from packages/react-spinbutton/bundle-size/SpinButton.fixture.js rename to packages/react-components/react-spinbutton/bundle-size/SpinButton.fixture.js diff --git a/packages/react-portal-compat-context/config/api-extractor.json b/packages/react-components/react-spinbutton/config/api-extractor.json similarity index 100% rename from packages/react-portal-compat-context/config/api-extractor.json rename to packages/react-components/react-spinbutton/config/api-extractor.json diff --git a/packages/react-components/react-spinbutton/config/api-extractor.local.json b/packages/react-components/react-spinbutton/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-spinbutton/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-spinbutton/config/tests.js b/packages/react-components/react-spinbutton/config/tests.js similarity index 100% rename from packages/react-spinbutton/config/tests.js rename to packages/react-components/react-spinbutton/config/tests.js diff --git a/packages/react-spinbutton/etc/react-spinbutton.api.md b/packages/react-components/react-spinbutton/etc/react-spinbutton.api.md similarity index 100% rename from packages/react-spinbutton/etc/react-spinbutton.api.md rename to packages/react-components/react-spinbutton/etc/react-spinbutton.api.md diff --git a/packages/react-spinbutton/jest.config.js b/packages/react-components/react-spinbutton/jest.config.js similarity index 92% rename from packages/react-spinbutton/jest.config.js rename to packages/react-components/react-spinbutton/jest.config.js index 71544070f3c39f..65367de52ec506 100644 --- a/packages/react-spinbutton/jest.config.js +++ b/packages/react-components/react-spinbutton/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-spinbutton', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-spinbutton/just.config.ts b/packages/react-components/react-spinbutton/just.config.ts similarity index 100% rename from packages/react-spinbutton/just.config.ts rename to packages/react-components/react-spinbutton/just.config.ts diff --git a/packages/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json similarity index 77% rename from packages/react-spinbutton/package.json rename to packages/react-components/react-spinbutton/package.json index 3ce2dff5ad2cda..21cf7d1ac34b61 100644 --- a/packages/react-spinbutton/package.json +++ b/packages/react-components/react-spinbutton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinbutton", - "version": "9.0.0-beta.7", + "version": "9.0.0-beta.8", "description": "Fluent UI React SpinButton component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,24 +21,24 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-spinbutton/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-spinbutton/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.4", - "@fluentui/react-label": "9.0.0-beta.10", + "@fluentui/react-label": "9.0.0-beta.11", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/keyboard-keys": "9.0.0-rc.4", + "@fluentui/keyboard-keys": "9.0.0-rc.5", "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-input": "9.0.0-beta.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-input": "9.0.0-beta.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-spinbutton/spec-assets/spec-spinbutton-anatomy-alt-optional.png b/packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-anatomy-alt-optional.png similarity index 100% rename from packages/react-spinbutton/spec-assets/spec-spinbutton-anatomy-alt-optional.png rename to packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-anatomy-alt-optional.png diff --git a/packages/react-spinbutton/spec-assets/spec-spinbutton-anatomy.png b/packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-anatomy.png similarity index 100% rename from packages/react-spinbutton/spec-assets/spec-spinbutton-anatomy.png rename to packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-anatomy.png diff --git a/packages/react-spinbutton/spec-assets/spec-spinbutton-rtl.png b/packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-rtl.png similarity index 100% rename from packages/react-spinbutton/spec-assets/spec-spinbutton-rtl.png rename to packages/react-components/react-spinbutton/spec-assets/spec-spinbutton-rtl.png diff --git a/packages/react-spinbutton/src/SpinButton.ts b/packages/react-components/react-spinbutton/src/SpinButton.ts similarity index 100% rename from packages/react-spinbutton/src/SpinButton.ts rename to packages/react-components/react-spinbutton/src/SpinButton.ts diff --git a/packages/react-spinbutton/src/common/isConformant.ts b/packages/react-components/react-spinbutton/src/common/isConformant.ts similarity index 100% rename from packages/react-spinbutton/src/common/isConformant.ts rename to packages/react-components/react-spinbutton/src/common/isConformant.ts diff --git a/packages/react-spinbutton/src/components/SpinButton/SpinButton.strings.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.strings.ts similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/SpinButton.strings.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.strings.ts diff --git a/packages/react-spinbutton/src/components/SpinButton/SpinButton.test.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.test.tsx similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/SpinButton.test.tsx rename to packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.test.tsx diff --git a/packages/react-spinbutton/src/components/SpinButton/SpinButton.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/SpinButton.tsx rename to packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx diff --git a/packages/react-spinbutton/src/components/SpinButton/SpinButton.types.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.types.ts similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/SpinButton.types.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.types.ts diff --git a/packages/react-spinbutton/src/components/SpinButton/index.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/index.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/index.ts diff --git a/packages/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx rename to packages/react-components/react-spinbutton/src/components/SpinButton/renderSpinButton.tsx diff --git a/packages/react-spinbutton/src/components/SpinButton/useSpinButton.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButton.tsx similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/useSpinButton.tsx rename to packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButton.tsx diff --git a/packages/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts similarity index 100% rename from packages/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts diff --git a/packages/react-spinbutton/src/index.ts b/packages/react-components/react-spinbutton/src/index.ts similarity index 100% rename from packages/react-spinbutton/src/index.ts rename to packages/react-components/react-spinbutton/src/index.ts diff --git a/packages/react-spinbutton/src/stories/SpinButton.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButton.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButton.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButton.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonAppearance.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonAppearance.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonAppearance.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonAppearance.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonBestPractices.md b/packages/react-components/react-spinbutton/src/stories/SpinButtonBestPractices.md similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonBestPractices.md rename to packages/react-components/react-spinbutton/src/stories/SpinButtonBestPractices.md diff --git a/packages/react-spinbutton/src/stories/SpinButtonBounds.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonBounds.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonBounds.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonBounds.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonControlled.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonControlled.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonControlled.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonControlled.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonDescription.md b/packages/react-components/react-spinbutton/src/stories/SpinButtonDescription.md similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonDescription.md rename to packages/react-components/react-spinbutton/src/stories/SpinButtonDescription.md diff --git a/packages/react-spinbutton/src/stories/SpinButtonDisabled.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonDisabled.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonDisabled.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonDisabled.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonDisplayValue.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonDisplayValue.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonDisplayValue.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonDisplayValue.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonRTL.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonRTL.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonRTL.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonRTL.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonSize.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonSize.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonSize.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonSize.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonStep.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonStep.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonStep.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonStep.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonStrings.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonStrings.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonStrings.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonStrings.stories.tsx diff --git a/packages/react-spinbutton/src/stories/SpinButtonUncontrolled.stories.tsx b/packages/react-components/react-spinbutton/src/stories/SpinButtonUncontrolled.stories.tsx similarity index 100% rename from packages/react-spinbutton/src/stories/SpinButtonUncontrolled.stories.tsx rename to packages/react-components/react-spinbutton/src/stories/SpinButtonUncontrolled.stories.tsx diff --git a/packages/react-spinbutton/src/utils/clamp.test.ts b/packages/react-components/react-spinbutton/src/utils/clamp.test.ts similarity index 100% rename from packages/react-spinbutton/src/utils/clamp.test.ts rename to packages/react-components/react-spinbutton/src/utils/clamp.test.ts diff --git a/packages/react-spinbutton/src/utils/clamp.ts b/packages/react-components/react-spinbutton/src/utils/clamp.ts similarity index 100% rename from packages/react-spinbutton/src/utils/clamp.ts rename to packages/react-components/react-spinbutton/src/utils/clamp.ts diff --git a/packages/react-spinbutton/src/utils/getBound.test.ts b/packages/react-components/react-spinbutton/src/utils/getBound.test.ts similarity index 100% rename from packages/react-spinbutton/src/utils/getBound.test.ts rename to packages/react-components/react-spinbutton/src/utils/getBound.test.ts diff --git a/packages/react-spinbutton/src/utils/getBound.ts b/packages/react-components/react-spinbutton/src/utils/getBound.ts similarity index 100% rename from packages/react-spinbutton/src/utils/getBound.ts rename to packages/react-components/react-spinbutton/src/utils/getBound.ts diff --git a/packages/react-spinbutton/src/utils/index.ts b/packages/react-components/react-spinbutton/src/utils/index.ts similarity index 100% rename from packages/react-spinbutton/src/utils/index.ts rename to packages/react-components/react-spinbutton/src/utils/index.ts diff --git a/packages/react-spinbutton/src/utils/precision.test.ts b/packages/react-components/react-spinbutton/src/utils/precision.test.ts similarity index 100% rename from packages/react-spinbutton/src/utils/precision.test.ts rename to packages/react-components/react-spinbutton/src/utils/precision.test.ts diff --git a/packages/react-spinbutton/src/utils/precision.ts b/packages/react-components/react-spinbutton/src/utils/precision.ts similarity index 100% rename from packages/react-spinbutton/src/utils/precision.ts rename to packages/react-components/react-spinbutton/src/utils/precision.ts diff --git a/packages/react-spinbutton/tsconfig.json b/packages/react-components/react-spinbutton/tsconfig.json similarity index 90% rename from packages/react-spinbutton/tsconfig.json rename to packages/react-components/react-spinbutton/tsconfig.json index affceae1828ae1..1941a041d46c19 100644 --- a/packages/react-spinbutton/tsconfig.json +++ b/packages/react-components/react-spinbutton/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-spinbutton/tsconfig.lib.json b/packages/react-components/react-spinbutton/tsconfig.lib.json similarity index 100% rename from packages/react-spinbutton/tsconfig.lib.json rename to packages/react-components/react-spinbutton/tsconfig.lib.json diff --git a/packages/react-spinbutton/tsconfig.spec.json b/packages/react-components/react-spinbutton/tsconfig.spec.json similarity index 100% rename from packages/react-spinbutton/tsconfig.spec.json rename to packages/react-components/react-spinbutton/tsconfig.spec.json diff --git a/packages/react-spinner/.babelrc.json b/packages/react-components/react-spinner/.babelrc.json similarity index 100% rename from packages/react-spinner/.babelrc.json rename to packages/react-components/react-spinner/.babelrc.json diff --git a/packages/react-spinner/.eslintrc.json b/packages/react-components/react-spinner/.eslintrc.json similarity index 100% rename from packages/react-spinner/.eslintrc.json rename to packages/react-components/react-spinner/.eslintrc.json diff --git a/packages/react-portal-compat/.npmignore b/packages/react-components/react-spinner/.npmignore similarity index 100% rename from packages/react-portal-compat/.npmignore rename to packages/react-components/react-spinner/.npmignore diff --git a/packages/react-components/react-spinner/.storybook/main.js b/packages/react-components/react-spinner/.storybook/main.js new file mode 100644 index 00000000000000..7b7abd0e691d38 --- /dev/null +++ b/packages/react-components/react-spinner/.storybook/main.js @@ -0,0 +1,14 @@ +const rootMain = require('../../../../.storybook/main'); + +module.exports = /** @type {Omit} */ ({ + ...rootMain, + stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], + addons: [...rootMain.addons], + webpackFinal: (config, options) => { + const localConfig = { ...rootMain.webpackFinal(config, options) }; + + // add your own webpack tweaks if needed + + return localConfig; + }, +}); diff --git a/packages/react-spinbutton/.storybook/preview.js b/packages/react-components/react-spinner/.storybook/preview.js similarity index 76% rename from packages/react-spinbutton/.storybook/preview.js rename to packages/react-components/react-spinner/.storybook/preview.js index 10fd98d02c9454..1939500a3d18c7 100644 --- a/packages/react-spinbutton/.storybook/preview.js +++ b/packages/react-components/react-spinner/.storybook/preview.js @@ -1,4 +1,4 @@ -import * as rootPreview from '../../../.storybook/preview'; +import * as rootPreview from '../../../../.storybook/preview'; /** @type {typeof rootPreview.decorators} */ export const decorators = [...rootPreview.decorators]; diff --git a/packages/react-switch/.storybook/tsconfig.json b/packages/react-components/react-spinner/.storybook/tsconfig.json similarity index 100% rename from packages/react-switch/.storybook/tsconfig.json rename to packages/react-components/react-spinner/.storybook/tsconfig.json diff --git a/packages/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json similarity index 79% rename from packages/react-spinner/CHANGELOG.json rename to packages/react-components/react-spinner/CHANGELOG.json index 35309bf66d2355..395562266a0dd4 100644 --- a/packages/react-spinner/CHANGELOG.json +++ b/packages/react-components/react-spinner/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-spinner", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:51 GMT", + "tag": "@fluentui/react-spinner_v9.0.0-beta.8", + "version": "9.0.0-beta.8", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-spinner", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-spinner: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:15 GMT", "tag": "@fluentui/react-spinner_v9.0.0-beta.7", diff --git a/packages/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md similarity index 79% rename from packages/react-spinner/CHANGELOG.md rename to packages/react-components/react-spinner/CHANGELOG.md index 96570550083289..468fa5591fadaf 100644 --- a/packages/react-spinner/CHANGELOG.md +++ b/packages/react-components/react-spinner/CHANGELOG.md @@ -1,12 +1,23 @@ # Change Log - @fluentui/react-spinner -This log was last generated on Mon, 25 Apr 2022 09:32:15 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:51 GMT and should not be manually modified. +## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.8) + +Wed, 04 May 2022 13:26:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.7..@fluentui/react-spinner_v9.0.0-beta.8) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.7) -Mon, 25 Apr 2022 09:32:15 GMT +Mon, 25 Apr 2022 09:32:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.6..@fluentui/react-spinner_v9.0.0-beta.7) ### Changes @@ -15,7 +26,7 @@ Mon, 25 Apr 2022 09:32:15 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.6) -Tue, 19 Apr 2022 19:17:29 GMT +Tue, 19 Apr 2022 19:17:29 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.6..@fluentui/react-spinner_v9.0.0-beta.6) ### Changes @@ -27,7 +38,7 @@ Tue, 19 Apr 2022 19:17:29 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.6) -Fri, 04 Mar 2022 05:17:40 GMT +Fri, 04 Mar 2022 05:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.6..@fluentui/react-spinner_v9.0.0-beta.6) ### Changes @@ -37,7 +48,7 @@ Fri, 04 Mar 2022 05:17:40 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.6) -Tue, 01 Mar 2022 02:17:40 GMT +Tue, 01 Mar 2022 02:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.6..@fluentui/react-spinner_v9.0.0-beta.6) ### Changes @@ -46,7 +57,7 @@ Tue, 01 Mar 2022 02:17:40 GMT ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.0-beta.6) -Fri, 18 Feb 2022 13:35:38 GMT +Fri, 18 Feb 2022 13:35:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.0-beta.5..@fluentui/react-spinner_v9.0.0-beta.6) ### Changes diff --git a/packages/react-spinner/LICENSE b/packages/react-components/react-spinner/LICENSE similarity index 100% rename from packages/react-spinner/LICENSE rename to packages/react-components/react-spinner/LICENSE diff --git a/packages/react-spinner/MIGRATION.md b/packages/react-components/react-spinner/MIGRATION.md similarity index 100% rename from packages/react-spinner/MIGRATION.md rename to packages/react-components/react-spinner/MIGRATION.md diff --git a/packages/react-spinner/README.md b/packages/react-components/react-spinner/README.md similarity index 100% rename from packages/react-spinner/README.md rename to packages/react-components/react-spinner/README.md diff --git a/packages/react-spinner/Spec.md b/packages/react-components/react-spinner/Spec.md similarity index 100% rename from packages/react-spinner/Spec.md rename to packages/react-components/react-spinner/Spec.md diff --git a/packages/react-spinner/bundle-size/Spinner.fixture.js b/packages/react-components/react-spinner/bundle-size/Spinner.fixture.js similarity index 100% rename from packages/react-spinner/bundle-size/Spinner.fixture.js rename to packages/react-components/react-spinner/bundle-size/Spinner.fixture.js diff --git a/packages/react-portal-compat/config/api-extractor.json b/packages/react-components/react-spinner/config/api-extractor.json similarity index 100% rename from packages/react-portal-compat/config/api-extractor.json rename to packages/react-components/react-spinner/config/api-extractor.json diff --git a/packages/react-components/react-spinner/config/api-extractor.local.json b/packages/react-components/react-spinner/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-spinner/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-spinner/config/tests.js b/packages/react-components/react-spinner/config/tests.js similarity index 100% rename from packages/react-spinner/config/tests.js rename to packages/react-components/react-spinner/config/tests.js diff --git a/packages/react-spinner/etc/react-spinner.api.md b/packages/react-components/react-spinner/etc/react-spinner.api.md similarity index 93% rename from packages/react-spinner/etc/react-spinner.api.md rename to packages/react-components/react-spinner/etc/react-spinner.api.md index 98942717852efb..5bda07fa85e510 100644 --- a/packages/react-spinner/etc/react-spinner.api.md +++ b/packages/react-components/react-spinner/etc/react-spinner.api.md @@ -3,7 +3,6 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; @@ -26,9 +25,9 @@ export type SpinnerProps = Omit, 'size'> & Partial< // @public (undocumented) export type SpinnerSlots = { - root: NonNullable>; - spinner?: Slot<'span'>; - label?: Slot; + root: NonNullable>; + spinner?: Slot<'span'>; + label?: Slot; }; // @public @@ -41,5 +40,4 @@ export const useSpinner_unstable: (props: SpinnerProps, ref: React_2.Ref SpinnerState; // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-spinner/jest.config.js b/packages/react-components/react-spinner/jest.config.js similarity index 92% rename from packages/react-spinner/jest.config.js rename to packages/react-components/react-spinner/jest.config.js index 41d2c70dbd5930..5d869297d75285 100644 --- a/packages/react-spinner/jest.config.js +++ b/packages/react-components/react-spinner/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-spinner', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-spinner/just.config.ts b/packages/react-components/react-spinner/just.config.ts similarity index 100% rename from packages/react-spinner/just.config.ts rename to packages/react-components/react-spinner/just.config.ts diff --git a/packages/react-spinner/package.json b/packages/react-components/react-spinner/package.json similarity index 80% rename from packages/react-spinner/package.json rename to packages/react-components/react-spinner/package.json index 9f96ed314d2b18..3953edfa951eb9 100644 --- a/packages/react-spinner/package.json +++ b/packages/react-components/react-spinner/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinner", - "version": "9.0.0-beta.7", + "version": "9.0.0-beta.8", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,8 +21,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-spinner/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-spinner/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -32,9 +32,9 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-spinner/src/Spinner.ts b/packages/react-components/react-spinner/src/Spinner.ts similarity index 100% rename from packages/react-spinner/src/Spinner.ts rename to packages/react-components/react-spinner/src/Spinner.ts diff --git a/packages/react-spinner/src/common/isConformant.ts b/packages/react-components/react-spinner/src/common/isConformant.ts similarity index 100% rename from packages/react-spinner/src/common/isConformant.ts rename to packages/react-components/react-spinner/src/common/isConformant.ts diff --git a/packages/react-spinner/src/components/Spinner/DefaultSvg.tsx b/packages/react-components/react-spinner/src/components/Spinner/DefaultSvg.tsx similarity index 100% rename from packages/react-spinner/src/components/Spinner/DefaultSvg.tsx rename to packages/react-components/react-spinner/src/components/Spinner/DefaultSvg.tsx diff --git a/packages/react-spinner/src/components/Spinner/Spinner.test.tsx b/packages/react-components/react-spinner/src/components/Spinner/Spinner.test.tsx similarity index 100% rename from packages/react-spinner/src/components/Spinner/Spinner.test.tsx rename to packages/react-components/react-spinner/src/components/Spinner/Spinner.test.tsx diff --git a/packages/react-spinner/src/components/Spinner/Spinner.tsx b/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx similarity index 100% rename from packages/react-spinner/src/components/Spinner/Spinner.tsx rename to packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx diff --git a/packages/react-spinner/src/components/Spinner/Spinner.types.ts b/packages/react-components/react-spinner/src/components/Spinner/Spinner.types.ts similarity index 100% rename from packages/react-spinner/src/components/Spinner/Spinner.types.ts rename to packages/react-components/react-spinner/src/components/Spinner/Spinner.types.ts diff --git a/packages/react-spinner/src/components/Spinner/index.ts b/packages/react-components/react-spinner/src/components/Spinner/index.ts similarity index 100% rename from packages/react-spinner/src/components/Spinner/index.ts rename to packages/react-components/react-spinner/src/components/Spinner/index.ts diff --git a/packages/react-spinner/src/components/Spinner/renderSpinner.tsx b/packages/react-components/react-spinner/src/components/Spinner/renderSpinner.tsx similarity index 100% rename from packages/react-spinner/src/components/Spinner/renderSpinner.tsx rename to packages/react-components/react-spinner/src/components/Spinner/renderSpinner.tsx diff --git a/packages/react-spinner/src/components/Spinner/useSpinner.tsx b/packages/react-components/react-spinner/src/components/Spinner/useSpinner.tsx similarity index 100% rename from packages/react-spinner/src/components/Spinner/useSpinner.tsx rename to packages/react-components/react-spinner/src/components/Spinner/useSpinner.tsx diff --git a/packages/react-spinner/src/components/Spinner/useSpinnerStyles.ts b/packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts similarity index 100% rename from packages/react-spinner/src/components/Spinner/useSpinnerStyles.ts rename to packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts diff --git a/packages/react-spinner/src/index.ts b/packages/react-components/react-spinner/src/index.ts similarity index 100% rename from packages/react-spinner/src/index.ts rename to packages/react-components/react-spinner/src/index.ts diff --git a/packages/react-spinner/src/stories/Spinner.stories.tsx b/packages/react-components/react-spinner/src/stories/Spinner.stories.tsx similarity index 100% rename from packages/react-spinner/src/stories/Spinner.stories.tsx rename to packages/react-components/react-spinner/src/stories/Spinner.stories.tsx diff --git a/packages/react-spinner/src/stories/SpinnerAppearance.stories.tsx b/packages/react-components/react-spinner/src/stories/SpinnerAppearance.stories.tsx similarity index 100% rename from packages/react-spinner/src/stories/SpinnerAppearance.stories.tsx rename to packages/react-components/react-spinner/src/stories/SpinnerAppearance.stories.tsx diff --git a/packages/react-spinner/src/stories/SpinnerBestPractices.md b/packages/react-components/react-spinner/src/stories/SpinnerBestPractices.md similarity index 100% rename from packages/react-spinner/src/stories/SpinnerBestPractices.md rename to packages/react-components/react-spinner/src/stories/SpinnerBestPractices.md diff --git a/packages/react-spinner/src/stories/SpinnerDefault.stories.tsx b/packages/react-components/react-spinner/src/stories/SpinnerDefault.stories.tsx similarity index 100% rename from packages/react-spinner/src/stories/SpinnerDefault.stories.tsx rename to packages/react-components/react-spinner/src/stories/SpinnerDefault.stories.tsx diff --git a/packages/react-spinner/src/stories/SpinnerDescription.md b/packages/react-components/react-spinner/src/stories/SpinnerDescription.md similarity index 100% rename from packages/react-spinner/src/stories/SpinnerDescription.md rename to packages/react-components/react-spinner/src/stories/SpinnerDescription.md diff --git a/packages/react-spinner/src/stories/SpinnerLabel.stories.tsx b/packages/react-components/react-spinner/src/stories/SpinnerLabel.stories.tsx similarity index 100% rename from packages/react-spinner/src/stories/SpinnerLabel.stories.tsx rename to packages/react-components/react-spinner/src/stories/SpinnerLabel.stories.tsx diff --git a/packages/react-spinner/src/stories/SpinnerSize.stories.tsx b/packages/react-components/react-spinner/src/stories/SpinnerSize.stories.tsx similarity index 100% rename from packages/react-spinner/src/stories/SpinnerSize.stories.tsx rename to packages/react-components/react-spinner/src/stories/SpinnerSize.stories.tsx diff --git a/packages/react-spinner/tsconfig.json b/packages/react-components/react-spinner/tsconfig.json similarity index 90% rename from packages/react-spinner/tsconfig.json rename to packages/react-components/react-spinner/tsconfig.json index affceae1828ae1..1941a041d46c19 100644 --- a/packages/react-spinner/tsconfig.json +++ b/packages/react-components/react-spinner/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../../tsconfig.base.json", "compilerOptions": { "target": "ES2019", "noEmit": true, diff --git a/packages/react-spinner/tsconfig.lib.json b/packages/react-components/react-spinner/tsconfig.lib.json similarity index 100% rename from packages/react-spinner/tsconfig.lib.json rename to packages/react-components/react-spinner/tsconfig.lib.json diff --git a/packages/react-spinner/tsconfig.spec.json b/packages/react-components/react-spinner/tsconfig.spec.json similarity index 100% rename from packages/react-spinner/tsconfig.spec.json rename to packages/react-components/react-spinner/tsconfig.spec.json diff --git a/packages/react-components/react-storybook-addon/CHANGELOG.json b/packages/react-components/react-storybook-addon/CHANGELOG.json index aff8d57bc004fb..640ab3c8359789 100644 --- a/packages/react-components/react-storybook-addon/CHANGELOG.json +++ b/packages/react-components/react-storybook-addon/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-storybook-addon", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-storybook-addon_v9.0.0-rc.1", + "version": "9.0.0-rc.1", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-storybook-addon", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-storybook-addon", + "comment": "Bump @fluentui/react-provider to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-storybook-addon_v9.0.0-rc.1", diff --git a/packages/react-components/react-storybook-addon/CHANGELOG.md b/packages/react-components/react-storybook-addon/CHANGELOG.md index cdd11e6e2b92fc..2b4b6ae9b2225c 100644 --- a/packages/react-components/react-storybook-addon/CHANGELOG.md +++ b/packages/react-components/react-storybook-addon/CHANGELOG.md @@ -1,11 +1,21 @@ # Change Log - @fluentui/react-storybook-addon -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v9.0.0-rc.1) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook-addon_v9.0.0-rc.1..@fluentui/react-storybook-addon_v9.0.0-rc.1) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-provider to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook-addon_v9.0.0-rc.1) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook-addon_v9.0.0-rc.1..@fluentui/react-storybook-addon_v9.0.0-rc.1) diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index e298cac0b8f1d1..a249af255a82b0 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-provider": "9.0.0-rc.7", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-provider": "9.0.0-rc.8", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-storybook/CHANGELOG.json b/packages/react-components/react-storybook/CHANGELOG.json index 2132b0ea71b236..c454c0f586326c 100644 --- a/packages/react-components/react-storybook/CHANGELOG.json +++ b/packages/react-components/react-storybook/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-storybook", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-storybook_v9.0.0-rc.1", + "version": "9.0.0-rc.1", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-storybook", + "comment": "Bump @fluentui/react-provider to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-storybook", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-storybook_v9.0.0-rc.1", diff --git a/packages/react-components/react-storybook/CHANGELOG.md b/packages/react-components/react-storybook/CHANGELOG.md index f728e0711cadb1..ab8c93f81f9e9f 100644 --- a/packages/react-components/react-storybook/CHANGELOG.md +++ b/packages/react-components/react-storybook/CHANGELOG.md @@ -1,11 +1,21 @@ # Change Log - @fluentui/react-storybook -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook_v9.0.0-rc.1) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook_v9.0.0-rc.1..@fluentui/react-storybook_v9.0.0-rc.1) + +### Changes + +- Bump @fluentui/react-provider to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-storybook_v9.0.0-rc.1) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-storybook_v9.0.0-rc.1..@fluentui/react-storybook_v9.0.0-rc.1) diff --git a/packages/react-components/react-storybook/package.json b/packages/react-components/react-storybook/package.json index b1d0963dcf940d..a452da16aa973b 100644 --- a/packages/react-components/react-storybook/package.json +++ b/packages/react-components/react-storybook/package.json @@ -30,8 +30,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-provider": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", + "@fluentui/react-provider": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-switch/.babelrc.json b/packages/react-components/react-switch/.babelrc.json similarity index 100% rename from packages/react-switch/.babelrc.json rename to packages/react-components/react-switch/.babelrc.json diff --git a/packages/react-switch/.eslintrc.json b/packages/react-components/react-switch/.eslintrc.json similarity index 100% rename from packages/react-switch/.eslintrc.json rename to packages/react-components/react-switch/.eslintrc.json diff --git a/packages/react-positioning/.npmignore b/packages/react-components/react-switch/.npmignore similarity index 100% rename from packages/react-positioning/.npmignore rename to packages/react-components/react-switch/.npmignore diff --git a/packages/react-components/react-switch/.storybook/main.js b/packages/react-components/react-switch/.storybook/main.js new file mode 100644 index 00000000000000..7b7abd0e691d38 --- /dev/null +++ b/packages/react-components/react-switch/.storybook/main.js @@ -0,0 +1,14 @@ +const rootMain = require('../../../../.storybook/main'); + +module.exports = /** @type {Omit} */ ({ + ...rootMain, + stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], + addons: [...rootMain.addons], + webpackFinal: (config, options) => { + const localConfig = { ...rootMain.webpackFinal(config, options) }; + + // add your own webpack tweaks if needed + + return localConfig; + }, +}); diff --git a/packages/react-components/react-switch/.storybook/preview.js b/packages/react-components/react-switch/.storybook/preview.js new file mode 100644 index 00000000000000..1939500a3d18c7 --- /dev/null +++ b/packages/react-components/react-switch/.storybook/preview.js @@ -0,0 +1,7 @@ +import * as rootPreview from '../../../../.storybook/preview'; + +/** @type {typeof rootPreview.decorators} */ +export const decorators = [...rootPreview.decorators]; + +/** @type {typeof rootPreview.parameters} */ +export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-textarea/.storybook/tsconfig.json b/packages/react-components/react-switch/.storybook/tsconfig.json similarity index 100% rename from packages/react-textarea/.storybook/tsconfig.json rename to packages/react-components/react-switch/.storybook/tsconfig.json diff --git a/packages/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json similarity index 97% rename from packages/react-switch/CHANGELOG.json rename to packages/react-components/react-switch/CHANGELOG.json index 19e0a37593f510..11f081b1f830f9 100644 --- a/packages/react-switch/CHANGELOG.json +++ b/packages/react-components/react-switch/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-switch", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:51 GMT", + "tag": "@fluentui/react-switch_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "prerelease": [ + { + "author": "humberto_makoto@hotmail.com", + "package": "@fluentui/react-switch", + "commit": "daf5a7692bce6794dbacf7470cc48e48e1c67252", + "comment": "Switch: Fixing disabled styles in high contrast mode." + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-label to v9.0.0-beta.11", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-switch_v9.0.0-rc.7", diff --git a/packages/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md similarity index 94% rename from packages/react-switch/CHANGELOG.md rename to packages/react-components/react-switch/CHANGELOG.md index b98160a7e34b80..52e2e1c4ec4a23 100644 --- a/packages/react-switch/CHANGELOG.md +++ b/packages/react-components/react-switch/CHANGELOG.md @@ -1,12 +1,25 @@ # Change Log - @fluentui/react-switch -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:51 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.7..@fluentui/react-switch_v9.0.0-rc.8) + +### Changes + +- Switch: Fixing disabled styles in high contrast mode. ([PR #22817](https://github.com/microsoft/fluentui/pull/22817) by humberto_makoto@hotmail.com) +- Bump @fluentui/react-label to v9.0.0-beta.11 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.7) -Mon, 25 Apr 2022 09:32:19 GMT +Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.6..@fluentui/react-switch_v9.0.0-rc.7) ### Changes @@ -15,7 +28,7 @@ Mon, 25 Apr 2022 09:32:19 GMT ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.6) -Tue, 19 Apr 2022 19:16:54 GMT +Tue, 19 Apr 2022 19:16:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.5..@fluentui/react-switch_v9.0.0-rc.6) ### Changes @@ -33,7 +46,7 @@ Tue, 19 Apr 2022 19:16:54 GMT ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.5) -Fri, 04 Mar 2022 05:17:30 GMT +Fri, 04 Mar 2022 05:17:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.4..@fluentui/react-switch_v9.0.0-rc.5) ### Changes @@ -47,7 +60,7 @@ Fri, 04 Mar 2022 05:17:30 GMT ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.4) -Tue, 01 Mar 2022 02:17:38 GMT +Tue, 01 Mar 2022 02:17:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.3..@fluentui/react-switch_v9.0.0-rc.4) ### Changes @@ -60,7 +73,7 @@ Tue, 01 Mar 2022 02:17:38 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:34 GMT +Fri, 18 Feb 2022 13:35:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-rc.1..@fluentui/react-switch_v9.0.0-rc.3) ### Changes @@ -74,7 +87,7 @@ Fri, 18 Feb 2022 13:35:34 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:50:51 GMT +Thu, 10 Feb 2022 08:50:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.5..@fluentui/react-switch_v9.0.0-rc.1) ### Changes @@ -96,7 +109,7 @@ Thu, 10 Feb 2022 08:50:51 GMT ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.5) -Thu, 25 Nov 2021 08:34:17 GMT +Thu, 25 Nov 2021 08:34:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.4..@fluentui/react-switch_v9.0.0-beta.5) ### Changes @@ -111,7 +124,7 @@ Thu, 25 Nov 2021 08:34:17 GMT ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.4) -Fri, 12 Nov 2021 13:25:33 GMT +Fri, 12 Nov 2021 13:25:33 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.3..@fluentui/react-switch_v9.0.0-beta.4) ### Changes @@ -127,7 +140,7 @@ Fri, 12 Nov 2021 13:25:33 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.3) -Wed, 27 Oct 2021 12:14:22 GMT +Wed, 27 Oct 2021 12:14:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.2..@fluentui/react-switch_v9.0.0-beta.3) ### Changes @@ -147,7 +160,7 @@ Wed, 27 Oct 2021 12:14:22 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.2) -Tue, 12 Oct 2021 19:45:58 GMT +Tue, 12 Oct 2021 19:45:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-beta.1..@fluentui/react-switch_v9.0.0-beta.2) ### Changes @@ -157,7 +170,7 @@ Tue, 12 Oct 2021 19:45:58 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.17..@fluentui/react-switch_v9.0.0-beta.1) ### Changes @@ -176,7 +189,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.17) -Tue, 05 Oct 2021 12:47:58 GMT +Tue, 05 Oct 2021 12:47:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.16..@fluentui/react-switch_v9.0.0-alpha.17) ### Changes @@ -191,7 +204,7 @@ Tue, 05 Oct 2021 12:47:58 GMT ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.16) -Tue, 05 Oct 2021 09:28:07 GMT +Tue, 05 Oct 2021 09:28:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.15..@fluentui/react-switch_v9.0.0-alpha.16) ### Changes @@ -208,7 +221,7 @@ Tue, 05 Oct 2021 09:28:07 GMT ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.15) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.13..@fluentui/react-switch_v9.0.0-alpha.15) ### Changes @@ -227,7 +240,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.13) -Fri, 01 Oct 2021 09:44:56 GMT +Fri, 01 Oct 2021 09:44:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.12..@fluentui/react-switch_v9.0.0-alpha.13) ### Changes @@ -238,7 +251,7 @@ Fri, 01 Oct 2021 09:44:56 GMT ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.12) -Wed, 29 Sep 2021 08:06:11 GMT +Wed, 29 Sep 2021 08:06:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.11..@fluentui/react-switch_v9.0.0-alpha.12) ### Changes @@ -255,7 +268,7 @@ Wed, 29 Sep 2021 08:06:11 GMT ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.11) -Mon, 27 Sep 2021 08:06:00 GMT +Mon, 27 Sep 2021 08:06:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.10..@fluentui/react-switch_v9.0.0-alpha.11) ### Changes @@ -271,7 +284,7 @@ Mon, 27 Sep 2021 08:06:00 GMT ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.10) -Fri, 24 Sep 2021 09:17:17 GMT +Fri, 24 Sep 2021 09:17:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.9..@fluentui/react-switch_v9.0.0-alpha.10) ### Changes @@ -287,7 +300,7 @@ Fri, 24 Sep 2021 09:17:17 GMT ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.9) -Thu, 23 Sep 2021 08:21:34 GMT +Thu, 23 Sep 2021 08:21:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.8..@fluentui/react-switch_v9.0.0-alpha.9) ### Changes @@ -304,7 +317,7 @@ Thu, 23 Sep 2021 08:21:34 GMT ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.8) -Wed, 22 Sep 2021 10:10:07 GMT +Wed, 22 Sep 2021 10:10:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.7..@fluentui/react-switch_v9.0.0-alpha.8) ### Changes @@ -321,7 +334,7 @@ Wed, 22 Sep 2021 10:10:07 GMT ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.7) -Tue, 21 Sep 2021 07:42:34 GMT +Tue, 21 Sep 2021 07:42:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.6..@fluentui/react-switch_v9.0.0-alpha.7) ### Changes @@ -338,7 +351,7 @@ Tue, 21 Sep 2021 07:42:34 GMT ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.6) -Mon, 20 Sep 2021 07:36:26 GMT +Mon, 20 Sep 2021 07:36:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.5..@fluentui/react-switch_v9.0.0-alpha.6) ### Changes @@ -347,7 +360,7 @@ Mon, 20 Sep 2021 07:36:26 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.5) -Fri, 17 Sep 2021 07:35:26 GMT +Fri, 17 Sep 2021 07:35:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.4..@fluentui/react-switch_v9.0.0-alpha.5) ### Changes @@ -356,7 +369,7 @@ Fri, 17 Sep 2021 07:35:26 GMT ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.4) -Thu, 16 Sep 2021 07:38:39 GMT +Thu, 16 Sep 2021 07:38:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.3..@fluentui/react-switch_v9.0.0-alpha.4) ### Changes @@ -366,7 +379,7 @@ Thu, 16 Sep 2021 07:38:39 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.3) -Tue, 14 Sep 2021 20:09:02 GMT +Tue, 14 Sep 2021 20:09:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.2..@fluentui/react-switch_v9.0.0-alpha.3) ### Changes @@ -375,7 +388,7 @@ Tue, 14 Sep 2021 20:09:02 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.2) -Fri, 10 Sep 2021 16:31:53 GMT +Fri, 10 Sep 2021 16:31:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.1..@fluentui/react-switch_v9.0.0-alpha.2) ### Changes @@ -385,7 +398,7 @@ Fri, 10 Sep 2021 16:31:53 GMT ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.1) -Fri, 10 Sep 2021 07:39:51 GMT +Fri, 10 Sep 2021 07:39:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.1) ### Changes @@ -394,7 +407,7 @@ Fri, 10 Sep 2021 07:39:51 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Mon, 06 Sep 2021 07:34:53 GMT +Mon, 06 Sep 2021 07:34:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -403,7 +416,7 @@ Mon, 06 Sep 2021 07:34:53 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Thu, 02 Sep 2021 07:36:46 GMT +Thu, 02 Sep 2021 07:36:46 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Patches @@ -416,7 +429,7 @@ Thu, 02 Sep 2021 07:36:46 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Wed, 01 Sep 2021 07:39:56 GMT +Wed, 01 Sep 2021 07:39:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -425,7 +438,7 @@ Wed, 01 Sep 2021 07:39:56 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Tue, 31 Aug 2021 07:37:47 GMT +Tue, 31 Aug 2021 07:37:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -434,7 +447,7 @@ Tue, 31 Aug 2021 07:37:47 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Fri, 27 Aug 2021 07:33:32 GMT +Fri, 27 Aug 2021 07:33:32 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -443,7 +456,7 @@ Fri, 27 Aug 2021 07:33:32 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Thu, 26 Aug 2021 07:35:43 GMT +Thu, 26 Aug 2021 07:35:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -452,7 +465,7 @@ Thu, 26 Aug 2021 07:35:43 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes @@ -461,7 +474,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.0-alpha.0) -Thu, 19 Aug 2021 07:41:35 GMT +Thu, 19 Aug 2021 07:41:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.0-alpha.0..@fluentui/react-switch_v9.0.0-alpha.0) ### Changes diff --git a/packages/react-switch/LICENSE b/packages/react-components/react-switch/LICENSE similarity index 100% rename from packages/react-switch/LICENSE rename to packages/react-components/react-switch/LICENSE diff --git a/packages/react-switch/MIGRATION.md b/packages/react-components/react-switch/MIGRATION.md similarity index 100% rename from packages/react-switch/MIGRATION.md rename to packages/react-components/react-switch/MIGRATION.md diff --git a/packages/react-switch/README.md b/packages/react-components/react-switch/README.md similarity index 100% rename from packages/react-switch/README.md rename to packages/react-components/react-switch/README.md diff --git a/packages/react-switch/Spec.md b/packages/react-components/react-switch/Spec.md similarity index 100% rename from packages/react-switch/Spec.md rename to packages/react-components/react-switch/Spec.md diff --git a/packages/react-switch/bundle-size/Switch.fixture.js b/packages/react-components/react-switch/bundle-size/Switch.fixture.js similarity index 100% rename from packages/react-switch/bundle-size/Switch.fixture.js rename to packages/react-components/react-switch/bundle-size/Switch.fixture.js diff --git a/packages/react-positioning/config/api-extractor.json b/packages/react-components/react-switch/config/api-extractor.json similarity index 100% rename from packages/react-positioning/config/api-extractor.json rename to packages/react-components/react-switch/config/api-extractor.json diff --git a/packages/react-components/react-switch/config/api-extractor.local.json b/packages/react-components/react-switch/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-switch/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-switch/config/tests.js b/packages/react-components/react-switch/config/tests.js similarity index 100% rename from packages/react-switch/config/tests.js rename to packages/react-components/react-switch/config/tests.js diff --git a/packages/react-switch/etc/react-switch.api.md b/packages/react-components/react-switch/etc/react-switch.api.md similarity index 87% rename from packages/react-switch/etc/react-switch.api.md rename to packages/react-components/react-switch/etc/react-switch.api.md index 93586ac349c2b1..844f44392dee65 100644 --- a/packages/react-switch/etc/react-switch.api.md +++ b/packages/react-components/react-switch/etc/react-switch.api.md @@ -3,7 +3,6 @@ > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). ```ts - import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; @@ -26,21 +25,22 @@ export const switchClassNames: SlotClassNames; // @public (undocumented) export type SwitchOnChangeData = { - checked: boolean; + checked: boolean; }; // @public -export type SwitchProps = Omit, 'input'>, 'onChange'> & Partial & { +export type SwitchProps = Omit, 'input'>, 'onChange'> & + Partial & { defaultChecked?: boolean; onChange?: (ev: React_2.ChangeEvent, data: SwitchOnChangeData) => void; -}; + }; // @public (undocumented) export type SwitchSlots = { - root: NonNullable>; - indicator: NonNullable>; - input: NonNullable>; - label?: Slot; + root: NonNullable>; + indicator: NonNullable>; + input: NonNullable>; + label?: Slot; }; // @public @@ -53,5 +53,4 @@ export const useSwitch_unstable: (props: SwitchProps, ref: React_2.Ref SwitchState; // (No @packageDocumentation comment for this package) - ``` diff --git a/packages/react-switch/jest.config.js b/packages/react-components/react-switch/jest.config.js similarity index 92% rename from packages/react-switch/jest.config.js rename to packages/react-components/react-switch/jest.config.js index 7418bd4a5473cd..8283988bcd7cee 100644 --- a/packages/react-switch/jest.config.js +++ b/packages/react-components/react-switch/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-switch', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-switch/just.config.ts b/packages/react-components/react-switch/just.config.ts similarity index 100% rename from packages/react-switch/just.config.ts rename to packages/react-components/react-switch/just.config.ts diff --git a/packages/react-switch/package.json b/packages/react-components/react-switch/package.json similarity index 79% rename from packages/react-switch/package.json rename to packages/react-components/react-switch/package.json index 945f3d3cada002..50fc6378465978 100644 --- a/packages/react-switch/package.json +++ b/packages/react-components/react-switch/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-switch", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,8 +21,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-switch/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-switch/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -33,10 +33,10 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.166-rc.3", - "@fluentui/react-label": "9.0.0-beta.10", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-label": "9.0.0-beta.11", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-switch/src/Switch.ts b/packages/react-components/react-switch/src/Switch.ts similarity index 100% rename from packages/react-switch/src/Switch.ts rename to packages/react-components/react-switch/src/Switch.ts diff --git a/packages/react-switch/src/common/isConformant.ts b/packages/react-components/react-switch/src/common/isConformant.ts similarity index 100% rename from packages/react-switch/src/common/isConformant.ts rename to packages/react-components/react-switch/src/common/isConformant.ts diff --git a/packages/react-switch/src/components/Switch/Switch.test.tsx b/packages/react-components/react-switch/src/components/Switch/Switch.test.tsx similarity index 100% rename from packages/react-switch/src/components/Switch/Switch.test.tsx rename to packages/react-components/react-switch/src/components/Switch/Switch.test.tsx diff --git a/packages/react-switch/src/components/Switch/Switch.tsx b/packages/react-components/react-switch/src/components/Switch/Switch.tsx similarity index 100% rename from packages/react-switch/src/components/Switch/Switch.tsx rename to packages/react-components/react-switch/src/components/Switch/Switch.tsx diff --git a/packages/react-switch/src/components/Switch/Switch.types.ts b/packages/react-components/react-switch/src/components/Switch/Switch.types.ts similarity index 100% rename from packages/react-switch/src/components/Switch/Switch.types.ts rename to packages/react-components/react-switch/src/components/Switch/Switch.types.ts diff --git a/packages/react-switch/src/components/Switch/index.ts b/packages/react-components/react-switch/src/components/Switch/index.ts similarity index 100% rename from packages/react-switch/src/components/Switch/index.ts rename to packages/react-components/react-switch/src/components/Switch/index.ts diff --git a/packages/react-switch/src/components/Switch/renderSwitch.tsx b/packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx similarity index 100% rename from packages/react-switch/src/components/Switch/renderSwitch.tsx rename to packages/react-components/react-switch/src/components/Switch/renderSwitch.tsx diff --git a/packages/react-switch/src/components/Switch/useSwitch.tsx b/packages/react-components/react-switch/src/components/Switch/useSwitch.tsx similarity index 100% rename from packages/react-switch/src/components/Switch/useSwitch.tsx rename to packages/react-components/react-switch/src/components/Switch/useSwitch.tsx diff --git a/packages/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts similarity index 92% rename from packages/react-switch/src/components/Switch/useSwitchStyles.ts rename to packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts index d7a2c65e9851cb..8a605779793769 100644 --- a/packages/react-switch/src/components/Switch/useSwitchStyles.ts +++ b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts @@ -178,6 +178,21 @@ const useInputStyles = makeStyles({ }, }, }, + + highContrast: { + '@media (forced-colors: active)': { + ':disabled': { + [`& ~ .${switchClassNames.indicator}`]: { + color: 'GrayText', + ...shorthands.borderColor('GrayText'), + }, + + [`& ~ .${switchClassNames.label}`]: { + color: 'GrayText', + }, + }, + }, + }, }); const useLabelStyles = makeStyles({ @@ -206,7 +221,12 @@ export const useSwitchStyles_unstable = (state: SwitchState): SwitchState => { state.indicator.className = mergeClasses(switchClassNames.indicator, indicatorStyles.base, state.indicator.className); - state.input.className = mergeClasses(switchClassNames.input, inputStyles.base, state.input.className); + state.input.className = mergeClasses( + switchClassNames.input, + inputStyles.base, + inputStyles.highContrast, + state.input.className, + ); if (state.label) { state.label.className = mergeClasses(switchClassNames.label, labelStyles.base, state.label.className); diff --git a/packages/react-switch/src/index.ts b/packages/react-components/react-switch/src/index.ts similarity index 100% rename from packages/react-switch/src/index.ts rename to packages/react-components/react-switch/src/index.ts diff --git a/packages/react-switch/src/stories/Switch.stories.tsx b/packages/react-components/react-switch/src/stories/Switch.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/Switch.stories.tsx rename to packages/react-components/react-switch/src/stories/Switch.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchBestPractices.md b/packages/react-components/react-switch/src/stories/SwitchBestPractices.md similarity index 100% rename from packages/react-switch/src/stories/SwitchBestPractices.md rename to packages/react-components/react-switch/src/stories/SwitchBestPractices.md diff --git a/packages/react-switch/src/stories/SwitchChecked.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchChecked.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchChecked.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchChecked.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchDefault.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchDefault.stories.tsx similarity index 78% rename from packages/react-switch/src/stories/SwitchDefault.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchDefault.stories.tsx index b13c721e045f03..7674558a0358c6 100644 --- a/packages/react-switch/src/stories/SwitchDefault.stories.tsx +++ b/packages/react-components/react-switch/src/stories/SwitchDefault.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Switch } from '../index'; import type { SwitchProps } from '../index'; -export const Default = (props: SwitchProps) => ; +export const Default = (props: SwitchProps) => ; Default.argTypes = { checked: { diff --git a/packages/react-switch/src/stories/SwitchDescription.md b/packages/react-components/react-switch/src/stories/SwitchDescription.md similarity index 100% rename from packages/react-switch/src/stories/SwitchDescription.md rename to packages/react-components/react-switch/src/stories/SwitchDescription.md diff --git a/packages/react-switch/src/stories/SwitchDisabled.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchDisabled.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchDisabled.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchDisabled.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchLabel.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchLabel.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchLabel.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchLabel.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchLabelWrapping.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchLabelWrapping.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchLabelWrapping.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchLabelWrapping.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchRequired.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchRequired.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchRequired.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchRequired.stories.tsx diff --git a/packages/react-switch/src/stories/SwitchThemed.stories.tsx b/packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx similarity index 100% rename from packages/react-switch/src/stories/SwitchThemed.stories.tsx rename to packages/react-components/react-switch/src/stories/SwitchThemed.stories.tsx diff --git a/packages/react-components/react-switch/tsconfig.json b/packages/react-components/react-switch/tsconfig.json new file mode 100644 index 00000000000000..1941a041d46c19 --- /dev/null +++ b/packages/react-components/react-switch/tsconfig.json @@ -0,0 +1,25 @@ +{ + "extends": "../../../tsconfig.base.json", + "compilerOptions": { + "target": "ES2019", + "noEmit": true, + "isolatedModules": true, + "importHelpers": true, + "jsx": "react", + "noUnusedLocals": true, + "preserveConstEnums": true + }, + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.lib.json" + }, + { + "path": "./tsconfig.spec.json" + }, + { + "path": "./.storybook/tsconfig.json" + } + ] +} diff --git a/packages/react-switch/tsconfig.lib.json b/packages/react-components/react-switch/tsconfig.lib.json similarity index 100% rename from packages/react-switch/tsconfig.lib.json rename to packages/react-components/react-switch/tsconfig.lib.json diff --git a/packages/react-switch/tsconfig.spec.json b/packages/react-components/react-switch/tsconfig.spec.json similarity index 100% rename from packages/react-switch/tsconfig.spec.json rename to packages/react-components/react-switch/tsconfig.spec.json diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index dba15a68ae4ff1..77a7dc2b67e574 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,77 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:52 GMT", + "tag": "@fluentui/react-tabs_v9.0.0-beta.11", + "version": "9.0.0-beta.11", + "comments": { + "prerelease": [ + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "97939a4e5f523b3ef05c815f909819701eee92ea", + "comment": "Added aria-selected" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "c2562b5382305152a09402a367ec853d603438e7", + "comment": "Updated to use correct pseudo-elements" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "6c764b820241483c1a9a6e225f758a4c8d4b060e", + "comment": "Updated to use tokens" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "55e2b1b53e81efa510a5bc15c6ab0398b52ace7f", + "comment": "Removed unnecessary width and height from indicators" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-tabs", + "commit": "17ed5008371df7344540af658209840985dc4754", + "comment": "Allow tab to animate when value is numeric zero" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tabs", + "commit": "f1c470c25de01baef3180067fa99dcc10ec9ebd5", + "comment": "react-tabs: Move to new common folder." + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:15 GMT", "tag": "@fluentui/react-tabs_v9.0.0-beta.10", diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md index 5270ffda02ae6d..8602df690c33bf 100644 --- a/packages/react-components/react-tabs/CHANGELOG.md +++ b/packages/react-components/react-tabs/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-tabs -This log was last generated on Mon, 25 Apr 2022 09:32:15 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:52 GMT and should not be manually modified. +## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.11) + +Wed, 04 May 2022 13:26:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.0.0-beta.10..@fluentui/react-tabs_v9.0.0-beta.11) + +### Changes + +- Added aria-selected ([PR #22742](https://github.com/microsoft/fluentui/pull/22742) by gcox@microsoft.com) +- Updated to use correct pseudo-elements ([PR #22768](https://github.com/microsoft/fluentui/pull/22768) by gcox@microsoft.com) +- Updated to use tokens ([PR #22717](https://github.com/microsoft/fluentui/pull/22717) by gcox@microsoft.com) +- Removed unnecessary width and height from indicators ([PR #22744](https://github.com/microsoft/fluentui/pull/22744) by gcox@microsoft.com) +- Allow tab to animate when value is numeric zero ([PR #22754](https://github.com/microsoft/fluentui/pull/22754) by gcox@microsoft.com) +- Bump @fluentui/react-context-selector to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.0.0-beta.10) Mon, 25 Apr 2022 09:32:15 GMT diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index 7a6c82b9749004..d72acb221f8bd3 100644 --- a/packages/react-components/react-tabs/package.json +++ b/packages/react-components/react-tabs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabs", - "version": "9.0.0-beta.10", + "version": "9.0.0-beta.11", "description": "Fluent UI React tabs components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.4", - "@fluentui/react-context-selector": "9.0.0-rc.6", + "@fluentui/react-context-selector": "9.0.0-rc.7", "@fluentui/scripts": "^1.0.0" }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-context-selector": "9.0.0-rc.6", - "@fluentui/react-tabster": "9.0.0-rc.7", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-context-selector": "9.0.0-rc.7", + "@fluentui/react-tabster": "9.0.0-rc.8", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-tabs/src/components/Tab/useTabAnimatedIndicator.ts b/packages/react-components/react-tabs/src/components/Tab/useTabAnimatedIndicator.ts index 39f093d23acd58..f9f6481ff2de13 100644 --- a/packages/react-components/react-tabs/src/components/Tab/useTabAnimatedIndicator.ts +++ b/packages/react-components/react-tabs/src/components/Tab/useTabAnimatedIndicator.ts @@ -2,10 +2,10 @@ import * as React from 'react'; import type { TabState, TabValue } from './Tab.types'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; -import { pendingAnimationDurationTokens, pendingAnimationEasingTokens } from '../../tab.constants'; import { useContextSelector } from '@fluentui/react-context-selector'; import { TabListContext } from '../TabList/TabListContext'; import { TabRegisterData } from '../TabList/TabList.types'; +import { tokens } from '@fluentui/react-theme'; // eslint-disable-next-line @typescript-eslint/naming-convention const tabIndicatorCssVars_unstable = { @@ -21,8 +21,8 @@ const useActiveIndicatorStyles = makeStyles({ animated: { ':after': { transitionProperty: 'transform', - transitionDuration: `${pendingAnimationDurationTokens.slow}`, - transitionTimingFunction: `${pendingAnimationEasingTokens.declerateMax}`, + transitionDuration: `${tokens.durationSlow}`, + transitionTimingFunction: `${tokens.curveDecelerateMax}`, }, '@media (prefers-reduced-motion: reduce)': { ':after': { diff --git a/packages/react-components/react-tabs/src/components/Tab/useTabStyles.ts b/packages/react-components/react-tabs/src/components/Tab/useTabStyles.ts index 9ea19da7e4982f..deebc927f5111b 100644 --- a/packages/react-components/react-tabs/src/components/Tab/useTabStyles.ts +++ b/packages/react-components/react-tabs/src/components/Tab/useTabStyles.ts @@ -2,13 +2,7 @@ import type { TabSlots, TabState } from './Tab.types'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; -import { tokens } from '@fluentui/react-theme'; -import { - pendingContentSizeTokens, - pendingSpacingTokens, - tabIndicatorPadding, - tabIndicatorStrokeWidths, -} from '../../tab.constants'; +import { tokens, typographyStyles } from '@fluentui/react-theme'; import { SlotClassNames } from '@fluentui/react-utilities'; import { useTabAnimatedIndicatorStyles_unstable } from './useTabAnimatedIndicator'; @@ -43,23 +37,25 @@ const useRootStyles = makeStyles({ textTransform: 'none', }, mediumHorizontal: { - columnGap: pendingSpacingTokens.sNudge, + columnGap: tokens.spacingHorizontalSNudge, justifyContent: 'center', - ...shorthands.padding(pendingSpacingTokens.m, pendingSpacingTokens.mNudge), + ...shorthands.padding(tokens.spacingVerticalM, tokens.spacingHorizontalMNudge), }, mediumVertical: { - columnGap: pendingSpacingTokens.sNudge, + // horizontal spacing is deliberate. This is the gap between icon and content. + columnGap: tokens.spacingHorizontalSNudge, justifyContent: 'flex-start', minWidth: '120px', - ...shorthands.padding(pendingSpacingTokens.sNudge, pendingSpacingTokens.mNudge), + ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalMNudge), }, smallHorizontal: { - columnGap: pendingSpacingTokens.xxs, - ...shorthands.padding(pendingSpacingTokens.sNudge, pendingSpacingTokens.sNudge), + columnGap: tokens.spacingHorizontalXXS, + ...shorthands.padding(tokens.spacingVerticalSNudge, tokens.spacingHorizontalSNudge), }, smallVertical: { - columnGap: pendingSpacingTokens.xxs, - ...shorthands.padding(pendingSpacingTokens.xxs, pendingSpacingTokens.sNudge), + // horizontal spacing is deliberate. This is the gap between icon and content. + columnGap: tokens.spacingHorizontalXXS, + ...shorthands.padding(tokens.spacingVerticalXXS, tokens.spacingHorizontalSNudge), }, transparent: { backgroundColor: tokens.colorTransparentBackground, @@ -154,8 +150,8 @@ const useRootStyles = makeStyles({ */ const useFocusStyles = makeStyles({ // Tab creates a custom focus indicator because the default focus indicator - // is applied using an :after pseudo-element on the root. Since the selection - // indicator uses an :after pseudo-element on the root, there is a conflict. + // is applied using an ::after pseudo-element on the root. Since the selection + // indicator uses an ::after pseudo-element on the root, there is a conflict. base: createCustomFocusIndicatorStyle({ ...shorthands.borderColor('transparent'), outlineWidth: tokens.strokeWidthThick, @@ -172,7 +168,7 @@ const useFocusStyles = makeStyles({ /** Indicator styles for when pending selection */ const usePendingIndicatorStyles = makeStyles({ base: { - ':hover:before': { + ':hover::before': { backgroundColor: 'none', ...shorthands.borderStyle('solid'), ...shorthands.borderColor(tokens.colorNeutralStroke1Hover), @@ -181,7 +177,7 @@ const usePendingIndicatorStyles = makeStyles({ content: '""', position: 'absolute', }, - ':active:before': { + ':active::before': { backgroundColor: 'none', ...shorthands.borderStyle('solid'), ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed), @@ -192,46 +188,46 @@ const usePendingIndicatorStyles = makeStyles({ }, }, disabled: { - ':hover:before': { + ':hover::before': { ...shorthands.borderColor(tokens.colorTransparentStroke), }, - ':active:before': { + ':active::before': { ...shorthands.borderColor(tokens.colorTransparentStroke), }, }, mediumHorizontal: { - ':before': { + '::before': { bottom: 0, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.mediumHorizontal} / 2.0)`), + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), height: 0, - left: tabIndicatorPadding.mediumHorizontal, - right: tabIndicatorPadding.mediumHorizontal, + left: tokens.spacingHorizontalM, + right: tokens.spacingHorizontalM, }, }, mediumVertical: { - ':before': { - bottom: tabIndicatorPadding.mediumVertical, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.mediumVertical} / 2.0)`), + '::before': { + bottom: tokens.spacingVerticalS, + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), left: 0, - top: tabIndicatorPadding.mediumVertical, + top: tokens.spacingVerticalS, width: 0, }, }, smallHorizontal: { - ':before': { + '::before': { bottom: 0, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.smallHorizontal} / 2.0)`), + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThick} / 2.0)`), height: 0, - left: tabIndicatorPadding.smallHorizontal, - right: tabIndicatorPadding.smallHorizontal, + left: tokens.spacingHorizontalSNudge, + right: tokens.spacingHorizontalSNudge, }, }, smallVertical: { - ':before': { - bottom: tabIndicatorPadding.smallVertical, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.smallVertical} / 2.0)`), + '::before': { + bottom: tokens.spacingVerticalXS, + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), left: 0, - top: tabIndicatorPadding.smallVertical, + top: tokens.spacingVerticalXS, width: 0, }, }, @@ -239,7 +235,7 @@ const usePendingIndicatorStyles = makeStyles({ const useActiveIndicatorStyles = makeStyles({ base: { - ':after': { + '::after': { ...shorthands.borderColor(tokens.colorTransparentStroke), ...shorthands.borderStyle('solid'), ...shorthands.borderRadius(tokens.borderRadiusCircular), @@ -250,54 +246,54 @@ const useActiveIndicatorStyles = makeStyles({ }, }, selected: { - ':after': { + '::after': { ...shorthands.borderColor(tokens.colorCompoundBrandStroke), }, - ':hover:after': { + ':hover::after': { ...shorthands.borderColor(tokens.colorCompoundBrandStrokeHover), }, - ':active:after': { + ':active::after': { ...shorthands.borderColor(tokens.colorCompoundBrandStrokePressed), }, }, disabled: { - ':after': { + '::after': { ...shorthands.borderColor(tokens.colorNeutralForegroundDisabled), }, }, mediumHorizontal: { - ':after': { + '::after': { bottom: '0', - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.mediumHorizontal} / 2.0)`), + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), height: 0, - left: tabIndicatorPadding.mediumHorizontal, - right: tabIndicatorPadding.mediumHorizontal, + left: tokens.spacingHorizontalM, + right: tokens.spacingHorizontalM, }, }, mediumVertical: { - ':after': { - bottom: tabIndicatorPadding.mediumVertical, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.mediumVertical} / 2.0)`), + '::after': { + bottom: tokens.spacingVerticalS, + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), left: 0, - top: tabIndicatorPadding.mediumVertical, + top: tokens.spacingVerticalS, width: 0, }, }, smallHorizontal: { - ':after': { + '::after': { bottom: 0, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.smallHorizontal} / 2.0)`), + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThick} / 2.0)`), height: 0, - left: tabIndicatorPadding.smallHorizontal, - right: tabIndicatorPadding.smallHorizontal, + left: tokens.spacingHorizontalSNudge, + right: tokens.spacingHorizontalSNudge, }, }, smallVertical: { - ':after': { - bottom: tabIndicatorPadding.smallVertical, - ...shorthands.borderWidth(`calc(${tabIndicatorStrokeWidths.smallVertical} / 2.0)`), + '::after': { + bottom: tokens.spacingVerticalXS, + ...shorthands.borderWidth(`calc(${tokens.strokeWidthThicker} / 2.0)`), left: '0', - top: tabIndicatorPadding.smallVertical, + top: tokens.spacingVerticalXS, width: 0, }, }, @@ -332,13 +328,13 @@ const useIconStyles = makeStyles({ */ const useContentStyles = makeStyles({ base: { - ...pendingContentSizeTokens.body1, + ...typographyStyles.body1, ...shorthands.overflow('hidden'), // content padding is the same for medium & small, horiztonal & vertical - ...shorthands.padding(0, pendingSpacingTokens.xxs), + ...shorthands.padding(tokens.spacingVerticalNone, tokens.spacingHorizontalXXS), }, selected: { - ...pendingContentSizeTokens.body1Strong, + ...typographyStyles.body1Strong, }, }); diff --git a/packages/react-components/react-tabs/src/stories/TabList.stories.tsx b/packages/react-components/react-tabs/src/stories/TabList.stories.tsx index 71225b8844d339..78e0c6922c2bdf 100644 --- a/packages/react-components/react-tabs/src/stories/TabList.stories.tsx +++ b/packages/react-components/react-tabs/src/stories/TabList.stories.tsx @@ -12,6 +12,8 @@ export { SizeSmall } from './TabListSizeSmall.stories'; export { SizeMedium } from './TabListSizeMedium.stories'; export { WithIcon } from './TabListWithIcon.stories'; export { IconOnly } from './TabListIconOnly.stories'; +export { WithOverflow } from './TabListWithOverflow.stories'; +export { WithPanels } from './TabListWithPanels.stories'; export default { title: 'Preview Components/TabList', diff --git a/packages/react-components/react-tabs/src/stories/TabListWithOverflow.stories.tsx b/packages/react-components/react-tabs/src/stories/TabListWithOverflow.stories.tsx new file mode 100644 index 00000000000000..cd88595db8fdad --- /dev/null +++ b/packages/react-components/react-tabs/src/stories/TabListWithOverflow.stories.tsx @@ -0,0 +1,267 @@ +import * as React from 'react'; +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; +// eslint-disable-next-line import/no-extraneous-dependencies +import { + Calendar3DayRegular, + CalendarAgendaRegular, + CalendarChatRegular, + CalendarDayRegular, + CalendarMonthRegular, + CalendarSearchRegular, + CalendarTodayRegular, + CalendarWeekStartRegular, + CalendarWorkWeekRegular, + MoreHorizontalRegular, +} from '@fluentui/react-icons'; +import { Button } from '@fluentui/react-button'; +import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-menu'; +import { Overflow, OverflowItem, useIsOverflowItemVisible, useOverflowMenu } from '@fluentui/react-overflow'; +import { tokens } from '@fluentui/react-theme'; + +import { TabList } from '../TabList'; +import { Tab } from '../Tab'; + +//----- Example Tab Data -----// + +type ExampleTab = { + id: string; + name: string; + icon: React.ReactElement; +}; + +const tabs: ExampleTab[] = [ + { + id: 'today', + name: 'Today', + icon: , + }, + { + id: 'agenda', + name: 'Agenda', + icon: , + }, + { + id: 'day', + name: 'Day', + icon: , + }, + { + id: 'threeDay', + name: 'Three Day', + icon: , + }, + { + id: 'workWeek', + name: 'Work Week', + icon: , + }, + { + id: 'week', + name: 'Week', + icon: , + }, + { + id: 'month', + name: 'Month', + icon: , + }, + { + id: 'search', + name: 'Search', + icon: , + }, + { + id: 'chat', + name: 'Conversations', + icon: , + }, +]; + +//----- OverflowMenuItem -----// + +type OverflowMenuItemProps = { + tab: ExampleTab; + onClick: React.MouseEventHandler; +}; + +/** + * A menu item for an overflow menu that only displays when the tab is not visible + */ +const OverflowMenuItem = (props: OverflowMenuItemProps) => { + const { tab, onClick } = props; + const isVisible = useIsOverflowItemVisible(tab.id); + + if (isVisible) { + return null; + } + + return ( + +
{tab.name}
+
+ ); +}; + +//----- OverflowMenu -----// + +const useOverflowMenuStyles = makeStyles({ + menu: { + backgroundColor: tokens.colorNeutralBackground1, + }, + menuButton: { + alignSelf: 'center', + }, +}); + +type OverflowMenuProps = { + onTabSelect?: (tabId: string) => void; +}; + +/** + * A menu for selecting tabs that have overflowed and are not visible. + */ +const OverflowMenu = (props: OverflowMenuProps) => { + const { onTabSelect } = props; + const { ref, isOverflowing } = useOverflowMenu(); + + const styles = useOverflowMenuStyles(); + + const onItemClick = (tabId: string) => { + onTabSelect?.(tabId); + }; + + if (!isOverflowing) { + return null; + } + + return ( + + + + ); +}; + +//----- Stories -----// + +const useExampleStyles = makeStyles({ + example: { + backgroundColor: tokens.colorNeutralBackground2, + ...shorthands.overflow('hidden'), + zIndex: 0, //stop the browser resize handle from piercing the overflow menu + }, + horizontal: { + height: 'fit-content', + minWidth: '150px', + resize: 'horizontal', + width: '600px', + }, + vertical: { + height: '250px', + minHeight: '100px', + resize: 'vertical', + width: 'fit-content', + display: 'flex', + alignContent: 'stretch', + alignItems: 'stretch', + justifyContent: 'stretch', + justifyItems: 'stretch', + }, +}); + +const HorizontalExample = () => { + const styles = useExampleStyles(); + + const [selectedTabId, setSelectedTabId] = React.useState('today'); + + const onTabSelect = (tabId: string) => { + setSelectedTabId(tabId); + }; + + return ( +
+ + onTabSelect(d.value as string)}> + {tabs.map(tab => { + return ( + + {tab.icon}}> + {tab.name} + + + ); + })} + + + +
+ ); +}; + +const VerticalExample = () => { + const styles = useExampleStyles(); + + const [selectedTabId, setSelectedTabId] = React.useState('today'); + + const onTabSelect = (tabId: string) => { + setSelectedTabId(tabId); + }; + + return ( +
+ + onTabSelect(d.value as string)}> + {tabs.map(tab => { + return ( + + {tab.icon}}> + {tab.name} + + + ); + })} + + + +
+ ); +}; + +const useStyles = makeStyles({ + root: { + alignItems: 'flex-start', + display: 'flex', + flexDirection: 'column', + justifyContent: 'flex-start', + ...shorthands.overflow('auto'), + ...shorthands.padding('50px', '20px'), + rowGap: '20px', + minHeight: '600px', //lets the page remain at a minimum height when vertical tabs are resized + }, +}); +export const WithOverflow = () => { + const styles = useStyles(); + + return ( +
+ + +
+ ); +}; + +WithOverflow.parameters = { + docs: { + description: { + story: 'A tab list can support overflow by using Overflow and OverflowItem.', + }, + }, +}; diff --git a/packages/react-components/react-tabs/src/stories/TabListWithPanels.stories.tsx b/packages/react-components/react-tabs/src/stories/TabListWithPanels.stories.tsx new file mode 100644 index 00000000000000..e803024769f255 --- /dev/null +++ b/packages/react-components/react-tabs/src/stories/TabListWithPanels.stories.tsx @@ -0,0 +1,148 @@ +import { makeStyles, shorthands } from '@griffel/react'; +import * as React from 'react'; +import { SelectTabData, SelectTabEvent, Tab, TabList } from '../index'; +import { AirplaneRegular, AirplaneTakeOffRegular, TimeAndWeatherRegular } from '@fluentui/react-icons'; +import { TabValue } from '../Tab'; +import { tokens } from '@fluentui/react-theme'; + +const useStyles = makeStyles({ + root: { + alignItems: 'flex-start', + display: 'flex', + flexDirection: 'column', + justifyContent: 'flex-start', + ...shorthands.padding('50px', '20px'), + rowGap: '20px', + }, + panels: { + ...shorthands.padding(0, '10px'), + '& th': { + textAlign: 'left', + ...shorthands.padding(0, '30px', 0, 0), + }, + }, + propsTable: { + '& td:first-child': { + fontWeight: tokens.fontWeightSemibold, + }, + '& td': { + ...shorthands.padding(0, '30px', 0, 0), + }, + }, +}); + +export const WithPanels = () => { + const styles = useStyles(); + + const [selectedValue, setSelectedValue] = React.useState('conditions'); + + const onTabSelect = (event: SelectTabEvent, data: SelectTabData) => { + setSelectedValue(data.value); + }; + + const Arrivals = React.memo(() => ( + + + + + + + + + + + + + + + + + + + + + + + +
OriginGateETA
DENC312:40 PM
SMFD11:18 PM
SFOE181:42 PM
+ )); + + const Departures = React.memo(() => ( + + + + + + + + + + + + + + + + + + + + + + + +
DestinationGateETD
MSPA78:26 AM
DCAN29:03 AM
LASE152:36 PM
+ )); + + const Conditions = React.memo(() => ( + + + + + + + + + + + + + + + + + + + +
Time6:45 AM
Temperature68F / 20C
ForecastOvercast
Visibility0.5 miles, 1800 ft runway visual range
+ )); + + return ( +
+ + } value="arrivals"> + Arrivals + + } value="departures"> + Departures + + } value="conditions"> + Conditions + + +
+ {selectedValue === 'arrivals' && } + {selectedValue === 'departures' && } + {selectedValue === 'conditions' && } +
+
+ ); +}; + +WithPanels.parameters = { + docs: { + description: { + story: 'A tab list can be used to show/hide UI when a tab is selected.', + }, + }, +}; diff --git a/packages/react-components/react-tabs/src/tab.constants.ts b/packages/react-components/react-tabs/src/tab.constants.ts deleted file mode 100644 index a59c336184035f..00000000000000 --- a/packages/react-components/react-tabs/src/tab.constants.ts +++ /dev/null @@ -1,73 +0,0 @@ -// TODO: Constants prefixed with pending should be replaced with design tokens -// These values were taken from the design token superset figma - -import { tokens } from '@fluentui/react-theme'; - -export const pendingContentSizeTokens = { - // Only body sizes are defined here currently - body1: { - fontSize: tokens.fontSizeBase300, - fontWeight: tokens.fontWeightRegular, - lineHeight: tokens.lineHeightBase300, - }, - body1Strong: { - fontSize: tokens.fontSizeBase300, - fontWeight: tokens.fontWeightSemibold, - lineHeight: tokens.lineHeightBase300, - }, -}; - -export const pendingSpacingTokens = { - none: '0', - xxs: '2px', - xs: '4px', - sNudge: '6px', - s: '8px', - mNudge: '10px', - m: '12px', - l: '16px', - xl: '20px', - xxl: '24px', - xxxl: '32px', -}; - -export const pendingAnimationDurationTokens = { - ultraFast: '50ms', - faster: '100ms', - fast: '150ms', - normal: '200ms', - slow: '300ms', - slower: '400ms', - ultraSlow: '500ms', -}; - -export const pendingAnimationEasingTokens = { - accelerateMax: 'cubic-bezier(1,0,1,1)', - accelerateMid: 'cubic-bezier(0.7,0,1,0.5)', - accelerateMin: 'cubic-bezier(0.8,0,1,1)', - declerateMax: 'cubic-bezier(0,0,0,1)', - decelerateMid: 'cubic-bezier(0.1,0.9,0.2,1)', - decelarateMin: 'cubic-bezier(0.33,0,0.1,1)', - maxEasyEase: 'cubic-bezier(0.8,0,0.1,1)', - easyEase: 'cubic-bezier(0.33,0,0.67,1)', - linear: 'cubic-bezier(0,0,1,1)', -}; - -/** - * Provides shared values between tab style hooks - * useTabStyles - * useTabAnimatedIndicator - */ -export const tabIndicatorPadding = { - mediumHorizontal: pendingSpacingTokens.m, - mediumVertical: pendingSpacingTokens.s, - smallHorizontal: pendingSpacingTokens.sNudge, - smallVertical: pendingSpacingTokens.xs, -}; - -export const tabIndicatorStrokeWidths = { - mediumHorizontal: tokens.strokeWidthThicker, - mediumVertical: tokens.strokeWidthThicker, - smallHorizontal: tokens.strokeWidthThick, - smallVertical: tokens.strokeWidthThicker, -}; diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index 9be422e3fbcfc0..db5535281e5b38 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:53 GMT", + "tag": "@fluentui/react-tabster_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tabster", + "commit": "35dc16cc0ebb2ce181bd802b4b9002b12ea2d86f", + "comment": "react-tabster: Move to new common folder." + }, + { + "author": "bsunderhus@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "df7387d8394994e1802cb1354a327b86a4d41604", + "comment": "chore: moves focus indicator from hooks folder to it's own" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:15 GMT", "tag": "@fluentui/react-tabster_v9.0.0-rc.7", diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md index e782eaaf3bc2ca..50f1fea4ae30d7 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-tabster -This log was last generated on Mon, 25 Apr 2022 09:32:15 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:53 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.0.0-rc.7..@fluentui/react-tabster_v9.0.0-rc.8) + +### Changes + +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.0.0-rc.7) Mon, 25 Apr 2022 09:32:15 GMT diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 3dc32c6e74d3eb..ce823c20e80488 100644 --- a/packages/react-components/react-tabster/package.json +++ b/packages/react-components/react-tabster/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabster", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,9 +31,9 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "keyborg": "^1.1.0", "tabster": "^1.3.3", "tslib": "^2.1.0" diff --git a/packages/react-components/react-text/.npmignore b/packages/react-components/react-text/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-text/.npmignore +++ b/packages/react-components/react-text/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index 528944b769a577..b713a6a429ca2f 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:33 GMT", + "tag": "@fluentui/react-text_v9.0.0-rc.7", + "version": "9.0.0-rc.7", + "comments": { + "prerelease": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-text", + "commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b", + "comment": "feat: ship rolluped only dts" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-text", + "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484", + "comment": "Updated react-text to use typography constants" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-text", + "commit": "af6bea84f19cf196b4d17df940e7230cbd9d832d", + "comment": "react-text: Move to new common folder." + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:01 GMT", "tag": "@fluentui/react-text_v9.0.0-rc.6", diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md index 4ddc6ce624a010..f61bebe99a4c51 100644 --- a/packages/react-components/react-text/CHANGELOG.md +++ b/packages/react-components/react-text/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-text -This log was last generated on Tue, 19 Apr 2022 19:17:01 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:33 GMT and should not be manually modified. +## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.7) + +Wed, 04 May 2022 13:26:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.6..@fluentui/react-text_v9.0.0-rc.7) + +### Changes + +- feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com) +- Updated react-text to use typography constants ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.6) Tue, 19 Apr 2022 19:17:01 GMT diff --git a/packages/react-components/react-text/config/api-extractor.json b/packages/react-components/react-text/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-text/config/api-extractor.json +++ b/packages/react-components/react-text/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 6c5bc77acad720..48602939fa0d1c 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -1,10 +1,10 @@ { "name": "@fluentui/react-text", - "version": "9.0.0-rc.6", + "version": "9.0.0-rc.7", "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -33,8 +33,8 @@ }, "dependencies": { "@griffel/react": "1.0.3", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-text/tsconfig.lib.json b/packages/react-components/react-text/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-text/tsconfig.lib.json +++ b/packages/react-components/react-text/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-textarea/.babelrc.json b/packages/react-components/react-textarea/.babelrc.json similarity index 100% rename from packages/react-textarea/.babelrc.json rename to packages/react-components/react-textarea/.babelrc.json diff --git a/packages/react-textarea/.eslintrc.json b/packages/react-components/react-textarea/.eslintrc.json similarity index 100% rename from packages/react-textarea/.eslintrc.json rename to packages/react-components/react-textarea/.eslintrc.json diff --git a/packages/react-radio/.npmignore b/packages/react-components/react-textarea/.npmignore similarity index 100% rename from packages/react-radio/.npmignore rename to packages/react-components/react-textarea/.npmignore diff --git a/packages/react-components/react-textarea/.storybook/main.js b/packages/react-components/react-textarea/.storybook/main.js new file mode 100644 index 00000000000000..7b7abd0e691d38 --- /dev/null +++ b/packages/react-components/react-textarea/.storybook/main.js @@ -0,0 +1,14 @@ +const rootMain = require('../../../../.storybook/main'); + +module.exports = /** @type {Omit} */ ({ + ...rootMain, + stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], + addons: [...rootMain.addons], + webpackFinal: (config, options) => { + const localConfig = { ...rootMain.webpackFinal(config, options) }; + + // add your own webpack tweaks if needed + + return localConfig; + }, +}); diff --git a/packages/react-components/react-textarea/.storybook/preview.js b/packages/react-components/react-textarea/.storybook/preview.js new file mode 100644 index 00000000000000..1939500a3d18c7 --- /dev/null +++ b/packages/react-components/react-textarea/.storybook/preview.js @@ -0,0 +1,7 @@ +import * as rootPreview from '../../../../.storybook/preview'; + +/** @type {typeof rootPreview.decorators} */ +export const decorators = [...rootPreview.decorators]; + +/** @type {typeof rootPreview.parameters} */ +export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-theme/.storybook/tsconfig.json b/packages/react-components/react-textarea/.storybook/tsconfig.json similarity index 100% rename from packages/react-theme/.storybook/tsconfig.json rename to packages/react-components/react-textarea/.storybook/tsconfig.json diff --git a/packages/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json similarity index 79% rename from packages/react-textarea/CHANGELOG.json rename to packages/react-components/react-textarea/CHANGELOG.json index 97663d3eca69ba..53500e7ecb361a 100644 --- a/packages/react-textarea/CHANGELOG.json +++ b/packages/react-components/react-textarea/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-textarea", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-textarea_v9.0.0-alpha.2", + "version": "9.0.0-alpha.2", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:02 GMT", "tag": "@fluentui/react-textarea_v9.0.0-alpha.1", diff --git a/packages/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md similarity index 71% rename from packages/react-textarea/CHANGELOG.md rename to packages/react-components/react-textarea/CHANGELOG.md index 1652af00ec182a..3a02ac6454162c 100644 --- a/packages/react-textarea/CHANGELOG.md +++ b/packages/react-components/react-textarea/CHANGELOG.md @@ -1,12 +1,22 @@ # Change Log - @fluentui/react-textarea -This log was last generated on Tue, 19 Apr 2022 19:17:02 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. +## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.0.0-alpha.2) + +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.0.0-alpha.1..@fluentui/react-textarea_v9.0.0-alpha.2) + +### Changes + +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.0.0-alpha.1) -Tue, 19 Apr 2022 19:17:02 GMT +Tue, 19 Apr 2022 19:17:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.0.0-alpha.0..@fluentui/react-textarea_v9.0.0-alpha.1) ### Changes @@ -18,7 +28,7 @@ Tue, 19 Apr 2022 19:17:02 GMT ## [9.0.0-alpha.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.0.0-alpha.0) -Fri, 04 Mar 2022 05:17:40 GMT +Fri, 04 Mar 2022 05:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.0.0-alpha.0..@fluentui/react-textarea_v9.0.0-alpha.0) ### Changes diff --git a/packages/react-textarea/LICENSE b/packages/react-components/react-textarea/LICENSE similarity index 100% rename from packages/react-textarea/LICENSE rename to packages/react-components/react-textarea/LICENSE diff --git a/packages/react-textarea/MIGRATION.md b/packages/react-components/react-textarea/MIGRATION.md similarity index 100% rename from packages/react-textarea/MIGRATION.md rename to packages/react-components/react-textarea/MIGRATION.md diff --git a/packages/react-textarea/README.md b/packages/react-components/react-textarea/README.md similarity index 100% rename from packages/react-textarea/README.md rename to packages/react-components/react-textarea/README.md diff --git a/packages/react-textarea/Spec.md b/packages/react-components/react-textarea/Spec.md similarity index 100% rename from packages/react-textarea/Spec.md rename to packages/react-components/react-textarea/Spec.md diff --git a/packages/react-textarea/bundle-size/Textarea.fixture.js b/packages/react-components/react-textarea/bundle-size/Textarea.fixture.js similarity index 100% rename from packages/react-textarea/bundle-size/Textarea.fixture.js rename to packages/react-components/react-textarea/bundle-size/Textarea.fixture.js diff --git a/packages/react-radio/config/api-extractor.json b/packages/react-components/react-textarea/config/api-extractor.json similarity index 100% rename from packages/react-radio/config/api-extractor.json rename to packages/react-components/react-textarea/config/api-extractor.json diff --git a/packages/react-components/react-textarea/config/api-extractor.local.json b/packages/react-components/react-textarea/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-textarea/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-textarea/config/tests.js b/packages/react-components/react-textarea/config/tests.js similarity index 100% rename from packages/react-textarea/config/tests.js rename to packages/react-components/react-textarea/config/tests.js diff --git a/packages/react-textarea/etc/react-textarea.api.md b/packages/react-components/react-textarea/etc/react-textarea.api.md similarity index 100% rename from packages/react-textarea/etc/react-textarea.api.md rename to packages/react-components/react-textarea/etc/react-textarea.api.md diff --git a/packages/react-textarea/jest.config.js b/packages/react-components/react-textarea/jest.config.js similarity index 92% rename from packages/react-textarea/jest.config.js rename to packages/react-components/react-textarea/jest.config.js index f254ab611cd05a..551a55632d2932 100644 --- a/packages/react-textarea/jest.config.js +++ b/packages/react-components/react-textarea/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-textarea', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-textarea/just.config.ts b/packages/react-components/react-textarea/just.config.ts similarity index 100% rename from packages/react-textarea/just.config.ts rename to packages/react-components/react-textarea/just.config.ts diff --git a/packages/react-textarea/package.json b/packages/react-components/react-textarea/package.json similarity index 80% rename from packages/react-textarea/package.json rename to packages/react-components/react-textarea/package.json index 7efff8b05b16c5..b32717e05131bb 100644 --- a/packages/react-textarea/package.json +++ b/packages/react-components/react-textarea/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-textarea", - "version": "9.0.0-alpha.1", + "version": "9.0.0-alpha.2", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,8 +21,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-textarea/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-textarea/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -32,8 +32,8 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-textarea/src/Textarea.ts b/packages/react-components/react-textarea/src/Textarea.ts similarity index 100% rename from packages/react-textarea/src/Textarea.ts rename to packages/react-components/react-textarea/src/Textarea.ts diff --git a/packages/react-textarea/src/common/isConformant.ts b/packages/react-components/react-textarea/src/common/isConformant.ts similarity index 100% rename from packages/react-textarea/src/common/isConformant.ts rename to packages/react-components/react-textarea/src/common/isConformant.ts diff --git a/packages/react-textarea/src/components/Textarea/Textarea.test.tsx b/packages/react-components/react-textarea/src/components/Textarea/Textarea.test.tsx similarity index 100% rename from packages/react-textarea/src/components/Textarea/Textarea.test.tsx rename to packages/react-components/react-textarea/src/components/Textarea/Textarea.test.tsx diff --git a/packages/react-textarea/src/components/Textarea/Textarea.tsx b/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx similarity index 100% rename from packages/react-textarea/src/components/Textarea/Textarea.tsx rename to packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx diff --git a/packages/react-textarea/src/components/Textarea/Textarea.types.ts b/packages/react-components/react-textarea/src/components/Textarea/Textarea.types.ts similarity index 100% rename from packages/react-textarea/src/components/Textarea/Textarea.types.ts rename to packages/react-components/react-textarea/src/components/Textarea/Textarea.types.ts diff --git a/packages/react-textarea/src/components/Textarea/__snapshots__/Textarea.test.tsx.snap b/packages/react-components/react-textarea/src/components/Textarea/__snapshots__/Textarea.test.tsx.snap similarity index 100% rename from packages/react-textarea/src/components/Textarea/__snapshots__/Textarea.test.tsx.snap rename to packages/react-components/react-textarea/src/components/Textarea/__snapshots__/Textarea.test.tsx.snap diff --git a/packages/react-textarea/src/components/Textarea/index.ts b/packages/react-components/react-textarea/src/components/Textarea/index.ts similarity index 100% rename from packages/react-textarea/src/components/Textarea/index.ts rename to packages/react-components/react-textarea/src/components/Textarea/index.ts diff --git a/packages/react-textarea/src/components/Textarea/renderTextarea.tsx b/packages/react-components/react-textarea/src/components/Textarea/renderTextarea.tsx similarity index 100% rename from packages/react-textarea/src/components/Textarea/renderTextarea.tsx rename to packages/react-components/react-textarea/src/components/Textarea/renderTextarea.tsx diff --git a/packages/react-textarea/src/components/Textarea/useTextarea.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextarea.ts similarity index 100% rename from packages/react-textarea/src/components/Textarea/useTextarea.ts rename to packages/react-components/react-textarea/src/components/Textarea/useTextarea.ts diff --git a/packages/react-textarea/src/components/Textarea/useTextareaStyles.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts similarity index 100% rename from packages/react-textarea/src/components/Textarea/useTextareaStyles.ts rename to packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts diff --git a/packages/react-textarea/src/index.ts b/packages/react-components/react-textarea/src/index.ts similarity index 100% rename from packages/react-textarea/src/index.ts rename to packages/react-components/react-textarea/src/index.ts diff --git a/packages/react-textarea/src/stories/Textarea.stories.tsx b/packages/react-components/react-textarea/src/stories/Textarea.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/Textarea.stories.tsx rename to packages/react-components/react-textarea/src/stories/Textarea.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaAppearance.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaAppearance.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaAppearance.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaAppearance.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaControlled.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaControlled.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaControlled.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaControlled.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaDefault.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaDefault.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaDefault.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaDefault.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaDescription.md b/packages/react-components/react-textarea/src/stories/TextareaDescription.md similarity index 100% rename from packages/react-textarea/src/stories/TextareaDescription.md rename to packages/react-components/react-textarea/src/stories/TextareaDescription.md diff --git a/packages/react-textarea/src/stories/TextareaDisabled.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaDisabled.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaDisabled.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaDisabled.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaPlaceholder.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaPlaceholder.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaPlaceholder.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaPlaceholder.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaResize.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaResize.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaResize.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaResize.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaSize.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaSize.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaSize.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaSize.stories.tsx diff --git a/packages/react-textarea/src/stories/TextareaUncontrolled.stories.tsx b/packages/react-components/react-textarea/src/stories/TextareaUncontrolled.stories.tsx similarity index 100% rename from packages/react-textarea/src/stories/TextareaUncontrolled.stories.tsx rename to packages/react-components/react-textarea/src/stories/TextareaUncontrolled.stories.tsx diff --git a/packages/react-components/react-textarea/tsconfig.json b/packages/react-components/react-textarea/tsconfig.json new file mode 100644 index 00000000000000..1941a041d46c19 --- /dev/null +++ b/packages/react-components/react-textarea/tsconfig.json @@ -0,0 +1,25 @@ +{ + "extends": "../../../tsconfig.base.json", + "compilerOptions": { + "target": "ES2019", + "noEmit": true, + "isolatedModules": true, + "importHelpers": true, + "jsx": "react", + "noUnusedLocals": true, + "preserveConstEnums": true + }, + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.lib.json" + }, + { + "path": "./tsconfig.spec.json" + }, + { + "path": "./.storybook/tsconfig.json" + } + ] +} diff --git a/packages/react-textarea/tsconfig.lib.json b/packages/react-components/react-textarea/tsconfig.lib.json similarity index 100% rename from packages/react-textarea/tsconfig.lib.json rename to packages/react-components/react-textarea/tsconfig.lib.json diff --git a/packages/react-textarea/tsconfig.spec.json b/packages/react-components/react-textarea/tsconfig.spec.json similarity index 100% rename from packages/react-textarea/tsconfig.spec.json rename to packages/react-components/react-textarea/tsconfig.spec.json diff --git a/packages/react-context-selector/.babelrc.json b/packages/react-components/react-theme/.babelrc.json similarity index 100% rename from packages/react-context-selector/.babelrc.json rename to packages/react-components/react-theme/.babelrc.json diff --git a/packages/react-theme/.eslintrc.json b/packages/react-components/react-theme/.eslintrc.json similarity index 100% rename from packages/react-theme/.eslintrc.json rename to packages/react-components/react-theme/.eslintrc.json diff --git a/packages/react-spinbutton/.npmignore b/packages/react-components/react-theme/.npmignore similarity index 100% rename from packages/react-spinbutton/.npmignore rename to packages/react-components/react-theme/.npmignore diff --git a/packages/react-components/react-theme/.storybook/main.js b/packages/react-components/react-theme/.storybook/main.js new file mode 100644 index 00000000000000..7b7abd0e691d38 --- /dev/null +++ b/packages/react-components/react-theme/.storybook/main.js @@ -0,0 +1,14 @@ +const rootMain = require('../../../../.storybook/main'); + +module.exports = /** @type {Omit} */ ({ + ...rootMain, + stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], + addons: [...rootMain.addons], + webpackFinal: (config, options) => { + const localConfig = { ...rootMain.webpackFinal(config, options) }; + + // add your own webpack tweaks if needed + + return localConfig; + }, +}); diff --git a/packages/react-theme/.storybook/preview-head.html b/packages/react-components/react-theme/.storybook/preview-head.html similarity index 100% rename from packages/react-theme/.storybook/preview-head.html rename to packages/react-components/react-theme/.storybook/preview-head.html diff --git a/packages/react-components/react-theme/.storybook/preview.js b/packages/react-components/react-theme/.storybook/preview.js new file mode 100644 index 00000000000000..1939500a3d18c7 --- /dev/null +++ b/packages/react-components/react-theme/.storybook/preview.js @@ -0,0 +1,7 @@ +import * as rootPreview from '../../../../.storybook/preview'; + +/** @type {typeof rootPreview.decorators} */ +export const decorators = [...rootPreview.decorators]; + +/** @type {typeof rootPreview.parameters} */ +export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-tooltip/.storybook/tsconfig.json b/packages/react-components/react-theme/.storybook/tsconfig.json similarity index 100% rename from packages/react-tooltip/.storybook/tsconfig.json rename to packages/react-components/react-theme/.storybook/tsconfig.json diff --git a/packages/react-theme/CHANGELOG.json b/packages/react-components/react-theme/CHANGELOG.json similarity index 93% rename from packages/react-theme/CHANGELOG.json rename to packages/react-components/react-theme/CHANGELOG.json index d0ccb82dce7eb8..5bc2266888ca09 100644 --- a/packages/react-theme/CHANGELOG.json +++ b/packages/react-components/react-theme/CHANGELOG.json @@ -1,6 +1,71 @@ { "name": "@fluentui/react-theme", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:33 GMT", + "tag": "@fluentui/react-theme_v9.0.0-rc.6", + "version": "9.0.0-rc.6", + "comments": { + "prerelease": [ + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "27ba5613b1253801c3ae4e2aba0fc9eb2ae464b8", + "comment": "Add px suffix to spacings" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "75ad2567f62e804a8deb3ea6016ba8a674c45627", + "comment": "Fixed typo in typography" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "7ad290b51135cb84c84e7dd8771bd712892c7484", + "comment": "Fixed line-height in title2" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "57583bfffa6bf28be389dec6c642f36ed253ecdd", + "comment": "Added global theme types and tokens" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "3e0ff753cbb3375f28477b2249ecd8b012e2e946", + "comment": "fix(react-theme): Update CompoundBrandBackground and BrandStroke1" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "354c4f6290d7957345fd53a8f26c8f5472ff92db", + "comment": "Add base font family per figma" + }, + { + "author": "gcox@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "78da3be7484d156379a105048c535767f7e1b85f", + "comment": "Added typeography styles" + }, + { + "author": "miroslav.stastny@microsoft.com", + "package": "@fluentui/react-theme", + "commit": "e45629a0978492d5a8a44934f5263e47862ac8b3", + "comment": "feat(react-theme): Add colorNeutralForeground2Link color tokens" + } + ], + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-theme", + "commit": "8ec3d32fa26e6cf803ab9d18671fd51ba06c74ab", + "comment": "react-theme: Move to new common folder." + } + ] + } + }, { "date": "Tue, 19 Apr 2022 19:17:02 GMT", "tag": "@fluentui/react-theme_v9.0.0-rc.5", diff --git a/packages/react-theme/CHANGELOG.md b/packages/react-components/react-theme/CHANGELOG.md similarity index 88% rename from packages/react-theme/CHANGELOG.md rename to packages/react-components/react-theme/CHANGELOG.md index 4a00d310203f6d..b15287edf10698 100644 --- a/packages/react-theme/CHANGELOG.md +++ b/packages/react-components/react-theme/CHANGELOG.md @@ -1,12 +1,28 @@ # Change Log - @fluentui/react-theme -This log was last generated on Tue, 19 Apr 2022 19:17:02 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:33 GMT and should not be manually modified. +## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.6) + +Wed, 04 May 2022 13:26:33 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.5..@fluentui/react-theme_v9.0.0-rc.6) + +### Changes + +- Add px suffix to spacings ([PR #22722](https://github.com/microsoft/fluentui/pull/22722) by gcox@microsoft.com) +- Fixed typo in typography ([PR #22625](https://github.com/microsoft/fluentui/pull/22625) by gcox@microsoft.com) +- Fixed line-height in title2 ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com) +- Added global theme types and tokens ([PR #22607](https://github.com/microsoft/fluentui/pull/22607) by gcox@microsoft.com) +- fix(react-theme): Update CompoundBrandBackground and BrandStroke1 ([PR #22751](https://github.com/microsoft/fluentui/pull/22751) by miroslav.stastny@microsoft.com) +- Add base font family per figma ([PR #22627](https://github.com/microsoft/fluentui/pull/22627) by gcox@microsoft.com) +- Added typeography styles ([PR #22610](https://github.com/microsoft/fluentui/pull/22610) by gcox@microsoft.com) +- feat(react-theme): Add colorNeutralForeground2Link color tokens ([PR #22570](https://github.com/microsoft/fluentui/pull/22570) by miroslav.stastny@microsoft.com) + ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.5) -Tue, 19 Apr 2022 19:17:02 GMT +Tue, 19 Apr 2022 19:17:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.4..@fluentui/react-theme_v9.0.0-rc.5) ### Changes @@ -16,7 +32,7 @@ Tue, 19 Apr 2022 19:17:02 GMT ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.4) -Fri, 04 Mar 2022 05:17:31 GMT +Fri, 04 Mar 2022 05:17:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.3..@fluentui/react-theme_v9.0.0-rc.4) ### Changes @@ -25,7 +41,7 @@ Fri, 04 Mar 2022 05:17:31 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:36 GMT +Fri, 18 Feb 2022 13:35:36 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-rc.1..@fluentui/react-theme_v9.0.0-rc.3) ### Changes @@ -34,7 +50,7 @@ Fri, 18 Feb 2022 13:35:36 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:51:02 GMT +Thu, 10 Feb 2022 08:51:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.4..@fluentui/react-theme_v9.0.0-rc.1) ### Changes @@ -51,7 +67,7 @@ Thu, 10 Feb 2022 08:51:02 GMT ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.4) -Thu, 25 Nov 2021 08:34:16 GMT +Thu, 25 Nov 2021 08:34:16 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.3..@fluentui/react-theme_v9.0.0-beta.4) ### Changes @@ -60,7 +76,7 @@ Thu, 25 Nov 2021 08:34:16 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.3) -Fri, 12 Nov 2021 13:25:09 GMT +Fri, 12 Nov 2021 13:25:09 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.2..@fluentui/react-theme_v9.0.0-beta.3) ### Changes @@ -70,7 +86,7 @@ Fri, 12 Nov 2021 13:25:09 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.2) -Wed, 27 Oct 2021 12:14:23 GMT +Wed, 27 Oct 2021 12:14:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-beta.1..@fluentui/react-theme_v9.0.0-beta.2) ### Changes @@ -80,7 +96,7 @@ Wed, 27 Oct 2021 12:14:23 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.26..@fluentui/react-theme_v9.0.0-beta.1) ### Changes @@ -89,7 +105,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.26) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.24..@fluentui/react-theme_v9.0.0-alpha.26) ### Changes @@ -98,7 +114,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.24) -Wed, 29 Sep 2021 08:06:11 GMT +Wed, 29 Sep 2021 08:06:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.23..@fluentui/react-theme_v9.0.0-alpha.24) ### Changes @@ -107,7 +123,7 @@ Wed, 29 Sep 2021 08:06:11 GMT ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.23) -Tue, 21 Sep 2021 07:42:34 GMT +Tue, 21 Sep 2021 07:42:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.22..@fluentui/react-theme_v9.0.0-alpha.23) ### Changes @@ -116,7 +132,7 @@ Tue, 21 Sep 2021 07:42:34 GMT ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.22) -Tue, 24 Aug 2021 07:34:48 GMT +Tue, 24 Aug 2021 07:34:48 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.21..@fluentui/react-theme_v9.0.0-alpha.22) ### Changes @@ -125,7 +141,7 @@ Tue, 24 Aug 2021 07:34:48 GMT ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.21) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.20..@fluentui/react-theme_v9.0.0-alpha.21) ### Changes @@ -134,7 +150,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.20) -Tue, 03 Aug 2021 07:39:30 GMT +Tue, 03 Aug 2021 07:39:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.19..@fluentui/react-theme_v9.0.0-alpha.20) ### Patches @@ -148,7 +164,7 @@ Tue, 03 Aug 2021 07:39:30 GMT ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.19) -Mon, 26 Jul 2021 07:37:30 GMT +Mon, 26 Jul 2021 07:37:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.18..@fluentui/react-theme_v9.0.0-alpha.19) ### Changes @@ -157,7 +173,7 @@ Mon, 26 Jul 2021 07:37:30 GMT ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.18) -Fri, 23 Jul 2021 07:38:19 GMT +Fri, 23 Jul 2021 07:38:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.17..@fluentui/react-theme_v9.0.0-alpha.18) ### Changes @@ -166,7 +182,7 @@ Fri, 23 Jul 2021 07:38:19 GMT ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.17) -Fri, 09 Jul 2021 07:39:31 GMT +Fri, 09 Jul 2021 07:39:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.16..@fluentui/react-theme_v9.0.0-alpha.17) ### Patches @@ -176,7 +192,7 @@ Fri, 09 Jul 2021 07:39:31 GMT ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.16) -Fri, 02 Jul 2021 07:37:06 GMT +Fri, 02 Jul 2021 07:37:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.15..@fluentui/react-theme_v9.0.0-alpha.16) ### Changes @@ -185,7 +201,7 @@ Fri, 02 Jul 2021 07:37:06 GMT ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.15) -Mon, 07 Jun 2021 07:38:15 GMT +Mon, 07 Jun 2021 07:38:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.14..@fluentui/react-theme_v9.0.0-alpha.15) ### Patches @@ -195,7 +211,7 @@ Mon, 07 Jun 2021 07:38:15 GMT ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.14) -Thu, 03 Jun 2021 07:36:03 GMT +Thu, 03 Jun 2021 07:36:03 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.13..@fluentui/react-theme_v9.0.0-alpha.14) ### Changes @@ -204,7 +220,7 @@ Thu, 03 Jun 2021 07:36:03 GMT ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.13) -Thu, 20 May 2021 07:41:54 GMT +Thu, 20 May 2021 07:41:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.12..@fluentui/react-theme_v9.0.0-alpha.13) ### Patches @@ -214,7 +230,7 @@ Thu, 20 May 2021 07:41:54 GMT ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.12) -Wed, 19 May 2021 07:34:20 GMT +Wed, 19 May 2021 07:34:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.11..@fluentui/react-theme_v9.0.0-alpha.12) ### Changes @@ -223,7 +239,7 @@ Wed, 19 May 2021 07:34:20 GMT ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.11) -Thu, 13 May 2021 07:36:55 GMT +Thu, 13 May 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.10..@fluentui/react-theme_v9.0.0-alpha.11) ### Changes @@ -232,7 +248,7 @@ Thu, 13 May 2021 07:36:55 GMT ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.10) -Fri, 30 Apr 2021 07:42:23 GMT +Fri, 30 Apr 2021 07:42:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.9..@fluentui/react-theme_v9.0.0-alpha.10) ### Patches @@ -246,7 +262,7 @@ Fri, 30 Apr 2021 07:42:23 GMT ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.9) -Fri, 23 Apr 2021 07:37:10 GMT +Fri, 23 Apr 2021 07:37:10 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.8..@fluentui/react-theme_v9.0.0-alpha.9) ### Patches @@ -256,7 +272,7 @@ Fri, 23 Apr 2021 07:37:10 GMT ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.8) -Thu, 08 Apr 2021 07:33:06 GMT +Thu, 08 Apr 2021 07:33:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.7..@fluentui/react-theme_v9.0.0-alpha.8) ### Changes @@ -265,7 +281,7 @@ Thu, 08 Apr 2021 07:33:06 GMT ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.7) -Wed, 31 Mar 2021 00:53:43 GMT +Wed, 31 Mar 2021 00:53:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.6..@fluentui/react-theme_v9.0.0-alpha.7) ### Patches @@ -275,7 +291,7 @@ Wed, 31 Mar 2021 00:53:43 GMT ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.6) -Mon, 15 Mar 2021 07:36:20 GMT +Mon, 15 Mar 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.5..@fluentui/react-theme_v9.0.0-alpha.6) ### Changes @@ -284,7 +300,7 @@ Mon, 15 Mar 2021 07:36:20 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.5) -Wed, 03 Mar 2021 00:10:09 GMT +Wed, 03 Mar 2021 00:10:09 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.4..@fluentui/react-theme_v9.0.0-alpha.5) ### Changes @@ -293,7 +309,7 @@ Wed, 03 Mar 2021 00:10:09 GMT ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.4) -Tue, 02 Mar 2021 07:24:27 GMT +Tue, 02 Mar 2021 07:24:27 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.3..@fluentui/react-theme_v9.0.0-alpha.4) ### Changes @@ -303,7 +319,7 @@ Tue, 02 Mar 2021 07:24:27 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.3) -Fri, 26 Feb 2021 01:16:27 GMT +Fri, 26 Feb 2021 01:16:27 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.2..@fluentui/react-theme_v9.0.0-alpha.3) ### Patches @@ -319,7 +335,7 @@ Fri, 26 Feb 2021 01:16:27 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.2) -Thu, 25 Feb 2021 20:16:39 GMT +Thu, 25 Feb 2021 20:16:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.0.0-alpha.1..@fluentui/react-theme_v9.0.0-alpha.2) ### Changes @@ -328,7 +344,7 @@ Thu, 25 Feb 2021 20:16:39 GMT ## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.0.0-alpha.1) -Wed, 24 Feb 2021 00:05:29 GMT +Wed, 24 Feb 2021 00:05:29 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.3..@fluentui/react-theme_v9.0.0-alpha.1) ### Changes @@ -337,7 +353,7 @@ Wed, 24 Feb 2021 00:05:29 GMT ## [0.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.3) -Mon, 22 Feb 2021 12:26:22 GMT +Mon, 22 Feb 2021 12:26:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.2..@fluentui/react-theme_v0.3.3) ### Patches @@ -350,7 +366,7 @@ Mon, 22 Feb 2021 12:26:22 GMT ## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.2) -Thu, 18 Feb 2021 19:38:50 GMT +Thu, 18 Feb 2021 19:38:50 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.2) ### Patches @@ -363,7 +379,7 @@ Thu, 18 Feb 2021 19:38:50 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1) -Thu, 18 Feb 2021 12:27:34 GMT +Thu, 18 Feb 2021 12:27:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1) ### Changes @@ -375,7 +391,7 @@ Thu, 18 Feb 2021 12:27:34 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1) -Mon, 15 Feb 2021 12:22:00 GMT +Mon, 15 Feb 2021 12:22:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1) ### Changes @@ -384,7 +400,7 @@ Mon, 15 Feb 2021 12:22:00 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1) -Thu, 11 Feb 2021 00:58:10 GMT +Thu, 11 Feb 2021 00:58:10 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.1..@fluentui/react-theme_v0.3.1) ### Changes @@ -393,7 +409,7 @@ Thu, 11 Feb 2021 00:58:10 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.1) -Tue, 09 Feb 2021 00:56:52 GMT +Tue, 09 Feb 2021 00:56:52 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.3.0..@fluentui/react-theme_v0.3.1) ### Patches @@ -402,7 +418,7 @@ Tue, 09 Feb 2021 00:56:52 GMT ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v0.3.0) -Mon, 08 Feb 2021 12:23:08 GMT +Mon, 08 Feb 2021 12:23:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v0.2.0..@fluentui/react-theme_v0.3.0) ### Minor changes diff --git a/packages/react-theme/LICENSE b/packages/react-components/react-theme/LICENSE similarity index 100% rename from packages/react-theme/LICENSE rename to packages/react-components/react-theme/LICENSE diff --git a/packages/react-theme/README.md b/packages/react-components/react-theme/README.md similarity index 100% rename from packages/react-theme/README.md rename to packages/react-components/react-theme/README.md diff --git a/packages/react-theme/bundle-size/SingleThemeToken.fixture.js b/packages/react-components/react-theme/bundle-size/SingleThemeToken.fixture.js similarity index 100% rename from packages/react-theme/bundle-size/SingleThemeToken.fixture.js rename to packages/react-components/react-theme/bundle-size/SingleThemeToken.fixture.js diff --git a/packages/react-theme/bundle-size/TeamsAllThemes.fixture.js b/packages/react-components/react-theme/bundle-size/TeamsAllThemes.fixture.js similarity index 100% rename from packages/react-theme/bundle-size/TeamsAllThemes.fixture.js rename to packages/react-components/react-theme/bundle-size/TeamsAllThemes.fixture.js diff --git a/packages/react-theme/bundle-size/TeamsLightTheme.fixture.js b/packages/react-components/react-theme/bundle-size/TeamsLightTheme.fixture.js similarity index 100% rename from packages/react-theme/bundle-size/TeamsLightTheme.fixture.js rename to packages/react-components/react-theme/bundle-size/TeamsLightTheme.fixture.js diff --git a/packages/react-spinbutton/config/api-extractor.json b/packages/react-components/react-theme/config/api-extractor.json similarity index 100% rename from packages/react-spinbutton/config/api-extractor.json rename to packages/react-components/react-theme/config/api-extractor.json diff --git a/packages/react-components/react-theme/config/api-extractor.local.json b/packages/react-components/react-theme/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-theme/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-theme/config/tests.js b/packages/react-components/react-theme/config/tests.js similarity index 100% rename from packages/react-theme/config/tests.js rename to packages/react-components/react-theme/config/tests.js diff --git a/packages/react-theme/etc/react-theme.api.md b/packages/react-components/react-theme/etc/react-theme.api.md similarity index 99% rename from packages/react-theme/etc/react-theme.api.md rename to packages/react-components/react-theme/etc/react-theme.api.md index e7b7210a805d66..5305cc58552dd1 100644 --- a/packages/react-theme/etc/react-theme.api.md +++ b/packages/react-components/react-theme/etc/react-theme.api.md @@ -473,6 +473,14 @@ export function themeToTokensObject(theme: TTheme): Record // @public (undocumented) export const tokens: Record; +// @public (undocumented) +export type TypographyStyle = { + fontFamily: string; + fontSize: string; + fontWeight: string; + lineHeight: string; +}; + // @public (undocumented) export type TypographyStyles = { body1: TypographyStyle; diff --git a/packages/react-theme/jest.config.js b/packages/react-components/react-theme/jest.config.js similarity index 91% rename from packages/react-theme/jest.config.js rename to packages/react-components/react-theme/jest.config.js index daa5495a687684..e645883fb3c741 100644 --- a/packages/react-theme/jest.config.js +++ b/packages/react-components/react-theme/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-theme', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-theme/just.config.ts b/packages/react-components/react-theme/just.config.ts similarity index 100% rename from packages/react-theme/just.config.ts rename to packages/react-components/react-theme/just.config.ts diff --git a/packages/react-theme/package.json b/packages/react-components/react-theme/package.json similarity index 80% rename from packages/react-theme/package.json rename to packages/react-components/react-theme/package.json index da6d6be5c35dca..ce1fdc674c0866 100644 --- a/packages/react-theme/package.json +++ b/packages/react-components/react-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-theme", - "version": "9.0.0-rc.5", + "version": "9.0.0-rc.6", "description": "Fluent UI themes", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -19,10 +19,11 @@ "just": "just-scripts", "lint": "just-scripts lint", "start": "yarn storybook", - "storybook": "node ../../scripts/storybook/runner", + "storybook": "node ../../../scripts/storybook/runner", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-theme/src && yarn docs", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-theme/src && yarn docs", + "token-pipeline": "node -r ../../../scripts/ts-node-register ../../../scripts/token-pipeline.ts", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { diff --git a/packages/react-theme/src/alias/darkColor.ts b/packages/react-components/react-theme/src/alias/darkColor.ts similarity index 97% rename from packages/react-theme/src/alias/darkColor.ts rename to packages/react-components/react-theme/src/alias/darkColor.ts index 5c34f86bcf20eb..af1b3c0833e32e 100644 --- a/packages/react-theme/src/alias/darkColor.ts +++ b/packages/react-components/react-theme/src/alias/darkColor.ts @@ -100,9 +100,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60 - colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90 - colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100 - colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80 + colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100 + colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 + colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White @@ -124,7 +124,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White - colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90 + colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90 colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100 diff --git a/packages/react-theme/src/alias/darkColorPalette.ts b/packages/react-components/react-theme/src/alias/darkColorPalette.ts similarity index 100% rename from packages/react-theme/src/alias/darkColorPalette.ts rename to packages/react-components/react-theme/src/alias/darkColorPalette.ts diff --git a/packages/react-theme/src/alias/highContrastColor.ts b/packages/react-components/react-theme/src/alias/highContrastColor.ts similarity index 100% rename from packages/react-theme/src/alias/highContrastColor.ts rename to packages/react-components/react-theme/src/alias/highContrastColor.ts diff --git a/packages/react-theme/src/alias/highContrastColorPalette.ts b/packages/react-components/react-theme/src/alias/highContrastColorPalette.ts similarity index 100% rename from packages/react-theme/src/alias/highContrastColorPalette.ts rename to packages/react-components/react-theme/src/alias/highContrastColorPalette.ts diff --git a/packages/react-theme/src/alias/lightColor.ts b/packages/react-components/react-theme/src/alias/lightColor.ts similarity index 100% rename from packages/react-theme/src/alias/lightColor.ts rename to packages/react-components/react-theme/src/alias/lightColor.ts diff --git a/packages/react-theme/src/alias/lightColorPalette.ts b/packages/react-components/react-theme/src/alias/lightColorPalette.ts similarity index 100% rename from packages/react-theme/src/alias/lightColorPalette.ts rename to packages/react-components/react-theme/src/alias/lightColorPalette.ts diff --git a/packages/react-theme/src/alias/teamsDarkColor.ts b/packages/react-components/react-theme/src/alias/teamsDarkColor.ts similarity index 97% rename from packages/react-theme/src/alias/teamsDarkColor.ts rename to packages/react-components/react-theme/src/alias/teamsDarkColor.ts index 9d8db0838f516d..bac7f9c0e578b6 100644 --- a/packages/react-theme/src/alias/teamsDarkColor.ts +++ b/packages/react-components/react-theme/src/alias/teamsDarkColor.ts @@ -100,9 +100,9 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorBrandBackgroundHover: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackgroundPressed: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundSelected: brand[60], // #005a9e Global.Color.Brand.60 - colorCompoundBrandBackground: brand[90], // #1890f1 Global.Color.Brand.90 - colorCompoundBrandBackgroundHover: brand[100], // #2899f5 Global.Color.Brand.100 - colorCompoundBrandBackgroundPressed: brand[80], // #0078d4 Global.Color.Brand.80 + colorCompoundBrandBackground: brand[100], // #2899f5 Global.Color.Brand.100 + colorCompoundBrandBackgroundHover: brand[110], // #3aa0f3 Global.Color.Brand.110 + colorCompoundBrandBackgroundPressed: brand[90], // #1890f1 Global.Color.Brand.90 colorBrandBackgroundStatic: brand[80], // #0078d4 Global.Color.Brand.80 colorBrandBackground2: brand[40], // #004578 Global.Color.Brand.40 colorBrandBackgroundInverted: white, // #ffffff Global.Color.White @@ -124,7 +124,7 @@ export const generateColorTokens = (brand: BrandVariants): ColorTokens => ({ colorNeutralStrokeOnBrand2Hover: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Pressed: white, // #ffffff Global.Color.White colorNeutralStrokeOnBrand2Selected: white, // #ffffff Global.Color.White - colorBrandStroke1: brand[90], // #1890f1 Global.Color.Brand.90 + colorBrandStroke1: brand[100], // #2899f5 Global.Color.Brand.100 colorBrandStroke2: brand[50], // #004c87 Global.Color.Brand.50 colorCompoundBrandStroke: brand[90], // #1890f1 Global.Color.Brand.90 colorCompoundBrandStrokeHover: brand[100], // #2899f5 Global.Color.Brand.100 diff --git a/packages/react-theme/src/alias/teamsDarkColorPalette.ts b/packages/react-components/react-theme/src/alias/teamsDarkColorPalette.ts similarity index 100% rename from packages/react-theme/src/alias/teamsDarkColorPalette.ts rename to packages/react-components/react-theme/src/alias/teamsDarkColorPalette.ts diff --git a/packages/react-theme/src/global/borderRadius.ts b/packages/react-components/react-theme/src/global/borderRadius.ts similarity index 100% rename from packages/react-theme/src/global/borderRadius.ts rename to packages/react-components/react-theme/src/global/borderRadius.ts diff --git a/packages/react-theme/src/global/brandColors.ts b/packages/react-components/react-theme/src/global/brandColors.ts similarity index 100% rename from packages/react-theme/src/global/brandColors.ts rename to packages/react-components/react-theme/src/global/brandColors.ts diff --git a/packages/react-theme/src/global/colors.ts b/packages/react-components/react-theme/src/global/colors.ts similarity index 100% rename from packages/react-theme/src/global/colors.ts rename to packages/react-components/react-theme/src/global/colors.ts diff --git a/packages/react-theme/src/global/curves.ts b/packages/react-components/react-theme/src/global/curves.ts similarity index 100% rename from packages/react-theme/src/global/curves.ts rename to packages/react-components/react-theme/src/global/curves.ts diff --git a/packages/react-components/react-theme/src/global/durations.ts b/packages/react-components/react-theme/src/global/durations.ts new file mode 100644 index 00000000000000..6412fef5b311d5 --- /dev/null +++ b/packages/react-components/react-theme/src/global/durations.ts @@ -0,0 +1,11 @@ +import type { DurationTokens } from '../types'; + +export const durations: DurationTokens = { + durationUltraFast: '50ms', + durationFaster: '100ms', + durationFast: '150ms', + durationNormal: '200ms', + durationSlow: '300ms', + durationSlower: '400ms', + durationUltraSlow: '500ms', +}; diff --git a/packages/react-theme/src/global/fonts.ts b/packages/react-components/react-theme/src/global/fonts.ts similarity index 100% rename from packages/react-theme/src/global/fonts.ts rename to packages/react-components/react-theme/src/global/fonts.ts diff --git a/packages/react-theme/src/global/index.ts b/packages/react-components/react-theme/src/global/index.ts similarity index 100% rename from packages/react-theme/src/global/index.ts rename to packages/react-components/react-theme/src/global/index.ts diff --git a/packages/react-theme/src/global/spacings.ts b/packages/react-components/react-theme/src/global/spacings.ts similarity index 100% rename from packages/react-theme/src/global/spacings.ts rename to packages/react-components/react-theme/src/global/spacings.ts diff --git a/packages/react-theme/src/global/strokeWidths.ts b/packages/react-components/react-theme/src/global/strokeWidths.ts similarity index 100% rename from packages/react-theme/src/global/strokeWidths.ts rename to packages/react-components/react-theme/src/global/strokeWidths.ts diff --git a/packages/react-theme/src/global/typographyStyles.ts b/packages/react-components/react-theme/src/global/typographyStyles.ts similarity index 100% rename from packages/react-theme/src/global/typographyStyles.ts rename to packages/react-components/react-theme/src/global/typographyStyles.ts diff --git a/packages/react-theme/src/index.ts b/packages/react-components/react-theme/src/index.ts similarity index 85% rename from packages/react-theme/src/index.ts rename to packages/react-components/react-theme/src/index.ts index a12bf4667a7a34..8c9615fd9a7954 100644 --- a/packages/react-theme/src/index.ts +++ b/packages/react-components/react-theme/src/index.ts @@ -1,5 +1,12 @@ -export * from './themes/index'; -export * from './utils/index'; +export { + teamsDarkTheme, + teamsHighContrastTheme, + teamsLightTheme, + webDarkTheme, + webHighContrastTheme, + webLightTheme, +} from './themes/index'; +export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme } from './utils/index'; export { themeToTokensObject } from './themeToTokensObject'; export { tokens } from './tokens'; @@ -74,5 +81,6 @@ export type { ColorTokens, PartialTheme, Theme, + TypographyStyle, TypographyStyles, } from './types'; diff --git a/packages/react-theme/src/themeToTokensObject.test.ts b/packages/react-components/react-theme/src/themeToTokensObject.test.ts similarity index 100% rename from packages/react-theme/src/themeToTokensObject.test.ts rename to packages/react-components/react-theme/src/themeToTokensObject.test.ts diff --git a/packages/react-theme/src/themeToTokensObject.ts b/packages/react-components/react-theme/src/themeToTokensObject.ts similarity index 100% rename from packages/react-theme/src/themeToTokensObject.ts rename to packages/react-components/react-theme/src/themeToTokensObject.ts diff --git a/packages/react-theme/src/themes/ColorRamp.stories.tsx b/packages/react-components/react-theme/src/themes/ColorRamp.stories.tsx similarity index 100% rename from packages/react-theme/src/themes/ColorRamp.stories.tsx rename to packages/react-components/react-theme/src/themes/ColorRamp.stories.tsx diff --git a/packages/react-theme/src/themes/ThemeBorderRadii.stories.tsx b/packages/react-components/react-theme/src/themes/ThemeBorderRadii.stories.tsx similarity index 100% rename from packages/react-theme/src/themes/ThemeBorderRadii.stories.tsx rename to packages/react-components/react-theme/src/themes/ThemeBorderRadii.stories.tsx diff --git a/packages/react-theme/src/themes/ThemeColors.stories.tsx b/packages/react-components/react-theme/src/themes/ThemeColors.stories.tsx similarity index 100% rename from packages/react-theme/src/themes/ThemeColors.stories.tsx rename to packages/react-components/react-theme/src/themes/ThemeColors.stories.tsx diff --git a/packages/react-theme/src/themes/ThemeShadows.stories.tsx b/packages/react-components/react-theme/src/themes/ThemeShadows.stories.tsx similarity index 100% rename from packages/react-theme/src/themes/ThemeShadows.stories.tsx rename to packages/react-components/react-theme/src/themes/ThemeShadows.stories.tsx diff --git a/packages/react-theme/src/themes/ThemeStrokeWidths.stories.tsx b/packages/react-components/react-theme/src/themes/ThemeStrokeWidths.stories.tsx similarity index 100% rename from packages/react-theme/src/themes/ThemeStrokeWidths.stories.tsx rename to packages/react-components/react-theme/src/themes/ThemeStrokeWidths.stories.tsx diff --git a/packages/react-theme/src/themes/ThemeTypography.stories.tsx b/packages/react-components/react-theme/src/themes/ThemeTypography.stories.tsx similarity index 59% rename from packages/react-theme/src/themes/ThemeTypography.stories.tsx rename to packages/react-components/react-theme/src/themes/ThemeTypography.stories.tsx index b34731e24140e9..8ddd12a019e617 100644 --- a/packages/react-theme/src/themes/ThemeTypography.stories.tsx +++ b/packages/react-components/react-theme/src/themes/ThemeTypography.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { teamsLightTheme } from '../index'; -import type { FontFamilyTokens, FontSizeTokens, LineHeightTokens, FontWeightTokens } from '../index'; +import { teamsLightTheme, typographyStyles } from '../index'; +import type { FontFamilyTokens, FontSizeTokens, LineHeightTokens, FontWeightTokens, TypographyStyle } from '../index'; export default { title: 'Theme', @@ -71,3 +71,49 @@ export const FontWeight = () => ( )}
); + +export const TypographyStyles = () => { + // var(--tokenName) => tokenName + function formatTypographyStyleValue(typographyStyleValue: TypographyStyle) { + return ( +
+ {Object.values(typographyStyleValue).map(value => ( +
{value.replace(/var\(--(.+)\)/, '$1')}
+ ))} +
+ ); + } + + // caption1Strong => Caption 1 Strong + function formatTypographyStyleName(typographyStyleName: string) { + return typographyStyleName.replace(/([A-Z\d])/g, ' $1').replace(/^(.)/, firstChar => firstChar.toUpperCase()); + } + + return ( +
+
+ Typography style is represented by a set of tokens instead of an individual token. +
+
+ {(Object.keys(typographyStyles) as (keyof typeof typographyStyles)[]).map(typographyStyleName => [ +
{typographyStyleName}
, +
+ {formatTypographyStyleValue(typographyStyles[typographyStyleName])} +
, +
+ Hello, I am {formatTypographyStyleName(typographyStyleName)} +
, + ])} +
+
+ ); +}; diff --git a/packages/react-theme/src/themes/index.ts b/packages/react-components/react-theme/src/themes/index.ts similarity index 100% rename from packages/react-theme/src/themes/index.ts rename to packages/react-components/react-theme/src/themes/index.ts diff --git a/packages/react-theme/src/themes/teams/darkTheme.ts b/packages/react-components/react-theme/src/themes/teams/darkTheme.ts similarity index 100% rename from packages/react-theme/src/themes/teams/darkTheme.ts rename to packages/react-components/react-theme/src/themes/teams/darkTheme.ts diff --git a/packages/react-theme/src/themes/teams/highContrastTheme.ts b/packages/react-components/react-theme/src/themes/teams/highContrastTheme.ts similarity index 100% rename from packages/react-theme/src/themes/teams/highContrastTheme.ts rename to packages/react-components/react-theme/src/themes/teams/highContrastTheme.ts diff --git a/packages/react-theme/src/themes/teams/index.ts b/packages/react-components/react-theme/src/themes/teams/index.ts similarity index 100% rename from packages/react-theme/src/themes/teams/index.ts rename to packages/react-components/react-theme/src/themes/teams/index.ts diff --git a/packages/react-theme/src/themes/teams/lightTheme.ts b/packages/react-components/react-theme/src/themes/teams/lightTheme.ts similarity index 100% rename from packages/react-theme/src/themes/teams/lightTheme.ts rename to packages/react-components/react-theme/src/themes/teams/lightTheme.ts diff --git a/packages/react-theme/src/themes/web/darkTheme.ts b/packages/react-components/react-theme/src/themes/web/darkTheme.ts similarity index 100% rename from packages/react-theme/src/themes/web/darkTheme.ts rename to packages/react-components/react-theme/src/themes/web/darkTheme.ts diff --git a/packages/react-theme/src/themes/web/highContrastTheme.ts b/packages/react-components/react-theme/src/themes/web/highContrastTheme.ts similarity index 100% rename from packages/react-theme/src/themes/web/highContrastTheme.ts rename to packages/react-components/react-theme/src/themes/web/highContrastTheme.ts diff --git a/packages/react-theme/src/themes/web/index.ts b/packages/react-components/react-theme/src/themes/web/index.ts similarity index 100% rename from packages/react-theme/src/themes/web/index.ts rename to packages/react-components/react-theme/src/themes/web/index.ts diff --git a/packages/react-theme/src/themes/web/lightTheme.ts b/packages/react-components/react-theme/src/themes/web/lightTheme.ts similarity index 100% rename from packages/react-theme/src/themes/web/lightTheme.ts rename to packages/react-components/react-theme/src/themes/web/lightTheme.ts diff --git a/packages/react-theme/src/tokens.test.ts b/packages/react-components/react-theme/src/tokens.test.ts similarity index 100% rename from packages/react-theme/src/tokens.test.ts rename to packages/react-components/react-theme/src/tokens.test.ts diff --git a/packages/react-theme/src/tokens.ts b/packages/react-components/react-theme/src/tokens.ts similarity index 100% rename from packages/react-theme/src/tokens.ts rename to packages/react-components/react-theme/src/tokens.ts diff --git a/packages/react-theme/src/types.ts b/packages/react-components/react-theme/src/types.ts similarity index 99% rename from packages/react-theme/src/types.ts rename to packages/react-components/react-theme/src/types.ts index 8a4580036ed33c..d65f7927a5cd25 100644 --- a/packages/react-theme/src/types.ts +++ b/packages/react-components/react-theme/src/types.ts @@ -875,7 +875,7 @@ export type TextAlignments = { justify: TextAlignment; }; -type TypographyStyle = { +export type TypographyStyle = { fontFamily: string; fontSize: string; fontWeight: string; diff --git a/packages/react-theme/src/utils/createDarkTheme.ts b/packages/react-components/react-theme/src/utils/createDarkTheme.ts similarity index 100% rename from packages/react-theme/src/utils/createDarkTheme.ts rename to packages/react-components/react-theme/src/utils/createDarkTheme.ts diff --git a/packages/react-theme/src/utils/createHighContrastTheme.ts b/packages/react-components/react-theme/src/utils/createHighContrastTheme.ts similarity index 100% rename from packages/react-theme/src/utils/createHighContrastTheme.ts rename to packages/react-components/react-theme/src/utils/createHighContrastTheme.ts diff --git a/packages/react-theme/src/utils/createLightTheme.ts b/packages/react-components/react-theme/src/utils/createLightTheme.ts similarity index 100% rename from packages/react-theme/src/utils/createLightTheme.ts rename to packages/react-components/react-theme/src/utils/createLightTheme.ts diff --git a/packages/react-theme/src/utils/createTeamsDarkTheme.ts b/packages/react-components/react-theme/src/utils/createTeamsDarkTheme.ts similarity index 100% rename from packages/react-theme/src/utils/createTeamsDarkTheme.ts rename to packages/react-components/react-theme/src/utils/createTeamsDarkTheme.ts diff --git a/packages/react-theme/src/utils/index.ts b/packages/react-components/react-theme/src/utils/index.ts similarity index 100% rename from packages/react-theme/src/utils/index.ts rename to packages/react-components/react-theme/src/utils/index.ts diff --git a/packages/react-theme/src/utils/shadows.ts b/packages/react-components/react-theme/src/utils/shadows.ts similarity index 100% rename from packages/react-theme/src/utils/shadows.ts rename to packages/react-components/react-theme/src/utils/shadows.ts diff --git a/packages/react-components/react-theme/tsconfig.json b/packages/react-components/react-theme/tsconfig.json new file mode 100644 index 00000000000000..1941a041d46c19 --- /dev/null +++ b/packages/react-components/react-theme/tsconfig.json @@ -0,0 +1,25 @@ +{ + "extends": "../../../tsconfig.base.json", + "compilerOptions": { + "target": "ES2019", + "noEmit": true, + "isolatedModules": true, + "importHelpers": true, + "jsx": "react", + "noUnusedLocals": true, + "preserveConstEnums": true + }, + "include": [], + "files": [], + "references": [ + { + "path": "./tsconfig.lib.json" + }, + { + "path": "./tsconfig.spec.json" + }, + { + "path": "./.storybook/tsconfig.json" + } + ] +} diff --git a/packages/keyboard-keys/tsconfig.lib.json b/packages/react-components/react-theme/tsconfig.lib.json similarity index 100% rename from packages/keyboard-keys/tsconfig.lib.json rename to packages/react-components/react-theme/tsconfig.lib.json diff --git a/packages/react-theme/tsconfig.spec.json b/packages/react-components/react-theme/tsconfig.spec.json similarity index 100% rename from packages/react-theme/tsconfig.spec.json rename to packages/react-components/react-theme/tsconfig.spec.json diff --git a/packages/react-components/react-toolbar/.npmignore b/packages/react-components/react-toolbar/.npmignore index e719afb921bc93..52d2a7273a151d 100644 --- a/packages/react-components/react-toolbar/.npmignore +++ b/packages/react-components/react-toolbar/.npmignore @@ -7,6 +7,7 @@ e2e/ etc/ node_modules/ src/ +dist/types/ temp/ __fixtures__ __mocks__ diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index 841e79ad1558d3..4fd391a38145d9 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:54 GMT", + "tag": "@fluentui/react-toolbar_v9.0.0-beta.0", + "version": "9.0.0-beta.0", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-button to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-divider to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-toolbar_v9.0.0-beta.0", diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md index c2b1960ca67304..49cf8a629b19e9 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.md +++ b/packages/react-components/react-toolbar/CHANGELOG.md @@ -1,11 +1,24 @@ # Change Log - @fluentui/react-toolbar -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:54 GMT and should not be manually modified. ## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-beta.0) +Wed, 04 May 2022 13:26:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.0.0-beta.0..@fluentui/react-toolbar_v9.0.0-beta.0) + +### Changes + +- Bump @fluentui/react-button to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-divider to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-tabster to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + +## [9.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-beta.0) + Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.0.0-beta.0..@fluentui/react-toolbar_v9.0.0-beta.0) diff --git a/packages/react-components/react-toolbar/config/api-extractor.json b/packages/react-components/react-toolbar/config/api-extractor.json index 30897284c6b835..eee94ff6de902d 100644 --- a/packages/react-components/react-toolbar/config/api-extractor.json +++ b/packages/react-components/react-toolbar/config/api-extractor.json @@ -1,4 +1,5 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json" + "extends": "@fluentui/scripts/api-extractor/api-extractor.common.v-next.json", + "mainEntryPointFilePath": "/dist/types/index.d.ts" } diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index 5af45f4af54a3a..780bf93102fdb7 100644 --- a/packages/react-components/react-toolbar/package.json +++ b/packages/react-components/react-toolbar/package.json @@ -5,7 +5,7 @@ "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", - "typings": "lib/index.d.ts", + "typings": "dist/index.d.ts", "sideEffects": false, "repository": { "type": "git", @@ -32,11 +32,11 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-button": "9.0.0-rc.7", - "@fluentui/react-divider": "9.0.0-rc.6", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", - "@fluentui/react-tabster": "9.0.0-rc.7", + "@fluentui/react-button": "9.0.0-rc.8", + "@fluentui/react-divider": "9.0.0-rc.7", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", + "@fluentui/react-tabster": "9.0.0-rc.8", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-toolbar/src/index.ts b/packages/react-components/react-toolbar/src/index.ts index ed5668d7f2cfeb..f8475a2052948d 100644 --- a/packages/react-components/react-toolbar/src/index.ts +++ b/packages/react-components/react-toolbar/src/index.ts @@ -1,5 +1,21 @@ -export {}; -export * from './Toolbar'; -export * from './ToolbarButton'; -export * from './ToolbarDivider'; -export * from './ToolbarToggleButton'; +export { + Toolbar, + renderToolbar_unstable, + toolbarClassNames, + useToolbarStyles_unstable, + useToolbar_unstable, +} from './Toolbar'; +export type { + ToolbarCommons, + ToolbarContextValue, + ToolbarContextValues, + ToolbarProps, + ToolbarSlots, + ToolbarState, +} from './Toolbar'; +export { ToolbarButton } from './ToolbarButton'; +export type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton'; +export { ToolbarDivider, useToolbarDividerStyles_unstable } from './ToolbarDivider'; +export type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider'; +export { ToolbarToggleButton } from './ToolbarToggleButton'; +export type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton'; diff --git a/packages/react-components/react-toolbar/tsconfig.lib.json b/packages/react-components/react-toolbar/tsconfig.lib.json index 79c440a4857481..5d7b14f1e0b70c 100644 --- a/packages/react-components/react-toolbar/tsconfig.lib.json +++ b/packages/react-components/react-toolbar/tsconfig.lib.json @@ -5,6 +5,8 @@ "lib": ["ES2019", "dom"], "outDir": "dist", "declaration": true, + "declarationDir": "dist/types", + "inlineSources": true, "types": ["static-assets", "environment"] }, "exclude": [ diff --git a/packages/react-tooltip/.babelrc.json b/packages/react-components/react-tooltip/.babelrc.json similarity index 100% rename from packages/react-tooltip/.babelrc.json rename to packages/react-components/react-tooltip/.babelrc.json diff --git a/packages/react-tooltip/.eslintrc.json b/packages/react-components/react-tooltip/.eslintrc.json similarity index 100% rename from packages/react-tooltip/.eslintrc.json rename to packages/react-components/react-tooltip/.eslintrc.json diff --git a/packages/react-spinner/.npmignore b/packages/react-components/react-tooltip/.npmignore similarity index 100% rename from packages/react-spinner/.npmignore rename to packages/react-components/react-tooltip/.npmignore diff --git a/packages/react-components/react-tooltip/.storybook/main.js b/packages/react-components/react-tooltip/.storybook/main.js new file mode 100644 index 00000000000000..7b7abd0e691d38 --- /dev/null +++ b/packages/react-components/react-tooltip/.storybook/main.js @@ -0,0 +1,14 @@ +const rootMain = require('../../../../.storybook/main'); + +module.exports = /** @type {Omit} */ ({ + ...rootMain, + stories: [...rootMain.stories, '../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'], + addons: [...rootMain.addons], + webpackFinal: (config, options) => { + const localConfig = { ...rootMain.webpackFinal(config, options) }; + + // add your own webpack tweaks if needed + + return localConfig; + }, +}); diff --git a/packages/react-components/react-tooltip/.storybook/preview.js b/packages/react-components/react-tooltip/.storybook/preview.js new file mode 100644 index 00000000000000..1939500a3d18c7 --- /dev/null +++ b/packages/react-components/react-tooltip/.storybook/preview.js @@ -0,0 +1,7 @@ +import * as rootPreview from '../../../../.storybook/preview'; + +/** @type {typeof rootPreview.decorators} */ +export const decorators = [...rootPreview.decorators]; + +/** @type {typeof rootPreview.parameters} */ +export const parameters = { ...rootPreview.parameters }; diff --git a/packages/react-components/react-tooltip/.storybook/tsconfig.json b/packages/react-components/react-tooltip/.storybook/tsconfig.json new file mode 100644 index 00000000000000..f9f60e1234ed49 --- /dev/null +++ b/packages/react-components/react-tooltip/.storybook/tsconfig.json @@ -0,0 +1,10 @@ +{ + "extends": "../tsconfig.json", + "compilerOptions": { + "outDir": "", + "allowJs": true, + "checkJs": true, + "types": ["static-assets", "environment", "storybook__addons"] + }, + "include": ["../src/**/*.stories.ts", "../src/**/*.stories.tsx", "*.js"] +} diff --git a/packages/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json similarity index 98% rename from packages/react-tooltip/CHANGELOG.json rename to packages/react-components/react-tooltip/CHANGELOG.json index 0242da95d453c7..44096a3f26b7e8 100644 --- a/packages/react-tooltip/CHANGELOG.json +++ b/packages/react-components/react-tooltip/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-tooltip", "entries": [ + { + "date": "Wed, 04 May 2022 13:26:36 GMT", + "tag": "@fluentui/react-tooltip_v9.0.0-rc.8", + "version": "9.0.0-rc.8", + "comments": { + "none": [ + { + "author": "tristan.watanabe@gmail.com", + "package": "@fluentui/react-tooltip", + "commit": "b69511e4262129a92e34f4bff8b2fe1aba44dd38", + "comment": "react-tooltip: Move to new common folder." + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-portal to v9.0.0-rc.8", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-positioning to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-theme to v9.0.0-rc.6", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.7", + "commit": "65f94192ed3b2cde7e52b9c7e12d6f38b81965dd" + } + ] + } + }, { "date": "Mon, 25 Apr 2022 09:32:19 GMT", "tag": "@fluentui/react-tooltip_v9.0.0-rc.7", diff --git a/packages/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md similarity index 94% rename from packages/react-tooltip/CHANGELOG.md rename to packages/react-components/react-tooltip/CHANGELOG.md index c9b700cafb9577..0d81a66d241ed9 100644 --- a/packages/react-tooltip/CHANGELOG.md +++ b/packages/react-components/react-tooltip/CHANGELOG.md @@ -1,12 +1,25 @@ # Change Log - @fluentui/react-tooltip -This log was last generated on Mon, 25 Apr 2022 09:32:19 GMT and should not be manually modified. +This log was last generated on Wed, 04 May 2022 13:26:36 GMT and should not be manually modified. +## [9.0.0-rc.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.8) + +Wed, 04 May 2022 13:26:36 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.7..@fluentui/react-tooltip_v9.0.0-rc.8) + +### Changes + +- Bump @fluentui/react-portal to v9.0.0-rc.8 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-positioning to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-shared-contexts to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-theme to v9.0.0-rc.6 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) +- Bump @fluentui/react-utilities to v9.0.0-rc.7 ([PR #22786](https://github.com/microsoft/fluentui/pull/22786) by beachball) + ## [9.0.0-rc.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.7) -Mon, 25 Apr 2022 09:32:19 GMT +Mon, 25 Apr 2022 09:32:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.6..@fluentui/react-tooltip_v9.0.0-rc.7) ### Changes @@ -15,7 +28,7 @@ Mon, 25 Apr 2022 09:32:19 GMT ## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.6) -Tue, 19 Apr 2022 19:17:03 GMT +Tue, 19 Apr 2022 19:17:03 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.5..@fluentui/react-tooltip_v9.0.0-rc.6) ### Changes @@ -33,7 +46,7 @@ Tue, 19 Apr 2022 19:17:03 GMT ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.5) -Fri, 04 Mar 2022 05:17:31 GMT +Fri, 04 Mar 2022 05:17:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.4..@fluentui/react-tooltip_v9.0.0-rc.5) ### Changes @@ -47,7 +60,7 @@ Fri, 04 Mar 2022 05:17:31 GMT ## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.4) -Tue, 01 Mar 2022 02:17:40 GMT +Tue, 01 Mar 2022 02:17:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.3..@fluentui/react-tooltip_v9.0.0-rc.4) ### Changes @@ -58,7 +71,7 @@ Tue, 01 Mar 2022 02:17:40 GMT ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.3) -Fri, 18 Feb 2022 13:35:36 GMT +Fri, 18 Feb 2022 13:35:36 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.1..@fluentui/react-tooltip_v9.0.0-rc.3) ### Changes @@ -75,7 +88,7 @@ Fri, 18 Feb 2022 13:35:36 GMT ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.1) -Thu, 10 Feb 2022 08:50:30 GMT +Thu, 10 Feb 2022 08:50:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v9.0.0-rc.1) ### Changes @@ -107,7 +120,7 @@ Thu, 10 Feb 2022 08:50:30 GMT ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5) -Thu, 25 Nov 2021 08:34:17 GMT +Thu, 25 Nov 2021 08:34:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.4..@fluentui/react-tooltip_v9.0.0-beta.5) ### Changes @@ -125,7 +138,7 @@ Thu, 25 Nov 2021 08:34:17 GMT ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.4) -Fri, 12 Nov 2021 13:25:09 GMT +Fri, 12 Nov 2021 13:25:09 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.3..@fluentui/react-tooltip_v9.0.0-beta.4) ### Changes @@ -145,7 +158,7 @@ Fri, 12 Nov 2021 13:25:09 GMT ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.3) -Wed, 27 Oct 2021 12:14:23 GMT +Wed, 27 Oct 2021 12:14:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.2..@fluentui/react-tooltip_v9.0.0-beta.3) ### Changes @@ -164,7 +177,7 @@ Wed, 27 Oct 2021 12:14:23 GMT ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.2) -Tue, 12 Oct 2021 19:45:58 GMT +Tue, 12 Oct 2021 19:45:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.1..@fluentui/react-tooltip_v9.0.0-beta.2) ### Changes @@ -173,7 +186,7 @@ Tue, 12 Oct 2021 19:45:58 GMT ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.1) -Wed, 06 Oct 2021 10:37:22 GMT +Wed, 06 Oct 2021 10:37:22 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.96..@fluentui/react-tooltip_v9.0.0-beta.1) ### Changes @@ -191,7 +204,7 @@ Wed, 06 Oct 2021 10:37:22 GMT ## [9.0.0-alpha.96](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.96) -Tue, 05 Oct 2021 12:47:58 GMT +Tue, 05 Oct 2021 12:47:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.95..@fluentui/react-tooltip_v9.0.0-alpha.96) ### Changes @@ -204,7 +217,7 @@ Tue, 05 Oct 2021 12:47:58 GMT ## [9.0.0-alpha.95](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.95) -Tue, 05 Oct 2021 09:28:07 GMT +Tue, 05 Oct 2021 09:28:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.94..@fluentui/react-tooltip_v9.0.0-alpha.95) ### Changes @@ -220,7 +233,7 @@ Tue, 05 Oct 2021 09:28:07 GMT ## [9.0.0-alpha.94](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.94) -Fri, 01 Oct 2021 14:13:08 GMT +Fri, 01 Oct 2021 14:13:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.92..@fluentui/react-tooltip_v9.0.0-alpha.94) ### Changes @@ -238,7 +251,7 @@ Fri, 01 Oct 2021 14:13:08 GMT ## [9.0.0-alpha.92](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.92) -Fri, 01 Oct 2021 12:30:46 GMT +Fri, 01 Oct 2021 12:30:46 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.91..@fluentui/react-tooltip_v9.0.0-alpha.92) ### Changes @@ -247,7 +260,7 @@ Fri, 01 Oct 2021 12:30:46 GMT ## [9.0.0-alpha.91](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.91) -Fri, 01 Oct 2021 09:44:56 GMT +Fri, 01 Oct 2021 09:44:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.90..@fluentui/react-tooltip_v9.0.0-alpha.91) ### Changes @@ -256,7 +269,7 @@ Fri, 01 Oct 2021 09:44:56 GMT ## [9.0.0-alpha.90](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.90) -Wed, 29 Sep 2021 08:06:11 GMT +Wed, 29 Sep 2021 08:06:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.89..@fluentui/react-tooltip_v9.0.0-alpha.90) ### Changes @@ -272,7 +285,7 @@ Wed, 29 Sep 2021 08:06:11 GMT ## [9.0.0-alpha.89](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.89) -Mon, 27 Sep 2021 08:06:00 GMT +Mon, 27 Sep 2021 08:06:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.88..@fluentui/react-tooltip_v9.0.0-alpha.89) ### Changes @@ -288,7 +301,7 @@ Mon, 27 Sep 2021 08:06:00 GMT ## [9.0.0-alpha.88](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.88) -Fri, 24 Sep 2021 09:17:17 GMT +Fri, 24 Sep 2021 09:17:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.87..@fluentui/react-tooltip_v9.0.0-alpha.88) ### Changes @@ -303,7 +316,7 @@ Fri, 24 Sep 2021 09:17:17 GMT ## [9.0.0-alpha.87](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.87) -Thu, 23 Sep 2021 08:21:34 GMT +Thu, 23 Sep 2021 08:21:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.86..@fluentui/react-tooltip_v9.0.0-alpha.87) ### Changes @@ -319,7 +332,7 @@ Thu, 23 Sep 2021 08:21:34 GMT ## [9.0.0-alpha.86](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.86) -Wed, 22 Sep 2021 10:10:07 GMT +Wed, 22 Sep 2021 10:10:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.85..@fluentui/react-tooltip_v9.0.0-alpha.86) ### Changes @@ -334,7 +347,7 @@ Wed, 22 Sep 2021 10:10:07 GMT ## [9.0.0-alpha.85](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.85) -Tue, 21 Sep 2021 07:42:34 GMT +Tue, 21 Sep 2021 07:42:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.84..@fluentui/react-tooltip_v9.0.0-alpha.85) ### Changes @@ -351,7 +364,7 @@ Tue, 21 Sep 2021 07:42:34 GMT ## [9.0.0-alpha.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.84) -Mon, 20 Sep 2021 07:36:26 GMT +Mon, 20 Sep 2021 07:36:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.83..@fluentui/react-tooltip_v9.0.0-alpha.84) ### Changes @@ -360,7 +373,7 @@ Mon, 20 Sep 2021 07:36:26 GMT ## [9.0.0-alpha.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.83) -Fri, 17 Sep 2021 07:35:26 GMT +Fri, 17 Sep 2021 07:35:26 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.82..@fluentui/react-tooltip_v9.0.0-alpha.83) ### Changes @@ -370,7 +383,7 @@ Fri, 17 Sep 2021 07:35:26 GMT ## [9.0.0-alpha.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.82) -Thu, 16 Sep 2021 07:38:39 GMT +Thu, 16 Sep 2021 07:38:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.81..@fluentui/react-tooltip_v9.0.0-alpha.82) ### Changes @@ -379,7 +392,7 @@ Thu, 16 Sep 2021 07:38:39 GMT ## [9.0.0-alpha.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.81) -Tue, 14 Sep 2021 20:09:02 GMT +Tue, 14 Sep 2021 20:09:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.80..@fluentui/react-tooltip_v9.0.0-alpha.81) ### Changes @@ -388,7 +401,7 @@ Tue, 14 Sep 2021 20:09:02 GMT ## [9.0.0-alpha.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.80) -Fri, 10 Sep 2021 16:31:53 GMT +Fri, 10 Sep 2021 16:31:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.79..@fluentui/react-tooltip_v9.0.0-alpha.80) ### Changes @@ -398,7 +411,7 @@ Fri, 10 Sep 2021 16:31:53 GMT ## [9.0.0-alpha.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.79) -Fri, 10 Sep 2021 07:39:51 GMT +Fri, 10 Sep 2021 07:39:51 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.78..@fluentui/react-tooltip_v9.0.0-alpha.79) ### Changes @@ -407,7 +420,7 @@ Fri, 10 Sep 2021 07:39:51 GMT ## [9.0.0-alpha.78](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.78) -Wed, 08 Sep 2021 07:34:11 GMT +Wed, 08 Sep 2021 07:34:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.77..@fluentui/react-tooltip_v9.0.0-alpha.78) ### Changes @@ -416,7 +429,7 @@ Wed, 08 Sep 2021 07:34:11 GMT ## [9.0.0-alpha.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.77) -Mon, 06 Sep 2021 07:34:53 GMT +Mon, 06 Sep 2021 07:34:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.76..@fluentui/react-tooltip_v9.0.0-alpha.77) ### Changes @@ -425,7 +438,7 @@ Mon, 06 Sep 2021 07:34:53 GMT ## [9.0.0-alpha.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.76) -Thu, 02 Sep 2021 07:36:46 GMT +Thu, 02 Sep 2021 07:36:46 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.75..@fluentui/react-tooltip_v9.0.0-alpha.76) ### Patches @@ -438,7 +451,7 @@ Thu, 02 Sep 2021 07:36:46 GMT ## [9.0.0-alpha.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.75) -Wed, 01 Sep 2021 07:39:56 GMT +Wed, 01 Sep 2021 07:39:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.74..@fluentui/react-tooltip_v9.0.0-alpha.75) ### Changes @@ -447,7 +460,7 @@ Wed, 01 Sep 2021 07:39:56 GMT ## [9.0.0-alpha.74](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.74) -Tue, 31 Aug 2021 07:37:47 GMT +Tue, 31 Aug 2021 07:37:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.73..@fluentui/react-tooltip_v9.0.0-alpha.74) ### Changes @@ -456,7 +469,7 @@ Tue, 31 Aug 2021 07:37:47 GMT ## [9.0.0-alpha.73](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.73) -Fri, 27 Aug 2021 07:33:32 GMT +Fri, 27 Aug 2021 07:33:32 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.72..@fluentui/react-tooltip_v9.0.0-alpha.73) ### Changes @@ -465,7 +478,7 @@ Fri, 27 Aug 2021 07:33:32 GMT ## [9.0.0-alpha.72](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.72) -Thu, 26 Aug 2021 07:35:43 GMT +Thu, 26 Aug 2021 07:35:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.71..@fluentui/react-tooltip_v9.0.0-alpha.72) ### Changes @@ -474,7 +487,7 @@ Thu, 26 Aug 2021 07:35:43 GMT ## [9.0.0-alpha.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.71) -Tue, 24 Aug 2021 07:34:48 GMT +Tue, 24 Aug 2021 07:34:48 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.70..@fluentui/react-tooltip_v9.0.0-alpha.71) ### Changes @@ -483,7 +496,7 @@ Tue, 24 Aug 2021 07:34:48 GMT ## [9.0.0-alpha.70](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.70) -Fri, 20 Aug 2021 07:37:28 GMT +Fri, 20 Aug 2021 07:37:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.69..@fluentui/react-tooltip_v9.0.0-alpha.70) ### Changes @@ -492,7 +505,7 @@ Fri, 20 Aug 2021 07:37:28 GMT ## [9.0.0-alpha.69](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.69) -Thu, 19 Aug 2021 07:41:35 GMT +Thu, 19 Aug 2021 07:41:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.68..@fluentui/react-tooltip_v9.0.0-alpha.69) ### Changes @@ -501,7 +514,7 @@ Thu, 19 Aug 2021 07:41:35 GMT ## [9.0.0-alpha.68](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.68) -Mon, 16 Aug 2021 07:36:39 GMT +Mon, 16 Aug 2021 07:36:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.67..@fluentui/react-tooltip_v9.0.0-alpha.68) ### Changes @@ -510,7 +523,7 @@ Mon, 16 Aug 2021 07:36:39 GMT ## [9.0.0-alpha.67](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.67) -Fri, 13 Aug 2021 07:36:34 GMT +Fri, 13 Aug 2021 07:36:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.66..@fluentui/react-tooltip_v9.0.0-alpha.67) ### Changes @@ -519,7 +532,7 @@ Fri, 13 Aug 2021 07:36:34 GMT ## [9.0.0-alpha.66](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.66) -Wed, 11 Aug 2021 07:34:54 GMT +Wed, 11 Aug 2021 07:34:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.65..@fluentui/react-tooltip_v9.0.0-alpha.66) ### Changes @@ -528,7 +541,7 @@ Wed, 11 Aug 2021 07:34:54 GMT ## [9.0.0-alpha.65](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.65) -Tue, 10 Aug 2021 07:33:28 GMT +Tue, 10 Aug 2021 07:33:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.64..@fluentui/react-tooltip_v9.0.0-alpha.65) ### Changes @@ -537,7 +550,7 @@ Tue, 10 Aug 2021 07:33:28 GMT ## [9.0.0-alpha.64](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.64) -Fri, 06 Aug 2021 07:35:14 GMT +Fri, 06 Aug 2021 07:35:14 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.63..@fluentui/react-tooltip_v9.0.0-alpha.64) ### Changes @@ -546,7 +559,7 @@ Fri, 06 Aug 2021 07:35:14 GMT ## [9.0.0-alpha.63](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.63) -Tue, 03 Aug 2021 07:39:30 GMT +Tue, 03 Aug 2021 07:39:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.62..@fluentui/react-tooltip_v9.0.0-alpha.63) ### Patches @@ -561,7 +574,7 @@ Tue, 03 Aug 2021 07:39:30 GMT ## [9.0.0-alpha.62](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.62) -Mon, 02 Aug 2021 07:36:20 GMT +Mon, 02 Aug 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.61..@fluentui/react-tooltip_v9.0.0-alpha.62) ### Changes @@ -570,7 +583,7 @@ Mon, 02 Aug 2021 07:36:20 GMT ## [9.0.0-alpha.61](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.61) -Mon, 26 Jul 2021 07:37:30 GMT +Mon, 26 Jul 2021 07:37:30 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.60..@fluentui/react-tooltip_v9.0.0-alpha.61) ### Changes @@ -579,7 +592,7 @@ Mon, 26 Jul 2021 07:37:30 GMT ## [9.0.0-alpha.60](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.60) -Fri, 23 Jul 2021 07:38:19 GMT +Fri, 23 Jul 2021 07:38:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.59..@fluentui/react-tooltip_v9.0.0-alpha.60) ### Changes @@ -589,7 +602,7 @@ Fri, 23 Jul 2021 07:38:19 GMT ## [9.0.0-alpha.59](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.59) -Thu, 22 Jul 2021 07:36:55 GMT +Thu, 22 Jul 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.58..@fluentui/react-tooltip_v9.0.0-alpha.59) ### Changes @@ -598,7 +611,7 @@ Thu, 22 Jul 2021 07:36:55 GMT ## [9.0.0-alpha.58](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.58) -Tue, 20 Jul 2021 22:23:17 GMT +Tue, 20 Jul 2021 22:23:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.57..@fluentui/react-tooltip_v9.0.0-alpha.58) ### Changes @@ -607,7 +620,7 @@ Tue, 20 Jul 2021 22:23:17 GMT ## [9.0.0-alpha.57](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.57) -Fri, 16 Jul 2021 22:53:17 GMT +Fri, 16 Jul 2021 22:53:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.56..@fluentui/react-tooltip_v9.0.0-alpha.57) ### Changes @@ -616,7 +629,7 @@ Fri, 16 Jul 2021 22:53:17 GMT ## [9.0.0-alpha.56](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.56) -Thu, 15 Jul 2021 07:36:18 GMT +Thu, 15 Jul 2021 07:36:18 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.55..@fluentui/react-tooltip_v9.0.0-alpha.56) ### Changes @@ -625,7 +638,7 @@ Thu, 15 Jul 2021 07:36:18 GMT ## [9.0.0-alpha.55](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.55) -Tue, 13 Jul 2021 22:32:58 GMT +Tue, 13 Jul 2021 22:32:58 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.54..@fluentui/react-tooltip_v9.0.0-alpha.55) ### Patches @@ -638,7 +651,7 @@ Tue, 13 Jul 2021 22:32:58 GMT ## [9.0.0-alpha.54](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.54) -Tue, 13 Jul 2021 07:35:36 GMT +Tue, 13 Jul 2021 07:35:36 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.53..@fluentui/react-tooltip_v9.0.0-alpha.54) ### Changes @@ -647,7 +660,7 @@ Tue, 13 Jul 2021 07:35:36 GMT ## [9.0.0-alpha.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.53) -Fri, 09 Jul 2021 07:39:31 GMT +Fri, 09 Jul 2021 07:39:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.52..@fluentui/react-tooltip_v9.0.0-alpha.53) ### Patches @@ -662,7 +675,7 @@ Fri, 09 Jul 2021 07:39:31 GMT ## [9.0.0-alpha.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.52) -Fri, 02 Jul 2021 23:15:55 GMT +Fri, 02 Jul 2021 23:15:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.51..@fluentui/react-tooltip_v9.0.0-alpha.52) ### Changes @@ -671,7 +684,7 @@ Fri, 02 Jul 2021 23:15:55 GMT ## [9.0.0-alpha.51](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.51) -Fri, 02 Jul 2021 07:37:06 GMT +Fri, 02 Jul 2021 07:37:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.50..@fluentui/react-tooltip_v9.0.0-alpha.51) ### Changes @@ -680,7 +693,7 @@ Fri, 02 Jul 2021 07:37:06 GMT ## [9.0.0-alpha.50](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.50) -Thu, 01 Jul 2021 07:35:05 GMT +Thu, 01 Jul 2021 07:35:05 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.49..@fluentui/react-tooltip_v9.0.0-alpha.50) ### Changes @@ -689,7 +702,7 @@ Thu, 01 Jul 2021 07:35:05 GMT ## [9.0.0-alpha.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.49) -Wed, 30 Jun 2021 07:38:35 GMT +Wed, 30 Jun 2021 07:38:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.48..@fluentui/react-tooltip_v9.0.0-alpha.49) ### Changes @@ -698,7 +711,7 @@ Wed, 30 Jun 2021 07:38:35 GMT ## [9.0.0-alpha.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.48) -Tue, 29 Jun 2021 07:33:32 GMT +Tue, 29 Jun 2021 07:33:32 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.47..@fluentui/react-tooltip_v9.0.0-alpha.48) ### Changes @@ -707,7 +720,7 @@ Tue, 29 Jun 2021 07:33:32 GMT ## [9.0.0-alpha.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.47) -Tue, 22 Jun 2021 07:35:11 GMT +Tue, 22 Jun 2021 07:35:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.46..@fluentui/react-tooltip_v9.0.0-alpha.47) ### Changes @@ -716,7 +729,7 @@ Tue, 22 Jun 2021 07:35:11 GMT ## [9.0.0-alpha.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.46) -Thu, 17 Jun 2021 07:34:11 GMT +Thu, 17 Jun 2021 07:34:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.45..@fluentui/react-tooltip_v9.0.0-alpha.46) ### Changes @@ -725,7 +738,7 @@ Thu, 17 Jun 2021 07:34:11 GMT ## [9.0.0-alpha.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.45) -Wed, 16 Jun 2021 07:34:24 GMT +Wed, 16 Jun 2021 07:34:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.44..@fluentui/react-tooltip_v9.0.0-alpha.45) ### Changes @@ -734,7 +747,7 @@ Wed, 16 Jun 2021 07:34:24 GMT ## [9.0.0-alpha.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.44) -Tue, 15 Jun 2021 07:40:20 GMT +Tue, 15 Jun 2021 07:40:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.43..@fluentui/react-tooltip_v9.0.0-alpha.44) ### Changes @@ -743,7 +756,7 @@ Tue, 15 Jun 2021 07:40:20 GMT ## [9.0.0-alpha.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.43) -Mon, 07 Jun 2021 07:38:15 GMT +Mon, 07 Jun 2021 07:38:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.42..@fluentui/react-tooltip_v9.0.0-alpha.43) ### Patches @@ -758,7 +771,7 @@ Mon, 07 Jun 2021 07:38:15 GMT ## [9.0.0-alpha.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.42) -Fri, 04 Jun 2021 07:37:23 GMT +Fri, 04 Jun 2021 07:37:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.41..@fluentui/react-tooltip_v9.0.0-alpha.42) ### Changes @@ -767,7 +780,7 @@ Fri, 04 Jun 2021 07:37:23 GMT ## [9.0.0-alpha.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.41) -Thu, 03 Jun 2021 07:36:03 GMT +Thu, 03 Jun 2021 07:36:03 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.40..@fluentui/react-tooltip_v9.0.0-alpha.41) ### Changes @@ -776,7 +789,7 @@ Thu, 03 Jun 2021 07:36:03 GMT ## [9.0.0-alpha.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.40) -Wed, 02 Jun 2021 07:37:15 GMT +Wed, 02 Jun 2021 07:37:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.39..@fluentui/react-tooltip_v9.0.0-alpha.40) ### Changes @@ -785,7 +798,7 @@ Wed, 02 Jun 2021 07:37:15 GMT ## [9.0.0-alpha.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.39) -Fri, 28 May 2021 07:33:57 GMT +Fri, 28 May 2021 07:33:57 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.38..@fluentui/react-tooltip_v9.0.0-alpha.39) ### Changes @@ -794,7 +807,7 @@ Fri, 28 May 2021 07:33:57 GMT ## [9.0.0-alpha.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.38) -Wed, 26 May 2021 07:35:43 GMT +Wed, 26 May 2021 07:35:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.37..@fluentui/react-tooltip_v9.0.0-alpha.38) ### Changes @@ -803,7 +816,7 @@ Wed, 26 May 2021 07:35:43 GMT ## [9.0.0-alpha.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.37) -Fri, 21 May 2021 07:34:54 GMT +Fri, 21 May 2021 07:34:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.36..@fluentui/react-tooltip_v9.0.0-alpha.37) ### Changes @@ -812,7 +825,7 @@ Fri, 21 May 2021 07:34:54 GMT ## [9.0.0-alpha.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.36) -Thu, 20 May 2021 07:41:54 GMT +Thu, 20 May 2021 07:41:54 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.35..@fluentui/react-tooltip_v9.0.0-alpha.36) ### Patches @@ -827,7 +840,7 @@ Thu, 20 May 2021 07:41:54 GMT ## [9.0.0-alpha.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.35) -Wed, 19 May 2021 07:34:20 GMT +Wed, 19 May 2021 07:34:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.34..@fluentui/react-tooltip_v9.0.0-alpha.35) ### Patches @@ -840,7 +853,7 @@ Wed, 19 May 2021 07:34:20 GMT ## [9.0.0-alpha.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.34) -Tue, 18 May 2021 07:34:38 GMT +Tue, 18 May 2021 07:34:38 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.33..@fluentui/react-tooltip_v9.0.0-alpha.34) ### Changes @@ -849,7 +862,7 @@ Tue, 18 May 2021 07:34:38 GMT ## [9.0.0-alpha.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.33) -Thu, 13 May 2021 07:36:55 GMT +Thu, 13 May 2021 07:36:55 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.32..@fluentui/react-tooltip_v9.0.0-alpha.33) ### Changes @@ -858,7 +871,7 @@ Thu, 13 May 2021 07:36:55 GMT ## [9.0.0-alpha.32](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.32) -Wed, 12 May 2021 07:36:20 GMT +Wed, 12 May 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.31..@fluentui/react-tooltip_v9.0.0-alpha.32) ### Changes @@ -867,7 +880,7 @@ Wed, 12 May 2021 07:36:20 GMT ## [9.0.0-alpha.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.31) -Mon, 10 May 2021 07:36:07 GMT +Mon, 10 May 2021 07:36:07 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.30..@fluentui/react-tooltip_v9.0.0-alpha.31) ### Changes @@ -876,7 +889,7 @@ Mon, 10 May 2021 07:36:07 GMT ## [9.0.0-alpha.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.30) -Wed, 05 May 2021 07:36:50 GMT +Wed, 05 May 2021 07:36:50 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.29..@fluentui/react-tooltip_v9.0.0-alpha.30) ### Changes @@ -885,7 +898,7 @@ Wed, 05 May 2021 07:36:50 GMT ## [9.0.0-alpha.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.29) -Tue, 04 May 2021 07:36:35 GMT +Tue, 04 May 2021 07:36:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.28..@fluentui/react-tooltip_v9.0.0-alpha.29) ### Changes @@ -894,7 +907,7 @@ Tue, 04 May 2021 07:36:35 GMT ## [9.0.0-alpha.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.28) -Mon, 03 May 2021 07:45:19 GMT +Mon, 03 May 2021 07:45:19 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.27..@fluentui/react-tooltip_v9.0.0-alpha.28) ### Changes @@ -903,7 +916,7 @@ Mon, 03 May 2021 07:45:19 GMT ## [9.0.0-alpha.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.27) -Fri, 30 Apr 2021 07:42:23 GMT +Fri, 30 Apr 2021 07:42:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.26..@fluentui/react-tooltip_v9.0.0-alpha.27) ### Patches @@ -920,7 +933,7 @@ Fri, 30 Apr 2021 07:42:23 GMT ## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.26) -Tue, 27 Apr 2021 07:34:03 GMT +Tue, 27 Apr 2021 07:34:03 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.25..@fluentui/react-tooltip_v9.0.0-alpha.26) ### Changes @@ -929,7 +942,7 @@ Tue, 27 Apr 2021 07:34:03 GMT ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.25) -Mon, 26 Apr 2021 07:34:31 GMT +Mon, 26 Apr 2021 07:34:31 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.24..@fluentui/react-tooltip_v9.0.0-alpha.25) ### Changes @@ -938,7 +951,7 @@ Mon, 26 Apr 2021 07:34:31 GMT ## [9.0.0-alpha.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.24) -Fri, 23 Apr 2021 07:37:10 GMT +Fri, 23 Apr 2021 07:37:10 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.23..@fluentui/react-tooltip_v9.0.0-alpha.24) ### Patches @@ -953,7 +966,7 @@ Fri, 23 Apr 2021 07:37:10 GMT ## [9.0.0-alpha.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.23) -Thu, 22 Apr 2021 07:33:28 GMT +Thu, 22 Apr 2021 07:33:28 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.22..@fluentui/react-tooltip_v9.0.0-alpha.23) ### Changes @@ -962,7 +975,7 @@ Thu, 22 Apr 2021 07:33:28 GMT ## [9.0.0-alpha.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.22) -Wed, 21 Apr 2021 07:31:50 GMT +Wed, 21 Apr 2021 07:31:50 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.21..@fluentui/react-tooltip_v9.0.0-alpha.22) ### Changes @@ -971,7 +984,7 @@ Wed, 21 Apr 2021 07:31:50 GMT ## [9.0.0-alpha.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.21) -Tue, 20 Apr 2021 07:31:35 GMT +Tue, 20 Apr 2021 07:31:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.20..@fluentui/react-tooltip_v9.0.0-alpha.21) ### Changes @@ -980,7 +993,7 @@ Tue, 20 Apr 2021 07:31:35 GMT ## [9.0.0-alpha.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.20) -Fri, 16 Apr 2021 18:08:21 GMT +Fri, 16 Apr 2021 18:08:21 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.19..@fluentui/react-tooltip_v9.0.0-alpha.20) ### Changes @@ -989,7 +1002,7 @@ Fri, 16 Apr 2021 18:08:21 GMT ## [9.0.0-alpha.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.19) -Fri, 16 Apr 2021 07:32:08 GMT +Fri, 16 Apr 2021 07:32:08 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.18..@fluentui/react-tooltip_v9.0.0-alpha.19) ### Changes @@ -999,7 +1012,7 @@ Fri, 16 Apr 2021 07:32:08 GMT ## [9.0.0-alpha.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.18) -Wed, 14 Apr 2021 07:34:12 GMT +Wed, 14 Apr 2021 07:34:12 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.17..@fluentui/react-tooltip_v9.0.0-alpha.18) ### Changes @@ -1008,7 +1021,7 @@ Wed, 14 Apr 2021 07:34:12 GMT ## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.17) -Fri, 09 Apr 2021 07:31:06 GMT +Fri, 09 Apr 2021 07:31:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.16..@fluentui/react-tooltip_v9.0.0-alpha.17) ### Changes @@ -1017,7 +1030,7 @@ Fri, 09 Apr 2021 07:31:06 GMT ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.16) -Thu, 08 Apr 2021 07:33:06 GMT +Thu, 08 Apr 2021 07:33:06 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.15..@fluentui/react-tooltip_v9.0.0-alpha.16) ### Changes @@ -1026,7 +1039,7 @@ Thu, 08 Apr 2021 07:33:06 GMT ## [9.0.0-alpha.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.15) -Thu, 01 Apr 2021 20:13:37 GMT +Thu, 01 Apr 2021 20:13:37 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.14..@fluentui/react-tooltip_v9.0.0-alpha.15) ### Changes @@ -1035,7 +1048,7 @@ Thu, 01 Apr 2021 20:13:37 GMT ## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.14) -Wed, 31 Mar 2021 00:53:43 GMT +Wed, 31 Mar 2021 00:53:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.13..@fluentui/react-tooltip_v9.0.0-alpha.14) ### Patches @@ -1050,7 +1063,7 @@ Wed, 31 Mar 2021 00:53:43 GMT ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.13) -Tue, 30 Mar 2021 07:34:45 GMT +Tue, 30 Mar 2021 07:34:45 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.12..@fluentui/react-tooltip_v9.0.0-alpha.13) ### Changes @@ -1059,7 +1072,7 @@ Tue, 30 Mar 2021 07:34:45 GMT ## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.12) -Fri, 26 Mar 2021 07:32:34 GMT +Fri, 26 Mar 2021 07:32:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.11..@fluentui/react-tooltip_v9.0.0-alpha.12) ### Changes @@ -1068,7 +1081,7 @@ Fri, 26 Mar 2021 07:32:34 GMT ## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.11) -Thu, 25 Mar 2021 07:33:24 GMT +Thu, 25 Mar 2021 07:33:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.10..@fluentui/react-tooltip_v9.0.0-alpha.11) ### Changes @@ -1077,7 +1090,7 @@ Thu, 25 Mar 2021 07:33:24 GMT ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.10) -Tue, 23 Mar 2021 07:31:43 GMT +Tue, 23 Mar 2021 07:31:43 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.9..@fluentui/react-tooltip_v9.0.0-alpha.10) ### Changes @@ -1086,7 +1099,7 @@ Tue, 23 Mar 2021 07:31:43 GMT ## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.9) -Thu, 18 Mar 2021 20:15:34 GMT +Thu, 18 Mar 2021 20:15:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.8..@fluentui/react-tooltip_v9.0.0-alpha.9) ### Changes @@ -1095,7 +1108,7 @@ Thu, 18 Mar 2021 20:15:34 GMT ## [9.0.0-alpha.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.8) -Tue, 16 Mar 2021 07:32:44 GMT +Tue, 16 Mar 2021 07:32:44 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.7..@fluentui/react-tooltip_v9.0.0-alpha.8) ### Patches @@ -1108,7 +1121,7 @@ Tue, 16 Mar 2021 07:32:44 GMT ## [9.0.0-alpha.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.7) -Mon, 15 Mar 2021 07:36:20 GMT +Mon, 15 Mar 2021 07:36:20 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.6..@fluentui/react-tooltip_v9.0.0-alpha.7) ### Changes @@ -1117,7 +1130,7 @@ Mon, 15 Mar 2021 07:36:20 GMT ## [9.0.0-alpha.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.6) -Fri, 12 Mar 2021 20:04:27 GMT +Fri, 12 Mar 2021 20:04:27 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.5..@fluentui/react-tooltip_v9.0.0-alpha.6) ### Patches @@ -1130,7 +1143,7 @@ Fri, 12 Mar 2021 20:04:27 GMT ## [9.0.0-alpha.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.5) -Wed, 10 Mar 2021 07:34:39 GMT +Wed, 10 Mar 2021 07:34:39 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.4..@fluentui/react-tooltip_v9.0.0-alpha.5) ### Changes @@ -1139,7 +1152,7 @@ Wed, 10 Mar 2021 07:34:39 GMT ## [9.0.0-alpha.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.4) -Fri, 05 Mar 2021 20:30:59 GMT +Fri, 05 Mar 2021 20:30:59 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.3..@fluentui/react-tooltip_v9.0.0-alpha.4) ### Changes @@ -1148,7 +1161,7 @@ Fri, 05 Mar 2021 20:30:59 GMT ## [9.0.0-alpha.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.3) -Wed, 03 Mar 2021 00:10:09 GMT +Wed, 03 Mar 2021 00:10:09 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.2..@fluentui/react-tooltip_v9.0.0-alpha.3) ### Changes @@ -1157,7 +1170,7 @@ Wed, 03 Mar 2021 00:10:09 GMT ## [9.0.0-alpha.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-alpha.2) -Tue, 02 Mar 2021 07:24:27 GMT +Tue, 02 Mar 2021 07:24:27 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-alpha.1..@fluentui/react-tooltip_v9.0.0-alpha.2) ### Changes diff --git a/packages/react-tooltip/LICENSE b/packages/react-components/react-tooltip/LICENSE similarity index 100% rename from packages/react-tooltip/LICENSE rename to packages/react-components/react-tooltip/LICENSE diff --git a/packages/react-tooltip/MIGRATION.md b/packages/react-components/react-tooltip/MIGRATION.md similarity index 100% rename from packages/react-tooltip/MIGRATION.md rename to packages/react-components/react-tooltip/MIGRATION.md diff --git a/packages/react-tooltip/README.md b/packages/react-components/react-tooltip/README.md similarity index 100% rename from packages/react-tooltip/README.md rename to packages/react-components/react-tooltip/README.md diff --git a/packages/react-tooltip/Spec.md b/packages/react-components/react-tooltip/Spec.md similarity index 100% rename from packages/react-tooltip/Spec.md rename to packages/react-components/react-tooltip/Spec.md diff --git a/packages/react-tooltip/bundle-size/Tooltip.fixture.js b/packages/react-components/react-tooltip/bundle-size/Tooltip.fixture.js similarity index 100% rename from packages/react-tooltip/bundle-size/Tooltip.fixture.js rename to packages/react-components/react-tooltip/bundle-size/Tooltip.fixture.js diff --git a/packages/react-spinner/config/api-extractor.json b/packages/react-components/react-tooltip/config/api-extractor.json similarity index 100% rename from packages/react-spinner/config/api-extractor.json rename to packages/react-components/react-tooltip/config/api-extractor.json diff --git a/packages/react-components/react-tooltip/config/api-extractor.local.json b/packages/react-components/react-tooltip/config/api-extractor.local.json new file mode 100644 index 00000000000000..f8d7afe5e2cd1d --- /dev/null +++ b/packages/react-components/react-tooltip/config/api-extractor.local.json @@ -0,0 +1,5 @@ +{ + "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", + "extends": "./api-extractor.json", + "mainEntryPointFilePath": "/dist/packages/react-components//src/index.d.ts" +} diff --git a/packages/react-tooltip/config/tests.js b/packages/react-components/react-tooltip/config/tests.js similarity index 100% rename from packages/react-tooltip/config/tests.js rename to packages/react-components/react-tooltip/config/tests.js diff --git a/packages/react-tooltip/etc/react-tooltip.api.md b/packages/react-components/react-tooltip/etc/react-tooltip.api.md similarity index 100% rename from packages/react-tooltip/etc/react-tooltip.api.md rename to packages/react-components/react-tooltip/etc/react-tooltip.api.md diff --git a/packages/react-tooltip/jest.config.js b/packages/react-components/react-tooltip/jest.config.js similarity index 92% rename from packages/react-tooltip/jest.config.js rename to packages/react-components/react-tooltip/jest.config.js index a436e1b626a3f7..ebb4d30902159a 100644 --- a/packages/react-tooltip/jest.config.js +++ b/packages/react-components/react-tooltip/jest.config.js @@ -5,7 +5,7 @@ */ module.exports = { displayName: 'react-tooltip', - preset: '../../jest.preset.js', + preset: '../../../jest.preset.js', globals: { 'ts-jest': { tsConfig: '/tsconfig.spec.json', diff --git a/packages/react-tooltip/just.config.ts b/packages/react-components/react-tooltip/just.config.ts similarity index 100% rename from packages/react-tooltip/just.config.ts rename to packages/react-components/react-tooltip/just.config.ts diff --git a/packages/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json similarity index 76% rename from packages/react-tooltip/package.json rename to packages/react-components/react-tooltip/package.json index d405f96113544e..71c70326dd58aa 100644 --- a/packages/react-tooltip/package.json +++ b/packages/react-components/react-tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tooltip", - "version": "9.0.0-rc.7", + "version": "9.0.0-rc.8", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,8 +21,8 @@ "start": "yarn storybook", "test": "jest --passWithNoTests", "docs": "api-extractor run --config=config/api-extractor.local.json --local", - "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-tooltip/src && yarn docs", - "storybook": "node ../../scripts/storybook/runner", + "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-tooltip/src && yarn docs", + "storybook": "node ../../../scripts/storybook/runner", "type-check": "tsc -b tsconfig.json" }, "devDependencies": { @@ -32,11 +32,11 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "@fluentui/react-portal": "9.0.0-rc.7", - "@fluentui/react-positioning": "9.0.0-rc.6", - "@fluentui/react-shared-contexts": "9.0.0-rc.5", - "@fluentui/react-theme": "9.0.0-rc.5", - "@fluentui/react-utilities": "9.0.0-rc.6", + "@fluentui/react-portal": "9.0.0-rc.8", + "@fluentui/react-positioning": "9.0.0-rc.7", + "@fluentui/react-shared-contexts": "9.0.0-rc.6", + "@fluentui/react-theme": "9.0.0-rc.6", + "@fluentui/react-utilities": "9.0.0-rc.7", "@griffel/react": "1.0.3", "tslib": "^2.1.0" }, diff --git a/packages/react-tooltip/src/Tooltip.ts b/packages/react-components/react-tooltip/src/Tooltip.ts similarity index 100% rename from packages/react-tooltip/src/Tooltip.ts rename to packages/react-components/react-tooltip/src/Tooltip.ts diff --git a/packages/react-tooltip/src/common/isConformant.ts b/packages/react-components/react-tooltip/src/common/isConformant.ts similarity index 100% rename from packages/react-tooltip/src/common/isConformant.ts rename to packages/react-components/react-tooltip/src/common/isConformant.ts diff --git a/packages/react-tooltip/src/components/Tooltip/Tooltip.test.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.test.tsx similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/Tooltip.test.tsx rename to packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.test.tsx diff --git a/packages/react-tooltip/src/components/Tooltip/Tooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/Tooltip.tsx rename to packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx diff --git a/packages/react-tooltip/src/components/Tooltip/Tooltip.types.ts b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.types.ts similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/Tooltip.types.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.types.ts diff --git a/packages/react-tooltip/src/components/Tooltip/index.ts b/packages/react-components/react-tooltip/src/components/Tooltip/index.ts similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/index.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/index.ts diff --git a/packages/react-tooltip/src/components/Tooltip/private/constants.ts b/packages/react-components/react-tooltip/src/components/Tooltip/private/constants.ts similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/private/constants.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/private/constants.ts diff --git a/packages/react-tooltip/src/components/Tooltip/renderTooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/renderTooltip.tsx rename to packages/react-components/react-tooltip/src/components/Tooltip/renderTooltip.tsx diff --git a/packages/react-tooltip/src/components/Tooltip/useTooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/useTooltip.tsx rename to packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx diff --git a/packages/react-tooltip/src/components/Tooltip/useTooltipStyles.ts b/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts similarity index 100% rename from packages/react-tooltip/src/components/Tooltip/useTooltipStyles.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts diff --git a/packages/react-tooltip/src/index.ts b/packages/react-components/react-tooltip/src/index.ts similarity index 100% rename from packages/react-tooltip/src/index.ts rename to packages/react-components/react-tooltip/src/index.ts diff --git a/packages/react-tooltip/src/stories/Tooltip.stories.tsx b/packages/react-components/react-tooltip/src/stories/Tooltip.stories.tsx similarity index 100% rename from packages/react-tooltip/src/stories/Tooltip.stories.tsx rename to packages/react-components/react-tooltip/src/stories/Tooltip.stories.tsx diff --git a/packages/react-tooltip/src/stories/TooltipControlled.stories.tsx b/packages/react-components/react-tooltip/src/stories/TooltipControlled.stories.tsx similarity index 100% rename from packages/react-tooltip/src/stories/TooltipControlled.stories.tsx rename to packages/react-components/react-tooltip/src/stories/TooltipControlled.stories.tsx diff --git a/packages/react-tooltip/src/stories/TooltipCustomMount.stories.tsx b/packages/react-components/react-tooltip/src/stories/TooltipCustomMount.stories.tsx similarity index 100% rename from packages/react-tooltip/src/stories/TooltipCustomMount.stories.tsx rename to packages/react-components/react-tooltip/src/stories/TooltipCustomMount.stories.tsx diff --git a/packages/react-tooltip/src/stories/TooltipDefault.stories.tsx b/packages/react-components/react-tooltip/src/stories/TooltipDefault.stories.tsx similarity index 100% rename from packages/react-tooltip/src/stories/TooltipDefault.stories.tsx rename to packages/react-components/react-tooltip/src/stories/TooltipDefault.stories.tsx diff --git a/packages/react-tooltip/src/stories/TooltipDescription.md b/packages/react-components/react-tooltip/src/stories/TooltipDescription.md similarity index 100% rename from packages/react-tooltip/src/stories/TooltipDescription.md rename to packages/react-components/react-tooltip/src/stories/TooltipDescription.md diff --git a/packages/react-tooltip/src/stories/TooltipInverted.stories.tsx b/packages/react-components/react-tooltip/src/stories/TooltipInverted.stories.tsx similarity index 100% rename from packages/react-tooltip/src/stories/TooltipInverted.stories.tsx rename to packages/react-components/react-tooltip/src/stories/TooltipInverted.stories.tsx diff --git a/packages/react-tooltip/src/stories/TooltipPositioning.stories.tsx b/packages/react-components/react-tooltip/src/stories/TooltipPositioning.stories.tsx similarity index 95% rename from packages/react-tooltip/src/stories/TooltipPositioning.stories.tsx rename to packages/react-components/react-tooltip/src/stories/TooltipPositioning.stories.tsx index cb2138ed9bcff1..0b8779d312574f 100644 --- a/packages/react-tooltip/src/stories/TooltipPositioning.stories.tsx +++ b/packages/react-components/react-tooltip/src/stories/TooltipPositioning.stories.tsx @@ -38,7 +38,7 @@ export const Positioning = () => { }} > {positions.map(([position, icon]) => ( - +