diff --git a/change/fluentui-react-94f72e4c-ed7b-49e7-8111-7c831dbc4c43.json b/change/fluentui-react-94f72e4c-ed7b-49e7-8111-7c831dbc4c43.json new file mode 100644 index 00000000000000..88bd4d5e81e5d0 --- /dev/null +++ b/change/fluentui-react-94f72e4c-ed7b-49e7-8111-7c831dbc4c43.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: fix comment and documentation typos", + "packageName": "@fluentui/react", + "email": "sshaurya914@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/fluentui-react-charting-927623af-5538-4529-8737-3742b28131b6.json b/change/fluentui-react-charting-927623af-5538-4529-8737-3742b28131b6.json new file mode 100644 index 00000000000000..f2f86f0c897b68 --- /dev/null +++ b/change/fluentui-react-charting-927623af-5538-4529-8737-3742b28131b6.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: fix comment and documentation typos", + "packageName": "@fluentui/react-charting", + "email": "sshaurya914@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/fluentui-react-charts-d19f59fe-34e3-41a3-9263-bd53b169cb1d.json b/change/fluentui-react-charts-d19f59fe-34e3-41a3-9263-bd53b169cb1d.json new file mode 100644 index 00000000000000..d5f32eb111188b --- /dev/null +++ b/change/fluentui-react-charts-d19f59fe-34e3-41a3-9263-bd53b169cb1d.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: fix comment and documentation typos", + "packageName": "@fluentui/react-charts", + "email": "sshaurya914@gmail.com", + "dependentChangeType": "none" +} diff --git a/change/fluentui-react-nav-f6c89c25-4c7a-4b5b-a99e-ebaefd4cb38e.json b/change/fluentui-react-nav-f6c89c25-4c7a-4b5b-a99e-ebaefd4cb38e.json new file mode 100644 index 00000000000000..656e528e41669e --- /dev/null +++ b/change/fluentui-react-nav-f6c89c25-4c7a-4b5b-a99e-ebaefd4cb38e.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: fix comment and documentation typos", + "packageName": "@fluentui/react-nav", + "email": "sshaurya914@gmail.com", + "dependentChangeType": "none" +} diff --git a/packages/charts/react-charting/src/utilities/utilities.ts b/packages/charts/react-charting/src/utilities/utilities.ts index 262e00eaf7a07e..c8d5e3216d0c6f 100644 --- a/packages/charts/react-charting/src/utilities/utilities.ts +++ b/packages/charts/react-charting/src/utilities/utilities.ts @@ -1150,7 +1150,7 @@ export function createWrapOfXLabels(wrapLabelProps: IWrapLabelProps): number | u maxLines = Math.max(maxLines, lineNumber + 1); }); if (!showXAxisLablesTooltip) { - let maxHeight: number = 12; // intial value to render corretly first time + let maxHeight: number = 12; // initial value to render correctly first time const boxHeight = (container ?? document).querySelector(`.${CARTESIAN_XAXIS_CLASSNAME} tspan`)?.getBoundingClientRect().height ?? 0; if (boxHeight > maxHeight) { diff --git a/packages/charts/react-charts/library/src/utilities/utilities.ts b/packages/charts/react-charts/library/src/utilities/utilities.ts index add89c7e9ceaa9..cc63560646ab67 100644 --- a/packages/charts/react-charts/library/src/utilities/utilities.ts +++ b/packages/charts/react-charts/library/src/utilities/utilities.ts @@ -1178,7 +1178,7 @@ export function createWrapOfXLabels(wrapLabelProps: IWrapLabelProps): number | u maxLines = Math.max(maxLines, lineNumber + 1); }); if (!showXAxisLablesTooltip) { - let maxHeight: number = 12; // intial value to render corretly first time + let maxHeight: number = 12; // initial value to render correctly first time const boxHeight = (container ?? document).querySelector(`.${CARTESIAN_XAXIS_CLASSNAME} tspan`)?.getBoundingClientRect().height ?? 0; if (boxHeight > maxHeight) { diff --git a/packages/react-components/react-list/library/docs/ListA11y.md b/packages/react-components/react-list/library/docs/ListA11y.md index c79b2aac622a8f..d39f9cfe89eee7 100644 --- a/packages/react-components/react-list/library/docs/ListA11y.md +++ b/packages/react-components/react-list/library/docs/ListA11y.md @@ -190,9 +190,9 @@ When the list supports selection, the main action of the list item is **to toggl **Spacebar** on the `ListItem` always toggles the selection. -**Enter** on the `ListItem` triggers the main action, which can be changed by passing the `onClick` handler, i.e. by default it triggers selection, but this behavior can be overriden (by changing the onClick handler). +**Enter** on the `ListItem` triggers the main action, which can be changed by passing the `onClick` handler, i.e. by default it triggers selection, but this behavior can be overridden (by changing the onClick handler). -Both keys behavior can be changed by passing the `onKeyDown` handler and preventing teh default by calling `preventDefault()` on the event. Please note that the uncontrolled selection can no longer be utilized in this case and you have to take control. +Both keys behavior can be changed by passing the `onKeyDown` handler and preventing the default by calling `preventDefault()` on the event. Please note that the uncontrolled selection can no longer be utilized in this case and you have to take control. #### Listbox / option diff --git a/packages/react-components/react-nav/library/src/components/NavDrawer/useNavDrawerStyles.styles.ts b/packages/react-components/react-nav/library/src/components/NavDrawer/useNavDrawerStyles.styles.ts index bdb869f903c425..8461d14d43f9f0 100644 --- a/packages/react-components/react-nav/library/src/components/NavDrawer/useNavDrawerStyles.styles.ts +++ b/packages/react-components/react-nav/library/src/components/NavDrawer/useNavDrawerStyles.styles.ts @@ -18,7 +18,7 @@ const useStyles = makeStyles({ backgroundColor: navItemTokens.backgroundColor, alignItems: 'unset', }, - // seperate style so it can be applied conditionally + // separate style so it can be applied conditionally // if size is not set, use default width from the token. defaultWidth: { width: `${navItemTokens.defaultDrawerWidth}px`, diff --git a/packages/react-components/react-search/library/docs/Spec.md b/packages/react-components/react-search/library/docs/Spec.md index 69c3a2197ee923..3a6159994a0945 100644 --- a/packages/react-components/react-search/library/docs/Spec.md +++ b/packages/react-components/react-search/library/docs/Spec.md @@ -131,7 +131,7 @@ Most interaction and screen reader behavior will be handled automatically by the - The `` is visible and shows the placeholder or value text. - The component doesn't provide a built-in label, so it's important for the user to pass in appropriate attributes such as `id` (associated with a label using `htmlFor`), `aria-label`, or `aria-labelledby`. -- The clear button is not in the tab order and should not recieve focus; otherwise, no features in the initial implementation require manipulation of focus, tab order, or key handling. +- The clear button is not in the tab order and should not receive focus; otherwise, no features in the initial implementation require manipulation of focus, tab order, or key handling. - Visual states for focus and hover will be applied to `root` rather than the `` itself (which is rendered without a border and only used to show the text), because the `contentBefore`, `contentAfter`, and `dismiss` slots need to visually appear to be within the input. - Authors using SearchBox for a top-level site search are encouraged to wrap the component in a landmark with `role="search"` - Keyboard users can use keyboard shortcuts to clear the value. diff --git a/packages/react-components/react-toast/stories/src/Toast/DefaultToastOptions.stories.tsx b/packages/react-components/react-toast/stories/src/Toast/DefaultToastOptions.stories.tsx index 49b358c1e29b69..8f74a6c4ef31e4 100644 --- a/packages/react-components/react-toast/stories/src/Toast/DefaultToastOptions.stories.tsx +++ b/packages/react-components/react-toast/stories/src/Toast/DefaultToastOptions.stories.tsx @@ -26,7 +26,7 @@ DefaultToastOptions.parameters = { description: { story: [ 'Default options for all toasts can be configured on the `Toaster`.', - 'These options are only defaults and can be overriden using `dispatchToast', + 'These options are only defaults and can be overridden using `dispatchToast', ].join('\n'), }, }, diff --git a/packages/react-components/react-toast/stories/src/Toast/Intent.stories.tsx b/packages/react-components/react-toast/stories/src/Toast/Intent.stories.tsx index 83a567336b02f4..3c10bdc4694966 100644 --- a/packages/react-components/react-toast/stories/src/Toast/Intent.stories.tsx +++ b/packages/react-components/react-toast/stories/src/Toast/Intent.stories.tsx @@ -76,7 +76,7 @@ Intent.parameters = { '- warning', '- error', '', - 'Each intent affects the default icon in the title and its colour. These icon slots can be overriden', + 'Each intent affects the default icon in the title and its colour. These icon slots can be overridden', 'to render other content such as progress spinners or avatars.', '', '>intent determines the urgency of the screen reader aria-live narration.', diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index a9009f2895bd24..20d07657ef9378 100644 --- a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx +++ b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx @@ -125,7 +125,7 @@ export class MarqueeSelectionBase extends React.Component, /** * Function to be performed on the data in order to increase its width. It is called in scenarios where the * container has more room than the previous render and we may be able to fit more content. If there are no more - * scaling operations to perform on teh data, it should return undefined to prevent an infinite render loop. + * scaling operations to perform on the data, it should return undefined to prevent an infinite render loop. */ onGrowData?: (prevData: any) => any;