diff --git a/change/@fluentui-react-alert-bf0a8560-2a11-4cbd-abab-090b17f2f115.json b/change/@fluentui-react-alert-bf0a8560-2a11-4cbd-abab-090b17f2f115.json new file mode 100644 index 0000000000000..67ec74f9958e0 --- /dev/null +++ b/change/@fluentui-react-alert-bf0a8560-2a11-4cbd-abab-090b17f2f115.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-alert", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-data-grid-react-window-4eb5b7ef-7eb3-43be-8678-f904b1c34516.json b/change/@fluentui-react-data-grid-react-window-4eb5b7ef-7eb3-43be-8678-f904b1c34516.json new file mode 100644 index 0000000000000..68215b548f09e --- /dev/null +++ b/change/@fluentui-react-data-grid-react-window-4eb5b7ef-7eb3-43be-8678-f904b1c34516.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-data-grid-react-window", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-dialog-589ba0e3-87be-4c97-84f7-1e0e44d016c0.json b/change/@fluentui-react-dialog-589ba0e3-87be-4c97-84f7-1e0e44d016c0.json new file mode 100644 index 0000000000000..5e622cf4dad62 --- /dev/null +++ b/change/@fluentui-react-dialog-589ba0e3-87be-4c97-84f7-1e0e44d016c0.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-dialog", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-menu-ce914d92-b9ef-49ba-9259-00beb4ee18b6.json b/change/@fluentui-react-menu-ce914d92-b9ef-49ba-9259-00beb4ee18b6.json new file mode 100644 index 0000000000000..4f19e9862ee6c --- /dev/null +++ b/change/@fluentui-react-menu-ce914d92-b9ef-49ba-9259-00beb4ee18b6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-menu", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-overflow-a55c8fa2-3e82-481d-9e24-f502760f0c87.json b/change/@fluentui-react-overflow-a55c8fa2-3e82-481d-9e24-f502760f0c87.json new file mode 100644 index 0000000000000..41e78b13023a7 --- /dev/null +++ b/change/@fluentui-react-overflow-a55c8fa2-3e82-481d-9e24-f502760f0c87.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-overflow", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-popover-3d948712-f4d9-4e1b-bd80-1b38cd60da1c.json b/change/@fluentui-react-popover-3d948712-f4d9-4e1b-bd80-1b38cd60da1c.json new file mode 100644 index 0000000000000..29f554ac83bcf --- /dev/null +++ b/change/@fluentui-react-popover-3d948712-f4d9-4e1b-bd80-1b38cd60da1c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-popover", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-portal-c5baa26a-8d16-4d09-a003-7ab57ca5659b.json b/change/@fluentui-react-portal-c5baa26a-8d16-4d09-a003-7ab57ca5659b.json new file mode 100644 index 0000000000000..90aadd2091f39 --- /dev/null +++ b/change/@fluentui-react-portal-c5baa26a-8d16-4d09-a003-7ab57ca5659b.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-portal", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-provider-0530b7e5-56a7-4fee-be88-952cc1896cc8.json b/change/@fluentui-react-provider-0530b7e5-56a7-4fee-be88-952cc1896cc8.json new file mode 100644 index 0000000000000..b0213707de247 --- /dev/null +++ b/change/@fluentui-react-provider-0530b7e5-56a7-4fee-be88-952cc1896cc8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-provider", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-table-51c05197-e10f-49cd-a537-b19d4a4f7dd9.json b/change/@fluentui-react-table-51c05197-e10f-49cd-a537-b19d4a4f7dd9.json new file mode 100644 index 0000000000000..530abec2115ea --- /dev/null +++ b/change/@fluentui-react-table-51c05197-e10f-49cd-a537-b19d4a4f7dd9.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-table", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-toolbar-f331e95e-2241-42a7-8319-e27d78457cc5.json b/change/@fluentui-react-toolbar-f331e95e-2241-42a7-8319-e27d78457cc5.json new file mode 100644 index 0000000000000..3de71bf9ea345 --- /dev/null +++ b/change/@fluentui-react-toolbar-f331e95e-2241-42a7-8319-e27d78457cc5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-toolbar", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tree-a7765c4b-3557-4927-9f74-96da76ce5ccb.json b/change/@fluentui-react-tree-a7765c4b-3557-4927-9f74-96da76ce5ccb.json new file mode 100644 index 0000000000000..870eac1d9832d --- /dev/null +++ b/change/@fluentui-react-tree-a7765c4b-3557-4927-9f74-96da76ce5ccb.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-tree", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-alert/src/components/Alert/Alert.test.tsx b/packages/react-components/react-alert/src/components/Alert/Alert.test.tsx index 67357cb0e2ba6..fea73e3f02df3 100644 --- a/packages/react-components/react-alert/src/components/Alert/Alert.test.tsx +++ b/packages/react-components/react-alert/src/components/Alert/Alert.test.tsx @@ -4,7 +4,7 @@ import { render, screen } from '@testing-library/react'; import { isConformant } from '../../testing/isConformant'; import { Alert } from './Alert'; -import { alertClassNames } from './useAlertStyles'; +import { alertClassNames } from './useAlertStyles.styles'; describe('Alert', () => { isConformant({ diff --git a/packages/react-components/react-alert/src/components/Alert/Alert.tsx b/packages/react-components/react-alert/src/components/Alert/Alert.tsx index f8a41b80a2783..cfa91747e5ba9 100644 --- a/packages/react-components/react-alert/src/components/Alert/Alert.tsx +++ b/packages/react-components/react-alert/src/components/Alert/Alert.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { renderAlert_unstable } from './renderAlert'; import { useAlert_unstable } from './useAlert'; -import { useAlertStyles_unstable } from './useAlertStyles'; +import { useAlertStyles_unstable } from './useAlertStyles.styles'; import type { AlertProps } from './Alert.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-alert/src/components/Alert/index.ts b/packages/react-components/react-alert/src/components/Alert/index.ts index 1ea74ef4adfd4..46340d6b4b928 100644 --- a/packages/react-components/react-alert/src/components/Alert/index.ts +++ b/packages/react-components/react-alert/src/components/Alert/index.ts @@ -2,4 +2,4 @@ export * from './Alert'; export * from './Alert.types'; export * from './renderAlert'; export * from './useAlert'; -export * from './useAlertStyles'; +export * from './useAlertStyles.styles'; diff --git a/packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts b/packages/react-components/react-alert/src/components/Alert/useAlertStyles.styles.ts similarity index 100% rename from packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts rename to packages/react-components/react-alert/src/components/Alert/useAlertStyles.styles.ts diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGrid/DataGrid.tsx b/packages/react-components/react-data-grid-react-window/src/components/DataGrid/DataGrid.tsx index b2daaa21a7941..62bfa0648d030 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGrid/DataGrid.tsx +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGrid/DataGrid.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useDataGrid_unstable } from './useDataGrid'; +import { useDataGrid_unstable } from './useDataGrid.styles'; import { renderDataGrid_unstable, useDataGridStyles_unstable, diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGrid/index.ts b/packages/react-components/react-data-grid-react-window/src/components/DataGrid/index.ts index 0b3589e2b3bc1..b5c5a7388b1d7 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGrid/index.ts +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGrid/index.ts @@ -1,2 +1,2 @@ export * from './DataGrid'; -export * from './useDataGrid'; +export * from './useDataGrid.styles'; diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGrid/useDataGrid.ts b/packages/react-components/react-data-grid-react-window/src/components/DataGrid/useDataGrid.styles.ts similarity index 100% rename from packages/react-components/react-data-grid-react-window/src/components/DataGrid/useDataGrid.ts rename to packages/react-components/react-data-grid-react-window/src/components/DataGrid/useDataGrid.styles.ts diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/DataGridBody.tsx b/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/DataGridBody.tsx index 754782dcc6881..481937ef050f6 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/DataGridBody.tsx +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/DataGridBody.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles'; +import { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles.styles'; import { useDataGridBody_unstable } from './useDataGridBody'; import { renderDataGridBody_unstable } from './renderDataGridBody'; import type { DataGridBodyProps } from './DataGridBody.types'; diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/useDataGridBodyStyles.ts b/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/useDataGridBodyStyles.styles.ts similarity index 100% rename from packages/react-components/react-data-grid-react-window/src/components/DataGridBody/useDataGridBodyStyles.ts rename to packages/react-components/react-data-grid-react-window/src/components/DataGridBody/useDataGridBodyStyles.styles.ts diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/DataGridRow.tsx b/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/DataGridRow.tsx index 11c6f85063d87..b5d8b394ca3ef 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/DataGridRow.tsx +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/DataGridRow.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useDataGridRowStyles_unstable, renderDataGridRow_unstable } from '@fluentui/react-table'; -import { useDataGridRow_unstable } from './useDataGridRow'; +import { useDataGridRow_unstable } from './useDataGridRow.styles'; import type { DataGridRowProps } from '@fluentui/react-table'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/index.ts b/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/index.ts index 15727b3664100..a5ab3d0a834cd 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/index.ts +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/index.ts @@ -1,2 +1,2 @@ export * from './DataGridRow'; -export * from './useDataGridRow'; +export * from './useDataGridRow.styles'; diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/useDataGridRow.ts b/packages/react-components/react-data-grid-react-window/src/components/DataGridRow/useDataGridRow.styles.ts similarity index 100% rename from packages/react-components/react-data-grid-react-window/src/components/DataGridRow/useDataGridRow.ts rename to packages/react-components/react-data-grid-react-window/src/components/DataGridRow/useDataGridRow.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx index 8f6b2ef5c8ed8..3ef410875ce1a 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx +++ b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDialogActions_unstable } from './useDialogActions'; import { renderDialogActions_unstable } from './renderDialogActions'; -import { useDialogActionsStyles_unstable } from './useDialogActionsStyles'; +import { useDialogActionsStyles_unstable } from './useDialogActionsStyles.styles'; import type { DialogActionsProps } from './DialogActions.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-dialog/src/components/DialogActions/index.ts b/packages/react-components/react-dialog/src/components/DialogActions/index.ts index 5b6fc48233a89..0bb1d1cf48bd5 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogActions/index.ts @@ -2,4 +2,4 @@ export * from './DialogActions'; export * from './DialogActions.types'; export * from './renderDialogActions'; export * from './useDialogActions'; -export * from './useDialogActionsStyles'; +export * from './useDialogActionsStyles.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts rename to packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx b/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx index ec18e06c68371..e0cc53b302e1d 100644 --- a/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx +++ b/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDialogBody_unstable } from './useDialogBody'; import { renderDialogBody_unstable } from './renderDialogBody'; -import { useDialogBodyStyles_unstable } from './useDialogBodyStyles'; +import { useDialogBodyStyles_unstable } from './useDialogBodyStyles.styles'; import type { DialogBodyProps } from './DialogBody.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-dialog/src/components/DialogBody/index.ts b/packages/react-components/react-dialog/src/components/DialogBody/index.ts index caade527cc447..bd1e90e0a99cb 100644 --- a/packages/react-components/react-dialog/src/components/DialogBody/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogBody/index.ts @@ -2,4 +2,4 @@ export * from './DialogBody'; export * from './DialogBody.types'; export * from './renderDialogBody'; export * from './useDialogBody'; -export * from './useDialogBodyStyles'; +export * from './useDialogBodyStyles.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts b/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts rename to packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx b/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx index d5a1ff53429a2..70b4a65cc56c5 100644 --- a/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx +++ b/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDialogContent_unstable } from './useDialogContent'; import { renderDialogContent_unstable } from './renderDialogContent'; -import { useDialogContentStyles_unstable } from './useDialogContentStyles'; +import { useDialogContentStyles_unstable } from './useDialogContentStyles.styles'; import type { DialogContentProps } from './DialogContent.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-dialog/src/components/DialogContent/index.ts b/packages/react-components/react-dialog/src/components/DialogContent/index.ts index ccedb8165f7d7..b82b9c3521b39 100644 --- a/packages/react-components/react-dialog/src/components/DialogContent/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogContent/index.ts @@ -2,4 +2,4 @@ export * from './DialogContent'; export * from './DialogContent.types'; export * from './renderDialogContent'; export * from './useDialogContent'; -export * from './useDialogContentStyles'; +export * from './useDialogContentStyles.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts b/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts rename to packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx b/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx index c3fa7e9fca088..b84396ac84677 100644 --- a/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx +++ b/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDialogSurface_unstable } from './useDialogSurface'; import { renderDialogSurface_unstable } from './renderDialogSurface'; -import { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles'; +import { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles.styles'; import type { DialogSurfaceProps } from './DialogSurface.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useDialogSurfaceContextValues_unstable } from './useDialogSurfaceContextValues'; diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/index.ts b/packages/react-components/react-dialog/src/components/DialogSurface/index.ts index d19bafa777e14..15d5efe48eeec 100644 --- a/packages/react-components/react-dialog/src/components/DialogSurface/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogSurface/index.ts @@ -2,4 +2,4 @@ export * from './DialogSurface'; export * from './DialogSurface.types'; export * from './renderDialogSurface'; export * from './useDialogSurface'; -export * from './useDialogSurfaceStyles'; +export * from './useDialogSurfaceStyles.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts rename to packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx index 7bc0ce7591f56..2d60f6ef40f04 100644 --- a/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDialogTitle_unstable } from './useDialogTitle'; import { renderDialogTitle_unstable } from './renderDialogTitle'; -import { useDialogTitleStyles_unstable } from './useDialogTitleStyles'; +import { useDialogTitleStyles_unstable } from './useDialogTitleStyles.styles'; import type { DialogTitleProps } from './DialogTitle.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/index.ts b/packages/react-components/react-dialog/src/components/DialogTitle/index.ts index 047ee38dc730a..af498e61b1d6c 100644 --- a/packages/react-components/react-dialog/src/components/DialogTitle/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogTitle/index.ts @@ -2,4 +2,4 @@ export * from './DialogTitle'; export * from './DialogTitle.types'; export * from './renderDialogTitle'; export * from './useDialogTitle'; -export * from './useDialogTitleStyles'; +export * from './useDialogTitleStyles.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx b/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx index 0e08fdc625575..5aef3e2cbfb26 100644 --- a/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx @@ -5,7 +5,7 @@ import { useDialogContext_unstable } from '../../contexts/dialogContext'; import { Dismiss24Regular } from '@fluentui/react-icons'; import { resolveShorthand } from '@fluentui/react-utilities'; import { DialogTrigger } from '../DialogTrigger/DialogTrigger'; -import { useDialogTitleInternalStyles } from './useDialogTitleStyles'; +import { useDialogTitleInternalStyles } from './useDialogTitleStyles.styles'; /** * Create the state required to render DialogTitle. diff --git a/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.ts b/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.ts rename to packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.styles.ts diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx index a7a461654a948..d69fd85ace76d 100644 --- a/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx +++ b/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useDialogTrigger_unstable } from './useDialogTrigger'; +import { useDialogTrigger_unstable } from './useDialogTrigger.styles'; import { renderDialogTrigger_unstable } from './renderDialogTrigger'; import type { DialogTriggerProps } from './DialogTrigger.types'; import type { FluentTriggerComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/index.ts b/packages/react-components/react-dialog/src/components/DialogTrigger/index.ts index cefe8176cb56b..a6458850c55c0 100644 --- a/packages/react-components/react-dialog/src/components/DialogTrigger/index.ts +++ b/packages/react-components/react-dialog/src/components/DialogTrigger/index.ts @@ -1,4 +1,4 @@ export * from './DialogTrigger'; export * from './DialogTrigger.types'; export * from './renderDialogTrigger'; -export * from './useDialogTrigger'; +export * from './useDialogTrigger.styles'; diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts b/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.styles.ts similarity index 100% rename from packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts rename to packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.styles.ts diff --git a/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx b/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx index d876ba971a07e..58d3fe512e16d 100644 --- a/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx +++ b/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx @@ -144,7 +144,6 @@ describe('Menu', () => { - {/* eslint-disable-next-line @fluentui/max-len */} {/* @ts-expect-error - MenuItemComponent is union of 3 non-matching interfaces. Unnecessary narrowing logic would be needed which is out of scope for what is being tested */} Item diff --git a/packages/react-components/react-menu/src/components/MenuDivider/MenuDivider.tsx b/packages/react-components/react-menu/src/components/MenuDivider/MenuDivider.tsx index f431113e52757..3ab30d21a7b71 100644 --- a/packages/react-components/react-menu/src/components/MenuDivider/MenuDivider.tsx +++ b/packages/react-components/react-menu/src/components/MenuDivider/MenuDivider.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useMenuDivider_unstable } from './useMenuDivider'; -import { useMenuDividerStyles_unstable } from './useMenuDividerStyles'; +import { useMenuDividerStyles_unstable } from './useMenuDividerStyles.styles'; import { renderMenuDivider_unstable } from './renderMenuDivider'; import type { MenuDividerProps } from './MenuDivider.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-menu/src/components/MenuDivider/index.ts b/packages/react-components/react-menu/src/components/MenuDivider/index.ts index bd1eccccc7fe7..b3ce7e41abbce 100644 --- a/packages/react-components/react-menu/src/components/MenuDivider/index.ts +++ b/packages/react-components/react-menu/src/components/MenuDivider/index.ts @@ -2,4 +2,4 @@ export * from './MenuDivider.types'; export * from './MenuDivider'; export * from './renderMenuDivider'; export * from './useMenuDivider'; -export * from './useMenuDividerStyles'; +export * from './useMenuDividerStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.ts b/packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.ts rename to packages/react-components/react-menu/src/components/MenuDivider/useMenuDividerStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuGroup/MenuGroup.tsx b/packages/react-components/react-menu/src/components/MenuGroup/MenuGroup.tsx index 2476fd06badce..5e219f6318a4d 100644 --- a/packages/react-components/react-menu/src/components/MenuGroup/MenuGroup.tsx +++ b/packages/react-components/react-menu/src/components/MenuGroup/MenuGroup.tsx @@ -4,7 +4,7 @@ import { renderMenuGroup_unstable } from './renderMenuGroup'; import { useMenuGroupContextValues_unstable } from './useMenuGroupContextValues'; import type { MenuGroupProps } from './MenuGroup.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; -import { useMenuGroupStyles_unstable } from './useMenuGroupStyles'; +import { useMenuGroupStyles_unstable } from './useMenuGroupStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; /** diff --git a/packages/react-components/react-menu/src/components/MenuGroup/index.ts b/packages/react-components/react-menu/src/components/MenuGroup/index.ts index 75c785120a432..698b5c6bce609 100644 --- a/packages/react-components/react-menu/src/components/MenuGroup/index.ts +++ b/packages/react-components/react-menu/src/components/MenuGroup/index.ts @@ -3,4 +3,4 @@ export * from './MenuGroup'; export * from './renderMenuGroup'; export * from './useMenuGroup'; export * from './useMenuGroupContextValues'; -export * from './useMenuGroupStyles'; +export * from './useMenuGroupStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupStyles.ts b/packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupStyles.ts rename to packages/react-components/react-menu/src/components/MenuGroup/useMenuGroupStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx b/packages/react-components/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx index 0a64728ade434..a858b018cde69 100644 --- a/packages/react-components/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx +++ b/packages/react-components/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useMenuGroupHeader_unstable } from './useMenuGroupHeader'; -import { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles'; +import { useMenuGroupHeaderStyles_unstable } from './useMenuGroupHeaderStyles.styles'; import { renderMenuGroupHeader_unstable } from './renderMenuGroupHeader'; import type { MenuGroupHeaderProps } from './MenuGroupHeader.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-menu/src/components/MenuGroupHeader/index.ts b/packages/react-components/react-menu/src/components/MenuGroupHeader/index.ts index cfa4eae82c728..0ed602008ef44 100644 --- a/packages/react-components/react-menu/src/components/MenuGroupHeader/index.ts +++ b/packages/react-components/react-menu/src/components/MenuGroupHeader/index.ts @@ -2,4 +2,4 @@ export * from './MenuGroupHeader.types'; export * from './MenuGroupHeader'; export * from './renderMenuGroupHeader'; export * from './useMenuGroupHeader'; -export * from './useMenuGroupHeaderStyles'; +export * from './useMenuGroupHeaderStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeaderStyles.ts b/packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeaderStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeaderStyles.ts rename to packages/react-components/react-menu/src/components/MenuGroupHeader/useMenuGroupHeaderStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuItem/MenuItem.tsx b/packages/react-components/react-menu/src/components/MenuItem/MenuItem.tsx index 1675b14a5e334..e0e0781cc4bbe 100644 --- a/packages/react-components/react-menu/src/components/MenuItem/MenuItem.tsx +++ b/packages/react-components/react-menu/src/components/MenuItem/MenuItem.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useMenuItem_unstable } from './useMenuItem'; import { renderMenuItem_unstable } from './renderMenuItem'; -import { useMenuItemStyles_unstable } from './useMenuItemStyles'; +import { useMenuItemStyles_unstable } from './useMenuItemStyles.styles'; import type { MenuItemProps } from './MenuItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-menu/src/components/MenuItem/index.ts b/packages/react-components/react-menu/src/components/MenuItem/index.ts index 0b29cffc22b17..d7dd7263467eb 100644 --- a/packages/react-components/react-menu/src/components/MenuItem/index.ts +++ b/packages/react-components/react-menu/src/components/MenuItem/index.ts @@ -2,4 +2,4 @@ export * from './MenuItem'; export * from './MenuItem.types'; export * from './renderMenuItem'; export * from './useMenuItem'; -export * from './useMenuItemStyles'; +export * from './useMenuItemStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts rename to packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.tsx b/packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.tsx index 2c7ed1b5f2f0f..27a8a0612fbc6 100644 --- a/packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.tsx +++ b/packages/react-components/react-menu/src/components/MenuItemCheckbox/MenuItemCheckbox.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useMenuItemCheckbox_unstable } from './useMenuItemCheckbox'; import { renderMenuItemCheckbox_unstable } from './renderMenuItemCheckbox'; -import { useMenuItemCheckboxStyles_unstable } from './useMenuItemCheckboxStyles'; +import { useMenuItemCheckboxStyles_unstable } from './useMenuItemCheckboxStyles.styles'; import type { MenuItemCheckboxProps } from './MenuItemCheckbox.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-menu/src/components/MenuItemCheckbox/index.ts b/packages/react-components/react-menu/src/components/MenuItemCheckbox/index.ts index a83c37b3b835d..2c8eda2b015be 100644 --- a/packages/react-components/react-menu/src/components/MenuItemCheckbox/index.ts +++ b/packages/react-components/react-menu/src/components/MenuItemCheckbox/index.ts @@ -2,4 +2,4 @@ export * from './MenuItemCheckbox.types'; export * from './MenuItemCheckbox'; export * from './renderMenuItemCheckbox'; export * from './useMenuItemCheckbox'; -export * from './useMenuItemCheckboxStyles'; +export * from './useMenuItemCheckboxStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts b/packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.ts similarity index 98% rename from packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts rename to packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.ts index fbd280b4ecb39..c9d99176b6a14 100644 --- a/packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.ts +++ b/packages/react-components/react-menu/src/components/MenuItemCheckbox/useMenuItemCheckboxStyles.styles.ts @@ -1,6 +1,6 @@ import { mergeClasses } from '@griffel/react'; import { useCheckmarkStyles_unstable } from '../../selectable/index'; -import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles'; +import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { MenuItemSlots } from '../index'; import type { MenuItemCheckboxState } from './MenuItemCheckbox.types'; diff --git a/packages/react-components/react-menu/src/components/MenuItemRadio/MenuItemRadio.tsx b/packages/react-components/react-menu/src/components/MenuItemRadio/MenuItemRadio.tsx index 2297cec627f5e..29987dfca3c4a 100644 --- a/packages/react-components/react-menu/src/components/MenuItemRadio/MenuItemRadio.tsx +++ b/packages/react-components/react-menu/src/components/MenuItemRadio/MenuItemRadio.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useMenuItemRadio_unstable } from './useMenuItemRadio'; import { renderMenuItemRadio_unstable } from './renderMenuItemRadio'; -import { useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles'; +import { useMenuItemRadioStyles_unstable } from './useMenuItemRadioStyles.styles'; import type { MenuItemRadioProps } from './MenuItemRadio.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-menu/src/components/MenuItemRadio/index.ts b/packages/react-components/react-menu/src/components/MenuItemRadio/index.ts index 5fccfd5f89c2c..8ca3847c61329 100644 --- a/packages/react-components/react-menu/src/components/MenuItemRadio/index.ts +++ b/packages/react-components/react-menu/src/components/MenuItemRadio/index.ts @@ -2,4 +2,4 @@ export * from './MenuItemRadio.types'; export * from './MenuItemRadio'; export * from './renderMenuItemRadio'; export * from './useMenuItemRadio'; -export * from './useMenuItemRadioStyles'; +export * from './useMenuItemRadioStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.ts b/packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.styles.ts similarity index 98% rename from packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.ts rename to packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.styles.ts index 7da6c66881a01..d55c3d848a173 100644 --- a/packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.ts +++ b/packages/react-components/react-menu/src/components/MenuItemRadio/useMenuItemRadioStyles.styles.ts @@ -1,6 +1,6 @@ import { mergeClasses } from '@griffel/react'; import { useCheckmarkStyles_unstable } from '../../selectable/index'; -import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles'; +import { useMenuItemStyles_unstable } from '../MenuItem/useMenuItemStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { MenuItemSlots } from '../index'; import type { MenuItemRadioState } from './MenuItemRadio.types'; diff --git a/packages/react-components/react-menu/src/components/MenuList/MenuList.tsx b/packages/react-components/react-menu/src/components/MenuList/MenuList.tsx index 4786a7c9120b3..3e8992f4363d5 100644 --- a/packages/react-components/react-menu/src/components/MenuList/MenuList.tsx +++ b/packages/react-components/react-menu/src/components/MenuList/MenuList.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { useMenuList_unstable } from './useMenuList'; import { renderMenuList_unstable } from './renderMenuList'; import { useMenuListContextValues_unstable } from './useMenuListContextValues'; -import { useMenuListStyles_unstable } from './useMenuListStyles'; +import { useMenuListStyles_unstable } from './useMenuListStyles.styles'; import type { MenuListProps } from './MenuList.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-menu/src/components/MenuList/index.ts b/packages/react-components/react-menu/src/components/MenuList/index.ts index ffa4d4b2b0602..b31eacd3ed553 100644 --- a/packages/react-components/react-menu/src/components/MenuList/index.ts +++ b/packages/react-components/react-menu/src/components/MenuList/index.ts @@ -2,5 +2,5 @@ export * from './MenuList'; export * from './MenuList.types'; export * from './renderMenuList'; export * from './useMenuList'; -export * from './useMenuListStyles'; +export * from './useMenuListStyles.styles'; export * from './useMenuListContextValues'; diff --git a/packages/react-components/react-menu/src/components/MenuList/useMenuListStyles.ts b/packages/react-components/react-menu/src/components/MenuList/useMenuListStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuList/useMenuListStyles.ts rename to packages/react-components/react-menu/src/components/MenuList/useMenuListStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuPopover/MenuPopover.tsx b/packages/react-components/react-menu/src/components/MenuPopover/MenuPopover.tsx index 1e0dbc2573362..fdbd423a2def1 100644 --- a/packages/react-components/react-menu/src/components/MenuPopover/MenuPopover.tsx +++ b/packages/react-components/react-menu/src/components/MenuPopover/MenuPopover.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useMenuPopover_unstable } from './useMenuPopover'; -import { useMenuPopoverStyles_unstable } from './useMenuPopoverStyles'; +import { useMenuPopoverStyles_unstable } from './useMenuPopoverStyles.styles'; import { renderMenuPopover_unstable } from './renderMenuPopover'; import type { MenuPopoverProps } from './MenuPopover.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-menu/src/components/MenuPopover/index.ts b/packages/react-components/react-menu/src/components/MenuPopover/index.ts index 8d0c44ba098a7..84ae361cc00a8 100644 --- a/packages/react-components/react-menu/src/components/MenuPopover/index.ts +++ b/packages/react-components/react-menu/src/components/MenuPopover/index.ts @@ -2,4 +2,4 @@ export * from './MenuPopover'; export * from './MenuPopover.types'; export * from './renderMenuPopover'; export * from './useMenuPopover'; -export * from './useMenuPopoverStyles'; +export * from './useMenuPopoverStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuPopover/useMenuPopoverStyles.ts b/packages/react-components/react-menu/src/components/MenuPopover/useMenuPopoverStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuPopover/useMenuPopoverStyles.ts rename to packages/react-components/react-menu/src/components/MenuPopover/useMenuPopoverStyles.styles.ts diff --git a/packages/react-components/react-menu/src/components/MenuSplitGroup/MenuSplitGroup.tsx b/packages/react-components/react-menu/src/components/MenuSplitGroup/MenuSplitGroup.tsx index 1271e8217e0db..fc090d1da217e 100644 --- a/packages/react-components/react-menu/src/components/MenuSplitGroup/MenuSplitGroup.tsx +++ b/packages/react-components/react-menu/src/components/MenuSplitGroup/MenuSplitGroup.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useMenuSplitGroup_unstable } from './useMenuSplitGroup'; import { renderMenuSplitGroup_unstable } from './renderMenuSplitGroup'; -import { useMenuSplitGroupStyles_unstable } from './useMenuSplitGroupStyles'; +import { useMenuSplitGroupStyles_unstable } from './useMenuSplitGroupStyles.styles'; import type { MenuSplitGroupProps } from './MenuSplitGroup.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-menu/src/components/MenuSplitGroup/index.ts b/packages/react-components/react-menu/src/components/MenuSplitGroup/index.ts index b2a65af21252e..a9bf5ffac60a8 100644 --- a/packages/react-components/react-menu/src/components/MenuSplitGroup/index.ts +++ b/packages/react-components/react-menu/src/components/MenuSplitGroup/index.ts @@ -2,4 +2,4 @@ export * from './MenuSplitGroup'; export * from './MenuSplitGroup.types'; export * from './renderMenuSplitGroup'; export * from './useMenuSplitGroup'; -export * from './useMenuSplitGroupStyles'; +export * from './useMenuSplitGroupStyles.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts b/packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.ts similarity index 99% rename from packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts rename to packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.ts index 683ae56cc594a..318db14dc7524 100644 --- a/packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.ts +++ b/packages/react-components/react-menu/src/components/MenuSplitGroup/useMenuSplitGroupStyles.styles.ts @@ -1,6 +1,6 @@ import { makeStyles, mergeClasses } from '@griffel/react'; import { tokens } from '@fluentui/react-theme'; -import { menuItemClassNames } from '../MenuItem/useMenuItemStyles'; +import { menuItemClassNames } from '../MenuItem/useMenuItemStyles.styles'; import type { MenuSplitGroupSlots, MenuSplitGroupState } from './MenuSplitGroup.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx b/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx index 6b380e0dd3687..f33a6edd402c5 100644 --- a/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx +++ b/packages/react-components/react-menu/src/components/MenuTrigger/MenuTrigger.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useMenuTrigger_unstable } from './useMenuTrigger'; +import { useMenuTrigger_unstable } from './useMenuTrigger.styles'; import { renderMenuTrigger_unstable } from './renderMenuTrigger'; import type { MenuTriggerProps } from './MenuTrigger.types'; import type { FluentTriggerComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-menu/src/components/MenuTrigger/index.ts b/packages/react-components/react-menu/src/components/MenuTrigger/index.ts index b5b4a29882293..87de2ef026bca 100644 --- a/packages/react-components/react-menu/src/components/MenuTrigger/index.ts +++ b/packages/react-components/react-menu/src/components/MenuTrigger/index.ts @@ -1,4 +1,4 @@ export * from './MenuTrigger'; export * from './MenuTrigger.types'; export * from './renderMenuTrigger'; -export * from './useMenuTrigger'; +export * from './useMenuTrigger.styles'; diff --git a/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts b/packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.ts rename to packages/react-components/react-menu/src/components/MenuTrigger/useMenuTrigger.styles.ts diff --git a/packages/react-components/react-menu/src/selectable/index.ts b/packages/react-components/react-menu/src/selectable/index.ts index 3b6e83350f951..6f5ded7fa4194 100644 --- a/packages/react-components/react-menu/src/selectable/index.ts +++ b/packages/react-components/react-menu/src/selectable/index.ts @@ -1,2 +1,2 @@ -export * from './useCheckmarkStyles'; +export * from './useCheckmarkStyles.styles'; export * from './types'; diff --git a/packages/react-components/react-menu/src/selectable/useCheckmarkStyles.ts b/packages/react-components/react-menu/src/selectable/useCheckmarkStyles.styles.ts similarity index 100% rename from packages/react-components/react-menu/src/selectable/useCheckmarkStyles.ts rename to packages/react-components/react-menu/src/selectable/useCheckmarkStyles.styles.ts diff --git a/packages/react-components/react-overflow/src/components/Overflow.tsx b/packages/react-components/react-overflow/src/components/Overflow.tsx index d5b4db2422182..3dbd46e94a6e4 100644 --- a/packages/react-components/react-overflow/src/components/Overflow.tsx +++ b/packages/react-components/react-overflow/src/components/Overflow.tsx @@ -1,25 +1,11 @@ import * as React from 'react'; -import { makeStyles, mergeClasses } from '@griffel/react'; +import { mergeClasses } from '@griffel/react'; import type { OnUpdateOverflow, OverflowGroupState, ObserveOptions } from '@fluentui/priority-overflow'; import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities'; import { OverflowContext } from '../overflowContext'; import { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer'; -import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants'; - -const useStyles = makeStyles({ - overflowMenu: { - [`& [${DATA_OVERFLOW_MENU}]`]: { - flexShrink: 0, - }, - }, - - overflowingItems: { - [`& [${DATA_OVERFLOWING}]`]: { - display: 'none', - }, - }, -}); +import { useOverflowStyles } from './useOverflowStyles.styles'; /** * Overflow Props @@ -34,7 +20,7 @@ export type OverflowProps = Partial< * Provides an OverflowContext for OverflowItem descendants. */ export const Overflow = React.forwardRef((props: OverflowProps, ref) => { - const styles = useStyles(); + const styles = useOverflowStyles(); const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding } = props; diff --git a/packages/react-components/react-overflow/src/components/useOverflowStyles.styles.ts b/packages/react-components/react-overflow/src/components/useOverflowStyles.styles.ts new file mode 100644 index 0000000000000..804444fb6c464 --- /dev/null +++ b/packages/react-components/react-overflow/src/components/useOverflowStyles.styles.ts @@ -0,0 +1,16 @@ +import { makeStyles } from '@griffel/react'; +import { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants'; + +export const useOverflowStyles = makeStyles({ + overflowMenu: { + [`& [${DATA_OVERFLOW_MENU}]`]: { + flexShrink: 0, + }, + }, + + overflowingItems: { + [`& [${DATA_OVERFLOWING}]`]: { + display: 'none', + }, + }, +}); diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.tsx b/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.tsx index 66d07f3e0b338..382cf2adb2281 100644 --- a/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.tsx +++ b/packages/react-components/react-popover/src/components/PopoverSurface/PopoverSurface.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { usePopoverSurface_unstable } from './usePopoverSurface'; import { renderPopoverSurface_unstable } from './renderPopoverSurface'; -import { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles'; +import { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles.styles'; import type { PopoverSurfaceProps } from './PopoverSurface.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/index.ts b/packages/react-components/react-popover/src/components/PopoverSurface/index.ts index 0878d009f3271..ef6e2e67f2830 100644 --- a/packages/react-components/react-popover/src/components/PopoverSurface/index.ts +++ b/packages/react-components/react-popover/src/components/PopoverSurface/index.ts @@ -2,4 +2,4 @@ export * from './PopoverSurface'; export * from './PopoverSurface.types'; export * from './renderPopoverSurface'; export * from './usePopoverSurface'; -export * from './usePopoverSurfaceStyles'; +export * from './usePopoverSurfaceStyles.styles'; diff --git a/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurfaceStyles.ts b/packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurfaceStyles.styles.ts similarity index 100% rename from packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurfaceStyles.ts rename to packages/react-components/react-popover/src/components/PopoverSurface/usePopoverSurfaceStyles.styles.ts diff --git a/packages/react-components/react-portal/src/components/Portal/usePortalMountNode.ts b/packages/react-components/react-portal/src/components/Portal/usePortalMountNode.ts index ffc2e73f903ad..a7ee0d1aba8dd 100644 --- a/packages/react-components/react-portal/src/components/Portal/usePortalMountNode.ts +++ b/packages/react-components/react-portal/src/components/Portal/usePortalMountNode.ts @@ -3,10 +3,12 @@ import { useThemeClassName_unstable as useThemeClassName, useFluent_unstable as useFluent, } from '@fluentui/react-shared-contexts'; -import { makeStyles, mergeClasses } from '@griffel/react'; +import { mergeClasses } from '@griffel/react'; import { useFocusVisible } from '@fluentui/react-tabster'; import { useDisposable } from 'use-disposable'; +import { usePortalMountNodeStylesStyles } from './usePortalMountNodeStyles.styles'; + const useInsertionEffect = (React as never)['useInsertion' + 'Effect'] as typeof React.useLayoutEffect | undefined; export type UsePortalMountNodeOptions = { @@ -18,20 +20,13 @@ export type UsePortalMountNodeOptions = { className?: string; }; -const useStyles = makeStyles({ - root: { - position: 'relative', - zIndex: 1000000, - }, -}); - /** * Creates a new element on a "document.body" to mount portals. */ export const usePortalMountNode = (options: UsePortalMountNodeOptions): HTMLElement | null => { const { targetDocument, dir } = useFluent(); const focusVisibleRef = useFocusVisible() as React.MutableRefObject; - const classes = useStyles(); + const classes = usePortalMountNodeStylesStyles(); const themeClassName = useThemeClassName(); const className = mergeClasses(themeClassName, classes.root, options.className); diff --git a/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts new file mode 100644 index 0000000000000..8ba1b843d5070 --- /dev/null +++ b/packages/react-components/react-portal/src/components/Portal/usePortalMountNodeStyles.styles.ts @@ -0,0 +1,8 @@ +import { makeStyles } from '@griffel/react'; + +export const usePortalMountNodeStylesStyles = makeStyles({ + root: { + position: 'relative', + zIndex: 1000000, + }, +}); diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.tsx b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.tsx index 049ed66fb97a8..6fbcb494a3c1a 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.tsx +++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderFluentProvider_unstable } from './renderFluentProvider'; import { useFluentProvider_unstable } from './useFluentProvider'; -import { useFluentProviderStyles_unstable } from './useFluentProviderStyles'; +import { useFluentProviderStyles_unstable } from './useFluentProviderStyles.styles'; import { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues'; import type { FluentProviderProps } from './FluentProvider.types'; diff --git a/packages/react-components/react-provider/src/components/FluentProvider/index.ts b/packages/react-components/react-provider/src/components/FluentProvider/index.ts index 2542f778ac7f6..1004a7accf870 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/index.ts +++ b/packages/react-components/react-provider/src/components/FluentProvider/index.ts @@ -2,6 +2,6 @@ export * from './FluentProvider'; export * from './FluentProvider.types'; export * from './renderFluentProvider'; export * from './useFluentProvider'; -export * from './useFluentProviderStyles'; +export * from './useFluentProviderStyles.styles'; export * from './useFluentProviderContextValues'; export * from './useFluentProviderThemeStyleTag'; diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.ts b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.styles.ts similarity index 100% rename from packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.ts rename to packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderStyles.styles.ts 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 4145979442488..3751196dcea89 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts +++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts @@ -2,7 +2,7 @@ import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities'; import * as React from 'react'; import type { FluentProviderState } from './FluentProvider.types'; -import { fluentProviderClassNames } from './useFluentProviderStyles'; +import { fluentProviderClassNames } from './useFluentProviderStyles.styles'; // String concatenation is used to prevent bundlers to complain with older versions of React const useInsertionEffect = (React as never)['useInsertion' + 'Effect'] diff --git a/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx b/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx index f343a48003fe3..143a2e4f40f5c 100644 --- a/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx +++ b/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGrid_unstable } from './useDataGrid'; import { renderDataGrid_unstable } from './renderDataGrid'; -import { useDataGridStyles_unstable } from './useDataGridStyles'; +import { useDataGridStyles_unstable } from './useDataGridStyles.styles'; import type { DataGridProps } from './DataGrid.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useDataGridContextValues_unstable } from './useDataGridContextValues'; diff --git a/packages/react-components/react-table/src/components/DataGrid/index.ts b/packages/react-components/react-table/src/components/DataGrid/index.ts index f421b8aa7c553..f876576160de7 100644 --- a/packages/react-components/react-table/src/components/DataGrid/index.ts +++ b/packages/react-components/react-table/src/components/DataGrid/index.ts @@ -2,5 +2,5 @@ export * from './DataGrid'; export * from './DataGrid.types'; export * from './renderDataGrid'; export * from './useDataGrid'; -export * from './useDataGridStyles'; +export * from './useDataGridStyles.styles'; export * from './useDataGridContextValues'; diff --git a/packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts b/packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.styles.ts similarity index 98% rename from packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts rename to packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.styles.ts index a9ec5e97cb67b..75ab5dbd14655 100644 --- a/packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.ts +++ b/packages/react-components/react-table/src/components/DataGrid/useDataGridStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridSlots, DataGridState } from './DataGrid.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableStyles_unstable } from '../Table/useTableStyles'; +import { useTableStyles_unstable } from '../Table/useTableStyles.styles'; export const dataGridClassNames: SlotClassNames = { root: 'fui-DataGrid', diff --git a/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx b/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx index 565e4d6318fba..12f54d4f99200 100644 --- a/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx +++ b/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridBody_unstable } from './useDataGridBody'; import { renderDataGridBody_unstable } from './renderDataGridBody'; -import { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles'; +import { useDataGridBodyStyles_unstable } from './useDataGridBodyStyles.styles'; import type { DataGridBodyProps } from './DataGridBody.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridBody/index.ts b/packages/react-components/react-table/src/components/DataGridBody/index.ts index 2cd323b85ed44..70d2bbdad7493 100644 --- a/packages/react-components/react-table/src/components/DataGridBody/index.ts +++ b/packages/react-components/react-table/src/components/DataGridBody/index.ts @@ -2,4 +2,4 @@ export * from './DataGridBody'; export * from './DataGridBody.types'; export * from './renderDataGridBody'; export * from './useDataGridBody'; -export * from './useDataGridBodyStyles'; +export * from './useDataGridBodyStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts b/packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.styles.ts similarity index 96% rename from packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts rename to packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.styles.ts index b46f062ae745d..fd5393204352d 100644 --- a/packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridBody/useDataGridBodyStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridBodySlots, DataGridBodyState } from './DataGridBody.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles'; +import { useTableBodyStyles_unstable } from '../TableBody/useTableBodyStyles.styles'; export const dataGridBodyClassNames: SlotClassNames = { root: 'fui-DataGridBody', diff --git a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx index 869a865d3ba85..cdb95d92b0924 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridCell_unstable } from './useDataGridCell'; import { renderDataGridCell_unstable } from './renderDataGridCell'; -import { useDataGridCellStyles_unstable } from './useDataGridCellStyles'; +import { useDataGridCellStyles_unstable } from './useDataGridCellStyles.styles'; import type { DataGridCellProps } from './DataGridCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridCell/index.ts b/packages/react-components/react-table/src/components/DataGridCell/index.ts index bb9c252d5b0f2..acc2e821b8f74 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/index.ts +++ b/packages/react-components/react-table/src/components/DataGridCell/index.ts @@ -2,4 +2,4 @@ export * from './DataGridCell'; export * from './DataGridCell.types'; export * from './renderDataGridCell'; export * from './useDataGridCell'; -export * from './useDataGridCellStyles'; +export * from './useDataGridCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.styles.ts similarity index 96% rename from packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts rename to packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.styles.ts index fcb43be655866..3a0754b803c27 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridCell/useDataGridCellStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridCellSlots, DataGridCellState } from './DataGridCell.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles'; +import { useTableCellStyles_unstable } from '../TableCell/useTableCellStyles.styles'; export const dataGridCellClassNames: SlotClassNames = { root: 'fui-DataGridCell', diff --git a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx index 4096bc44e2eab..d70b92843ecd6 100644 --- a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridHeader_unstable } from './useDataGridHeader'; import { renderDataGridHeader_unstable } from './renderDataGridHeader'; -import { useDataGridHeaderStyles_unstable } from './useDataGridHeaderStyles'; +import { useDataGridHeaderStyles_unstable } from './useDataGridHeaderStyles.styles'; import type { DataGridHeaderProps } from './DataGridHeader.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridHeader/index.ts b/packages/react-components/react-table/src/components/DataGridHeader/index.ts index 477a72f22fc16..4b2eca977eb04 100644 --- a/packages/react-components/react-table/src/components/DataGridHeader/index.ts +++ b/packages/react-components/react-table/src/components/DataGridHeader/index.ts @@ -2,4 +2,4 @@ export * from './DataGridHeader'; export * from './DataGridHeader.types'; export * from './renderDataGridHeader'; export * from './useDataGridHeader'; -export * from './useDataGridHeaderStyles'; +export * from './useDataGridHeaderStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts b/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.styles.ts similarity index 96% rename from packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts rename to packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.styles.ts index 230b15e8dfee2..9041cbe07e46f 100644 --- a/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridHeader/useDataGridHeaderStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridHeaderSlots, DataGridHeaderState } from './DataGridHeader.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles'; +import { useTableHeaderStyles_unstable } from '../TableHeader/useTableHeaderStyles.styles'; export const dataGridHeaderClassNames: SlotClassNames = { root: 'fui-DataGridHeader', diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx index abd9fb7f63dd1..15afdbc2fac35 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridHeaderCell_unstable } from './useDataGridHeaderCell'; import { renderDataGridHeaderCell_unstable } from './renderDataGridHeaderCell'; -import { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles'; +import { useDataGridHeaderCellStyles_unstable } from './useDataGridHeaderCellStyles.styles'; import type { DataGridHeaderCellProps } from './DataGridHeaderCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts b/packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts index db9da53f26b38..2a624c8e3bee3 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/index.ts @@ -2,4 +2,4 @@ export * from './DataGridHeaderCell'; export * from './DataGridHeaderCell.types'; export * from './renderDataGridHeaderCell'; export * from './useDataGridHeaderCell'; -export * from './useDataGridHeaderCellStyles'; +export * from './useDataGridHeaderCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts b/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.ts similarity index 96% rename from packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts rename to packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.ts index f5c0d1f9b6e7e..0942aa206d04f 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/useDataGridHeaderCellStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridHeaderCellSlots, DataGridHeaderCellState } from './DataGridHeaderCell.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles'; +import { useTableHeaderCellStyles_unstable } from '../TableHeaderCell/useTableHeaderCellStyles.styles'; export const dataGridHeaderCellClassNames: SlotClassNames = { root: 'fui-DataGridHeaderCell', diff --git a/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx b/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx index dc8f9c92c18ae..36bfd9647550b 100644 --- a/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx +++ b/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridRow_unstable } from './useDataGridRow'; import { renderDataGridRow_unstable } from './renderDataGridRow'; -import { useDataGridRowStyles_unstable } from './useDataGridRowStyles'; +import { useDataGridRowStyles_unstable } from './useDataGridRowStyles.styles'; import type { DataGridRowProps } from './DataGridRow.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridRow/index.ts b/packages/react-components/react-table/src/components/DataGridRow/index.ts index 7f77535e67fcb..a1f4708efd51b 100644 --- a/packages/react-components/react-table/src/components/DataGridRow/index.ts +++ b/packages/react-components/react-table/src/components/DataGridRow/index.ts @@ -2,4 +2,4 @@ export * from './DataGridRow'; export * from './DataGridRow.types'; export * from './renderDataGridRow'; export * from './useDataGridRow'; -export * from './useDataGridRowStyles'; +export * from './useDataGridRowStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.ts b/packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.styles.ts similarity index 97% rename from packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.ts rename to packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.styles.ts index 6fd74d486148a..a2c73909d9c9e 100644 --- a/packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridRow/useDataGridRowStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridRowSlots, DataGridRowState } from './DataGridRow.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableRowStyles_unstable } from '../TableRow/useTableRowStyles'; +import { useTableRowStyles_unstable } from '../TableRow/useTableRowStyles.styles'; export const dataGridRowClassNames: SlotClassNames = { root: 'fui-DataGridRow', diff --git a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.test.tsx b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.test.tsx index 3d6051ac6b994..40e22740df127 100644 --- a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.test.tsx +++ b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.test.tsx @@ -3,7 +3,7 @@ import { fireEvent, render } from '@testing-library/react'; import { DataGridSelectionCell } from './DataGridSelectionCell'; import { isConformant } from '../../testing/isConformant'; import { DataGridSelectionCellProps } from '../../../dist/index'; -import { dataGridSelectionCellClassNames } from './useDataGridSelectionCellStyles'; +import { dataGridSelectionCellClassNames } from './useDataGridSelectionCellStyles.styles'; import { mockDataGridContext } from '../../testing/mockDataGridContext'; import { DataGridContextProvider } from '../../contexts/dataGridContext'; import { DataGridHeader } from '../DataGridHeader/DataGridHeader'; diff --git a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx index 9ee5b2ff85d15..eaeca2e328277 100644 --- a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useDataGridSelectionCell_unstable } from './useDataGridSelectionCell'; import { renderDataGridSelectionCell_unstable } from './renderDataGridSelectionCell'; -import { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionCellStyles'; +import { useDataGridSelectionCellStyles_unstable } from './useDataGridSelectionCellStyles.styles'; import type { DataGridSelectionCellProps } from './DataGridSelectionCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts b/packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts index d06337ec6a34a..4a02154501941 100644 --- a/packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts +++ b/packages/react-components/react-table/src/components/DataGridSelectionCell/index.ts @@ -2,4 +2,4 @@ export * from './DataGridSelectionCell'; export * from './DataGridSelectionCell.types'; export * from './renderDataGridSelectionCell'; export * from './useDataGridSelectionCell'; -export * from './useDataGridSelectionCellStyles'; +export * from './useDataGridSelectionCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.ts b/packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.ts similarity index 96% rename from packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.ts rename to packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.ts index 8fc1f07aa6e59..94a64ded462b1 100644 --- a/packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.ts +++ b/packages/react-components/react-table/src/components/DataGridSelectionCell/useDataGridSelectionCellStyles.styles.ts @@ -1,7 +1,7 @@ import { mergeClasses } from '@griffel/react'; import type { DataGridSelectionCellSlots, DataGridSelectionCellState } from './DataGridSelectionCell.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { useTableSelectionCellStyles_unstable } from '../TableSelectionCell/useTableSelectionCellStyles'; +import { useTableSelectionCellStyles_unstable } from '../TableSelectionCell/useTableSelectionCellStyles.styles'; export const dataGridSelectionCellClassNames: SlotClassNames = { root: 'fui-DataGridSelectionCell', diff --git a/packages/react-components/react-table/src/components/Table/Table.tsx b/packages/react-components/react-table/src/components/Table/Table.tsx index 2461cecf770a0..351473003d80f 100644 --- a/packages/react-components/react-table/src/components/Table/Table.tsx +++ b/packages/react-components/react-table/src/components/Table/Table.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTable_unstable } from './useTable'; import { renderTable_unstable } from './renderTable'; -import { useTableStyles_unstable } from './useTableStyles'; +import { useTableStyles_unstable } from './useTableStyles.styles'; import type { TableProps } from './Table.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useTableContextValues_unstable } from './useTableContextValues'; diff --git a/packages/react-components/react-table/src/components/Table/index.ts b/packages/react-components/react-table/src/components/Table/index.ts index bc41c5a7cc597..62c03067863ef 100644 --- a/packages/react-components/react-table/src/components/Table/index.ts +++ b/packages/react-components/react-table/src/components/Table/index.ts @@ -2,4 +2,4 @@ export * from './Table'; export * from './Table.types'; export * from './renderTable'; export * from './useTable'; -export * from './useTableStyles'; +export * from './useTableStyles.styles'; diff --git a/packages/react-components/react-table/src/components/Table/useTableStyles.ts b/packages/react-components/react-table/src/components/Table/useTableStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/Table/useTableStyles.ts rename to packages/react-components/react-table/src/components/Table/useTableStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableBody/TableBody.tsx b/packages/react-components/react-table/src/components/TableBody/TableBody.tsx index e5914023cd9ae..3083e1c1afaf2 100644 --- a/packages/react-components/react-table/src/components/TableBody/TableBody.tsx +++ b/packages/react-components/react-table/src/components/TableBody/TableBody.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableBody_unstable } from './useTableBody'; import { renderTableBody_unstable } from './renderTableBody'; -import { useTableBodyStyles_unstable } from './useTableBodyStyles'; +import { useTableBodyStyles_unstable } from './useTableBodyStyles.styles'; import type { TableBodyProps } from './TableBody.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableBody/index.ts b/packages/react-components/react-table/src/components/TableBody/index.ts index 8c4dd6cd1a56c..6cba4f6068996 100644 --- a/packages/react-components/react-table/src/components/TableBody/index.ts +++ b/packages/react-components/react-table/src/components/TableBody/index.ts @@ -2,4 +2,4 @@ export * from './TableBody'; export * from './TableBody.types'; export * from './renderTableBody'; export * from './useTableBody'; -export * from './useTableBodyStyles'; +export * from './useTableBodyStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableBody/useTableBodyStyles.ts b/packages/react-components/react-table/src/components/TableBody/useTableBodyStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableBody/useTableBodyStyles.ts rename to packages/react-components/react-table/src/components/TableBody/useTableBodyStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableCell/TableCell.tsx b/packages/react-components/react-table/src/components/TableCell/TableCell.tsx index 0231e23c9a13d..96128ee5211b3 100644 --- a/packages/react-components/react-table/src/components/TableCell/TableCell.tsx +++ b/packages/react-components/react-table/src/components/TableCell/TableCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableCell_unstable } from './useTableCell'; import { renderTableCell_unstable } from './renderTableCell'; -import { useTableCellStyles_unstable } from './useTableCellStyles'; +import { useTableCellStyles_unstable } from './useTableCellStyles.styles'; import type { TableCellProps } from './TableCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableCell/index.ts b/packages/react-components/react-table/src/components/TableCell/index.ts index f8aff12d06ba7..b139f3158cae7 100644 --- a/packages/react-components/react-table/src/components/TableCell/index.ts +++ b/packages/react-components/react-table/src/components/TableCell/index.ts @@ -2,4 +2,4 @@ export * from './TableCell'; export * from './TableCell.types'; export * from './renderTableCell'; export * from './useTableCell'; -export * from './useTableCellStyles'; +export * from './useTableCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableCell/useTableCellStyles.ts b/packages/react-components/react-table/src/components/TableCell/useTableCellStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableCell/useTableCellStyles.ts rename to packages/react-components/react-table/src/components/TableCell/useTableCellStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx index f6108a1f10598..61a0e575f7090 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx +++ b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableCellActions_unstable } from './useTableCellActions'; import { renderTableCellActions_unstable } from './renderTableCellActions'; -import { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles'; +import { useTableCellActionsStyles_unstable } from './useTableCellActionsStyles.styles'; import type { TableCellActionsProps } from './TableCellActions.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableCellActions/index.ts b/packages/react-components/react-table/src/components/TableCellActions/index.ts index 888f8d60a4dbb..e804786b725db 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/index.ts +++ b/packages/react-components/react-table/src/components/TableCellActions/index.ts @@ -2,4 +2,4 @@ export * from './TableCellActions'; export * from './TableCellActions.types'; export * from './renderTableCellActions'; export * from './useTableCellActions'; -export * from './useTableCellActionsStyles'; +export * from './useTableCellActionsStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableCellActions/useTableCellActionsStyles.ts b/packages/react-components/react-table/src/components/TableCellActions/useTableCellActionsStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableCellActions/useTableCellActionsStyles.ts rename to packages/react-components/react-table/src/components/TableCellActions/useTableCellActionsStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx index 90ccb32c50edc..055d77820fdef 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx +++ b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableCellLayout_unstable } from './useTableCellLayout'; import { renderTableCellLayout_unstable } from './renderTableCellLayout'; -import { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles'; +import { useTableCellLayoutStyles_unstable } from './useTableCellLayoutStyles.styles'; import { useTableCellLayoutContextValues_unstable } from './useTableCellLayoutContextValues'; import type { TableCellLayoutProps } from './TableCellLayout.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-table/src/components/TableCellLayout/index.ts b/packages/react-components/react-table/src/components/TableCellLayout/index.ts index c76976f4a904e..ed50c859d49c1 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/index.ts +++ b/packages/react-components/react-table/src/components/TableCellLayout/index.ts @@ -2,4 +2,4 @@ export * from './TableCellLayout'; export * from './TableCellLayout.types'; export * from './renderTableCellLayout'; export * from './useTableCellLayout'; -export * from './useTableCellLayoutStyles'; +export * from './useTableCellLayoutStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts b/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts rename to packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx b/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx index 54a36922baa0e..a4b17c9c5649d 100644 --- a/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx +++ b/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableHeader_unstable } from './useTableHeader'; import { renderTableHeader_unstable } from './renderTableHeader'; -import { useTableHeaderStyles_unstable } from './useTableHeaderStyles'; +import { useTableHeaderStyles_unstable } from './useTableHeaderStyles.styles'; import type { TableHeaderProps } from './TableHeader.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableHeader/index.ts b/packages/react-components/react-table/src/components/TableHeader/index.ts index 35201a649691c..5833e1a260034 100644 --- a/packages/react-components/react-table/src/components/TableHeader/index.ts +++ b/packages/react-components/react-table/src/components/TableHeader/index.ts @@ -2,4 +2,4 @@ export * from './TableHeader'; export * from './TableHeader.types'; export * from './renderTableHeader'; export * from './useTableHeader'; -export * from './useTableHeaderStyles'; +export * from './useTableHeaderStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts b/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts rename to packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx index 9a97cd5d8376d..3fe52ae6e3902 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableHeaderCell_unstable } from './useTableHeaderCell'; import { renderTableHeaderCell_unstable } from './renderTableHeaderCell'; -import { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles'; +import { useTableHeaderCellStyles_unstable } from './useTableHeaderCellStyles.styles'; import type { TableHeaderCellProps } from './TableHeaderCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/index.ts b/packages/react-components/react-table/src/components/TableHeaderCell/index.ts index 05fc1673fa6ea..f3c47af321ee1 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/index.ts +++ b/packages/react-components/react-table/src/components/TableHeaderCell/index.ts @@ -2,4 +2,4 @@ export * from './TableHeaderCell'; export * from './TableHeaderCell.types'; export * from './renderTableHeaderCell'; export * from './useTableHeaderCell'; -export * from './useTableHeaderCellStyles'; +export * from './useTableHeaderCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.ts b/packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.ts rename to packages/react-components/react-table/src/components/TableHeaderCell/useTableHeaderCellStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx b/packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx index 48baf470cb615..9e21f4d72d533 100644 --- a/packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx +++ b/packages/react-components/react-table/src/components/TableResizeHandle/TableResizeHandle.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableResizeHandle_unstable } from './useTableResizeHandle'; import { renderTableResizeHandle_unstable } from './renderTableResizeHandle'; -import { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles'; +import { useTableResizeHandleStyles_unstable } from './useTableResizeHandleStyles.styles'; import type { TableResizeHandleProps } from './TableResizeHandle.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableResizeHandle/index.ts b/packages/react-components/react-table/src/components/TableResizeHandle/index.ts index 412c6ccf8fc7d..3d1ea5ea6a7fb 100644 --- a/packages/react-components/react-table/src/components/TableResizeHandle/index.ts +++ b/packages/react-components/react-table/src/components/TableResizeHandle/index.ts @@ -2,4 +2,4 @@ export * from './TableResizeHandle'; export * from './TableResizeHandle.types'; export * from './renderTableResizeHandle'; export * from './useTableResizeHandle'; -export * from './useTableResizeHandleStyles'; +export * from './useTableResizeHandleStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandleStyles.ts b/packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandleStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandleStyles.ts rename to packages/react-components/react-table/src/components/TableResizeHandle/useTableResizeHandleStyles.styles.ts diff --git a/packages/react-components/react-table/src/components/TableRow/TableRow.tsx b/packages/react-components/react-table/src/components/TableRow/TableRow.tsx index ac8c2aadf3cd8..ef865ec244e94 100644 --- a/packages/react-components/react-table/src/components/TableRow/TableRow.tsx +++ b/packages/react-components/react-table/src/components/TableRow/TableRow.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableRow_unstable } from './useTableRow'; import { renderTableRow_unstable } from './renderTableRow'; -import { useTableRowStyles_unstable } from './useTableRowStyles'; +import { useTableRowStyles_unstable } from './useTableRowStyles.styles'; import type { TableRowProps } from './TableRow.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableRow/index.ts b/packages/react-components/react-table/src/components/TableRow/index.ts index 04ac572ad59e7..2c11c5c63deea 100644 --- a/packages/react-components/react-table/src/components/TableRow/index.ts +++ b/packages/react-components/react-table/src/components/TableRow/index.ts @@ -2,4 +2,4 @@ export * from './TableRow'; export * from './TableRow.types'; export * from './renderTableRow'; export * from './useTableRow'; -export * from './useTableRowStyles'; +export * from './useTableRowStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.ts b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts similarity index 98% rename from packages/react-components/react-table/src/components/TableRow/useTableRowStyles.ts rename to packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts index f81165c875e13..5d0428f07fcc6 100644 --- a/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.ts +++ b/packages/react-components/react-table/src/components/TableRow/useTableRowStyles.styles.ts @@ -2,8 +2,8 @@ import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { tokens } from '@fluentui/react-theme'; import type { TableRowSlots, TableRowState } from './TableRow.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; -import { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles'; -import { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles'; +import { tableCellActionsClassNames } from '../TableCellActions/useTableCellActionsStyles.styles'; +import { tableSelectionCellClassNames } from '../TableSelectionCell/useTableSelectionCellStyles.styles'; import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; export const tableRowClassName = 'fui-TableRow'; diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.test.tsx b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.test.tsx index 37bde18504ae1..8e588344607c0 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.test.tsx +++ b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.test.tsx @@ -5,7 +5,7 @@ import { TableSelectionCell } from './TableSelectionCell'; import { isConformant } from '../../testing/isConformant'; import { TableSelectionCellProps } from './TableSelectionCell.types'; import { tableContextDefaultValue, TableContextProvider } from '../../contexts/tableContext'; -import { tableSelectionCellClassNames } from './useTableSelectionCellStyles'; +import { tableSelectionCellClassNames } from './useTableSelectionCellStyles.styles'; const tr = document.createElement('tr'); describe('TableSelectionCell', () => { diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx index c6cea6d292325..0bee270a7beae 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx +++ b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTableSelectionCell_unstable } from './useTableSelectionCell'; import { renderTableSelectionCell_unstable } from './renderTableSelectionCell'; -import { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles'; +import { useTableSelectionCellStyles_unstable } from './useTableSelectionCellStyles.styles'; import type { TableSelectionCellProps } from './TableSelectionCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/index.ts b/packages/react-components/react-table/src/components/TableSelectionCell/index.ts index 25e99a893b946..d5fabee4714b5 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/index.ts +++ b/packages/react-components/react-table/src/components/TableSelectionCell/index.ts @@ -2,4 +2,4 @@ export * from './TableSelectionCell'; export * from './TableSelectionCell.types'; export * from './renderTableSelectionCell'; export * from './useTableSelectionCell'; -export * from './useTableSelectionCellStyles'; +export * from './useTableSelectionCellStyles.styles'; diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.ts b/packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.styles.ts similarity index 100% rename from packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.ts rename to packages/react-components/react-table/src/components/TableSelectionCell/useTableSelectionCellStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.tsx b/packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.tsx index 4a454af882ae0..68ed049c95d20 100644 --- a/packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.tsx +++ b/packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useToolbar_unstable } from './useToolbar'; import { renderToolbar_unstable } from './renderToolbar'; -import { useToolbarStyles_unstable } from './useToolbarStyles'; +import { useToolbarStyles_unstable } from './useToolbarStyles.styles'; import type { ToolbarProps } from './Toolbar.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useToolbarContextValues_unstable } from './useToolbarContextValues'; diff --git a/packages/react-components/react-toolbar/src/components/Toolbar/index.ts b/packages/react-components/react-toolbar/src/components/Toolbar/index.ts index f95378e9bd6b2..69923b5119d08 100644 --- a/packages/react-components/react-toolbar/src/components/Toolbar/index.ts +++ b/packages/react-components/react-toolbar/src/components/Toolbar/index.ts @@ -2,4 +2,4 @@ export * from './Toolbar'; export * from './Toolbar.types'; export * from './renderToolbar'; export * from './useToolbar'; -export * from './useToolbarStyles'; +export * from './useToolbarStyles.styles'; diff --git a/packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.ts b/packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.ts rename to packages/react-components/react-toolbar/src/components/Toolbar/useToolbarStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx b/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx index 1d4db5f7d309c..1d08bc07b92b7 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx +++ b/packages/react-components/react-toolbar/src/components/ToolbarButton/ToolbarButton.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import type { ToolbarButtonProps } from './ToolbarButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderButton_unstable } from '@fluentui/react-button'; -import { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles'; +import { useToolbarButtonStyles_unstable } from './useToolbarButtonStyles.styles'; import { useToolbarButton_unstable } from './useToolbarButton'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarButton/index.ts b/packages/react-components/react-toolbar/src/components/ToolbarButton/index.ts index ea2b104a69c55..07f7480541e08 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarButton/index.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarButton/index.ts @@ -1,4 +1,4 @@ export * from './ToolbarButton'; export * from './ToolbarButton.types'; export * from './useToolbarButton'; -export * from './useToolbarButtonStyles'; +export * from './useToolbarButtonStyles.styles'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.ts b/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.ts rename to packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.tsx b/packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.tsx index 2d782d28f5d7d..95e8a33a4c454 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.tsx +++ b/packages/react-components/react-toolbar/src/components/ToolbarDivider/ToolbarDivider.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles'; +import { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles'; import type { ToolbarDividerProps } from './ToolbarDivider.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderDivider_unstable } from '@fluentui/react-divider'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarDivider/index.ts b/packages/react-components/react-toolbar/src/components/ToolbarDivider/index.ts index 3359e5be98b32..0ebab6cffe848 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarDivider/index.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarDivider/index.ts @@ -1,4 +1,4 @@ export * from './ToolbarDivider'; export * from './ToolbarDivider.types'; -export * from './useToolbarDividerStyles'; +export * from './useToolbarDividerStyles.styles'; export * from './useToolbarDivider'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDividerStyles.ts b/packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDividerStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDividerStyles.ts rename to packages/react-components/react-toolbar/src/components/ToolbarDivider/useToolbarDividerStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx b/packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx index c04c294b3d593..4bddc84627086 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx +++ b/packages/react-components/react-toolbar/src/components/ToolbarGroup/ToolbarGroup.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import type { ToolbarGroupProps } from './ToolbarGroup.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useToolbarGroup_unstable } from './useToolbarGroup'; -import { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles'; +import { useToolbarGroupStyles_unstable } from './useToolbarGroupStyles.styles'; import { renderToolbarGroup_unstable } from './renderToolbarGroup'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts b/packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts index 730484358f752..66bd4a383dbdc 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarGroup/index.ts @@ -1,5 +1,5 @@ export * from './ToolbarGroup'; export * from './ToolbarGroup.types'; export * from './useToolbarGroup'; -export * from './useToolbarGroupStyles'; +export * from './useToolbarGroupStyles.styles'; export * from './renderToolbarGroup'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts b/packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts rename to packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx b/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx index 89c26fec2c496..af670034ce45d 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx +++ b/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx @@ -3,7 +3,7 @@ import type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderToggleButton_unstable } from '@fluentui/react-button'; import { useToolbarRadioButton_unstable } from './useToolbarRadioButton'; -import { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles'; +import { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; /** diff --git a/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts b/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts index 91f7efc3c7502..b3e066045727e 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts @@ -1,4 +1,4 @@ export * from './ToolbarRadioButton'; export * from './ToolbarRadioButton.types'; export * from './useToolbarRadioButton'; -export * from './useToolbarRadioButtonStyles'; +export * from './useToolbarRadioButtonStyles.styles'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts b/packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts rename to packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.ts diff --git a/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx b/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx index de23a76ef0b34..446e767906075 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx +++ b/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx @@ -3,7 +3,7 @@ import type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderToggleButton_unstable } from '@fluentui/react-button'; import { useToolbarToggleButton_unstable } from './useToolbarToggleButton'; -import { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles'; +import { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; /** diff --git a/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts b/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts index ad4700e597dcc..cfd874ac1e2ce 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts @@ -1,4 +1,4 @@ export * from './ToolbarToggleButton'; export * from './ToolbarToggleButton.types'; export * from './useToolbarToggleButton'; -export * from './useToolbarToggleButtonStyles'; +export * from './useToolbarToggleButtonStyles.styles'; diff --git a/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts b/packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts rename to packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.tsx b/packages/react-components/react-tree/src/components/Tree/Tree.tsx index 2c5a4c5e5a173..ee9016afd7607 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.tsx +++ b/packages/react-components/react-tree/src/components/Tree/Tree.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTree_unstable } from './useTree'; import { renderTree_unstable } from './renderTree'; -import { useTreeStyles_unstable } from './useTreeStyles'; +import { useTreeStyles_unstable } from './useTreeStyles.styles'; import type { TreeProps } from './Tree.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useTreeContextValues_unstable } from './useTreeContextValues'; diff --git a/packages/react-components/react-tree/src/components/Tree/index.ts b/packages/react-components/react-tree/src/components/Tree/index.ts index 74cb6cbad4ce4..d20cc73b01b66 100644 --- a/packages/react-components/react-tree/src/components/Tree/index.ts +++ b/packages/react-components/react-tree/src/components/Tree/index.ts @@ -2,5 +2,5 @@ export * from './Tree'; export * from './Tree.types'; export * from './renderTree'; export * from './useTree'; -export * from './useTreeStyles'; +export * from './useTreeStyles.styles'; export * from './useTreeContextValues'; diff --git a/packages/react-components/react-tree/src/components/Tree/useTreeStyles.ts b/packages/react-components/react-tree/src/components/Tree/useTreeStyles.styles.ts similarity index 100% rename from packages/react-components/react-tree/src/components/Tree/useTreeStyles.ts rename to packages/react-components/react-tree/src/components/Tree/useTreeStyles.styles.ts diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx index 0a5646e496787..4a79c204c7e02 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx @@ -3,7 +3,7 @@ import { render } from '@testing-library/react'; import { TreeItem } from './TreeItem'; import { isConformant } from '../../testing/isConformant'; import { TreeItemProps } from './TreeItem.types'; -import { treeItemClassNames } from './useTreeItemStyles'; +import { treeItemClassNames } from './useTreeItemStyles.styles'; describe('TreeItem', () => { isConformant({ diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx index 036727d24ec97..9d4e8ac7df285 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTreeItem_unstable } from './useTreeItem'; import { renderTreeItem_unstable } from './renderTreeItem'; -import { useTreeItemStyles_unstable } from './useTreeItemStyles'; +import { useTreeItemStyles_unstable } from './useTreeItemStyles.styles'; import type { TreeItemProps } from './TreeItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useTreeItemContextValues_unstable } from './useTreeItemContextValues'; diff --git a/packages/react-components/react-tree/src/components/TreeItem/index.ts b/packages/react-components/react-tree/src/components/TreeItem/index.ts index 782392551a2c7..13edf795ebafd 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/index.ts +++ b/packages/react-components/react-tree/src/components/TreeItem/index.ts @@ -2,4 +2,4 @@ export * from './TreeItem'; export * from './TreeItem.types'; export * from './renderTreeItem'; export * from './useTreeItem'; -export * from './useTreeItemStyles'; +export * from './useTreeItemStyles.styles'; diff --git a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx index ea8479cd00454..0fc5c07644517 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx @@ -3,7 +3,7 @@ import { getNativeElementProps, isResolvedShorthand, resolveShorthand, useId } f import { ChevronRight12Regular } from '@fluentui/react-icons'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; import { useEventCallback } from '@fluentui/react-utilities'; -import { expandIconInlineStyles } from './useTreeItemStyles'; +import { expandIconInlineStyles } from './useTreeItemStyles.styles'; import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Home } from '@fluentui/keyboard-keys'; import { useMergedRefs } from '@fluentui/react-utilities'; import { elementContains } from '@fluentui/react-portal'; diff --git a/packages/react-components/react-tree/src/components/TreeItem/useTreeItemStyles.ts b/packages/react-components/react-tree/src/components/TreeItem/useTreeItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-tree/src/components/TreeItem/useTreeItemStyles.ts rename to packages/react-components/react-tree/src/components/TreeItem/useTreeItemStyles.styles.ts diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx index 7de4b11e7d2a2..07b36cf2917db 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTreeItemLayout_unstable } from './useTreeItemLayout'; import { renderTreeItemLayout_unstable } from './renderTreeItemLayout'; -import { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles'; +import { useTreeItemLayoutStyles_unstable } from './useTreeItemLayoutStyles.styles'; import type { TreeItemLayoutProps } from './TreeItemLayout.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/index.ts b/packages/react-components/react-tree/src/components/TreeItemLayout/index.ts index dde92733e51c3..106a4ff9418a7 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/index.ts +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/index.ts @@ -2,4 +2,4 @@ export * from './TreeItemLayout'; export * from './TreeItemLayout.types'; export * from './renderTreeItemLayout'; export * from './useTreeItemLayout'; -export * from './useTreeItemLayoutStyles'; +export * from './useTreeItemLayoutStyles.styles'; diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.ts b/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.styles.ts similarity index 100% rename from packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.ts rename to packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayoutStyles.styles.ts diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx index 55ede65c081c0..04861958f7b09 100644 --- a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx +++ b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useTreeItemPersonaLayout_unstable } from './useTreeItemPersonaLayout'; import { renderTreeItemPersonaLayout_unstable } from './renderTreeItemPersonaLayout'; -import { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles'; +import { useTreeItemPersonaLayoutStyles_unstable } from './useTreeItemPersonaLayoutStyles.styles'; import type { TreeItemPersonaLayoutProps } from './TreeItemPersonaLayout.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues'; diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/index.ts b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/index.ts index 991ac32128c44..7a14fd4503d7c 100644 --- a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/index.ts +++ b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/index.ts @@ -2,4 +2,4 @@ export * from './TreeItemPersonaLayout'; export * from './TreeItemPersonaLayout.types'; export * from './renderTreeItemPersonaLayout'; export * from './useTreeItemPersonaLayout'; -export * from './useTreeItemPersonaLayoutStyles'; +export * from './useTreeItemPersonaLayoutStyles.styles'; diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.ts similarity index 100% rename from packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts rename to packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.styles.ts