diff --git a/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json b/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json new file mode 100644 index 00000000000000..8b537ece145777 --- /dev/null +++ b/change/@fluentui-react-avatar-4dcc2dda-2c06-40ae-a470-fe31e7e590c0.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-avatar", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json b/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json new file mode 100644 index 00000000000000..f83020f690df79 --- /dev/null +++ b/change/@fluentui-react-badge-4331f494-c456-4abe-979c-b6b951160968.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-badge", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json b/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json new file mode 100644 index 00000000000000..60174df7d2337b --- /dev/null +++ b/change/@fluentui-react-button-4dd3c0d3-ef8c-4cad-9037-d02351896796.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-button", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json b/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json new file mode 100644 index 00000000000000..a0cef02f02a55f --- /dev/null +++ b/change/@fluentui-react-checkbox-320896ab-38af-4156-89fe-216ef2406e87.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-checkbox", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json b/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json new file mode 100644 index 00000000000000..c6fab62a7a1e80 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-6171355b-d1b3-4486-9dd1-60593ea037f8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-datepicker-compat", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json b/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json new file mode 100644 index 00000000000000..3031e5c2a9eeb9 --- /dev/null +++ b/change/@fluentui-react-field-0ba2564a-2a43-4917-badc-1b34a24559b6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-field", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json b/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json new file mode 100644 index 00000000000000..78c95cd9c9cfb0 --- /dev/null +++ b/change/@fluentui-react-infobutton-d0d934b3-5320-413f-9efc-d9bb1d67ae25.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-infobutton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json b/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json new file mode 100644 index 00000000000000..29ad243a5350c8 --- /dev/null +++ b/change/@fluentui-react-input-d2f00642-9b3e-4cd7-b464-50a8b4a9092c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-input", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json b/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json new file mode 100644 index 00000000000000..035a6b3328115e --- /dev/null +++ b/change/@fluentui-react-label-8eefd0a0-8ece-4f6c-bc55-ddaa4edc62d4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-label", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json b/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json new file mode 100644 index 00000000000000..a1d49d545753df --- /dev/null +++ b/change/@fluentui-react-link-27f8457a-61e2-40ff-951f-70e9ee60d1d4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-link", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json b/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json new file mode 100644 index 00000000000000..efaa5e7e0749a7 --- /dev/null +++ b/change/@fluentui-react-persona-d62921b6-b5c0-408c-9c95-07e22833e410.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-persona", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json b/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json new file mode 100644 index 00000000000000..37daadac33057b --- /dev/null +++ b/change/@fluentui-react-progress-02b62137-0430-49d7-b9c4-fb4032de2a72.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-progress", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json b/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json new file mode 100644 index 00000000000000..e3c54ffe563f05 --- /dev/null +++ b/change/@fluentui-react-radio-7d0c7d56-ee46-4308-959f-49fb1eb9f577.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-radio", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json new file mode 100644 index 00000000000000..3ce06293683eca --- /dev/null +++ b/change/@fluentui-react-skeleton-50e30320-4803-4403-a4e3-ad463e7134bf.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-skeleton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json b/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json new file mode 100644 index 00000000000000..e389812a6de235 --- /dev/null +++ b/change/@fluentui-react-spinbutton-a866fa25-1598-4d9f-a2a2-bf50dfc5226b.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-spinbutton", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json b/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json new file mode 100644 index 00000000000000..f7080b09bb712d --- /dev/null +++ b/change/@fluentui-react-spinner-e9512161-6252-4093-b8c5-07cf2e3d51c5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-spinner", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json b/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json new file mode 100644 index 00000000000000..fadecfb2041090 --- /dev/null +++ b/change/@fluentui-react-switch-a35a71c1-8d26-4f49-894e-9c8d3eb27ac0.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-switch", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json b/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json new file mode 100644 index 00000000000000..855c3d5774048a --- /dev/null +++ b/change/@fluentui-react-textarea-41cf17e8-7afd-4d6a-92bf-29e5d0b4ad86.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-textarea", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json b/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json new file mode 100644 index 00000000000000..90d3c9e7a87a8a --- /dev/null +++ b/change/@fluentui-react-tooltip-6fdda25e-8e95-4877-846f-66558e6a4a7d.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: move makeStyles() calls to .styles.ts files", + "packageName": "@fluentui/react-tooltip", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx b/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx index 246fb12945aab3..0fbbc8340169c7 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx +++ b/packages/react-components/react-avatar/src/components/Avatar/Avatar.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { isConformant } from '../../testing/isConformant'; import { Avatar } from './Avatar'; import { render, screen } from '@testing-library/react'; -import { avatarClassNames } from './useAvatarStyles'; +import { avatarClassNames } from './useAvatarStyles.styles'; import { DEFAULT_STRINGS } from './useAvatar'; describe('Avatar', () => { diff --git a/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx b/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx index 923e6f9079e51d..98dfb77bd5002e 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx +++ b/packages/react-components/react-avatar/src/components/Avatar/Avatar.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { renderAvatar_unstable } from './renderAvatar'; import { useAvatar_unstable } from './useAvatar'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarStyles_unstable } from './useAvatarStyles'; +import { useAvatarStyles_unstable } from './useAvatarStyles.styles'; import type { AvatarProps } from './Avatar.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/Avatar/index.ts b/packages/react-components/react-avatar/src/components/Avatar/index.ts index 5641bfd7b3bebb..d10c3d89de1d57 100644 --- a/packages/react-components/react-avatar/src/components/Avatar/index.ts +++ b/packages/react-components/react-avatar/src/components/Avatar/index.ts @@ -2,4 +2,4 @@ export * from './Avatar.types'; export * from './Avatar'; export * from './renderAvatar'; export * from './useAvatar'; -export * from './useAvatarStyles'; +export * from './useAvatarStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts b/packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.styles.ts similarity index 100% rename from packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.ts rename to packages/react-components/react-avatar/src/components/Avatar/useAvatarStyles.styles.ts diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx b/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx index 424dada196e5f1..9b16cf4ee0e5ee 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/AvatarGroup.tsx @@ -3,7 +3,7 @@ import { renderAvatarGroup_unstable } from './renderAvatarGroup'; import { useAvatarGroup_unstable } from './useAvatarGroup'; import { useAvatarGroupContextValues } from './useAvatarGroupContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles'; +import { useAvatarGroupStyles_unstable } from './useAvatarGroupStyles.styles'; import type { AvatarGroupProps } from './AvatarGroup.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts index fcd3bb96e2b6b6..95618fcc1b7d34 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/index.ts @@ -2,5 +2,5 @@ export * from './AvatarGroup'; export * from './AvatarGroup.types'; export * from './renderAvatarGroup'; export * from './useAvatarGroup'; -export * from './useAvatarGroupStyles'; +export * from './useAvatarGroupStyles.styles'; export * from './useAvatarGroupContextValues'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts similarity index 94% rename from packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts index 919771c27e4db5..f718af7676bfd4 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.styles.ts @@ -1,6 +1,6 @@ import { makeStyles, mergeClasses } from '@griffel/react'; import { tokens } from '@fluentui/react-theme'; -import { useSizeStyles } from '../Avatar/useAvatarStyles'; +import { useSizeStyles } from '../Avatar/useAvatarStyles.styles'; import type { AvatarGroupSlots, AvatarGroupState } from './AvatarGroup.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx index aafb752bc596f3..94a54c94e722a9 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupItem/AvatarGroupItem.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { renderAvatarGroupItem_unstable } from './renderAvatarGroupItem'; import { useAvatarGroupItem_unstable } from './useAvatarGroupItem'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles'; +import { useAvatarGroupItemStyles_unstable } from './useAvatarGroupItemStyles.styles'; import type { AvatarGroupItemProps } from './AvatarGroupItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts index c120de3fe011ed..9e10c244cc7acd 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupItem/index.ts @@ -2,4 +2,4 @@ export * from './AvatarGroupItem'; export * from './AvatarGroupItem.types'; export * from './renderAvatarGroupItem'; export * from './useAvatarGroupItem'; -export * from './useAvatarGroupItemStyles'; +export * from './useAvatarGroupItemStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroupItem/useAvatarGroupItemStyles.styles.ts diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx index 003ae62a5c3a11..ddec3ad5a3ca72 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { AvatarGroupItem } from '../AvatarGroupItem/AvatarGroupItem'; import { AvatarGroupPopover } from './AvatarGroupPopover'; -import { avatarGroupPopoverClassNames } from './useAvatarGroupPopoverStyles'; +import { avatarGroupPopoverClassNames } from './useAvatarGroupPopoverStyles.styles'; import { isConformant } from '../../testing/isConformant'; import { render, RenderResult, screen } from '@testing-library/react'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx index 21a2a0ddb935c1..27d2af261736f1 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/AvatarGroupPopover.tsx @@ -3,7 +3,7 @@ import { renderAvatarGroupPopover_unstable } from './renderAvatarGroupPopover'; import { useAvatarGroupPopoverContextValues } from './useAvatarGroupPopoverContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { useAvatarGroupPopover_unstable } from './useAvatarGroupPopover'; -import { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles'; +import { useAvatarGroupPopoverStyles_unstable } from './useAvatarGroupPopoverStyles.styles'; import type { AvatarGroupPopoverProps } from './AvatarGroupPopover.types'; /** diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts index 16cc71a50aa56d..272834b2b801dc 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/index.ts @@ -2,4 +2,4 @@ export * from './AvatarGroupPopover'; export * from './AvatarGroupPopover.types'; export * from './renderAvatarGroupPopover'; export * from './useAvatarGroupPopover'; -export * from './useAvatarGroupPopoverStyles'; +export * from './useAvatarGroupPopoverStyles.styles'; diff --git a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts similarity index 98% rename from packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts rename to packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts index 0350ad9c9dd5d8..e95178adad99e8 100644 --- a/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts +++ b/packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.styles.ts @@ -1,8 +1,8 @@ import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { tokens, typographyStyles } from '@fluentui/react-theme'; -import { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles'; -import { useSizeStyles } from '../Avatar/useAvatarStyles'; +import { useGroupChildClassName } from '../AvatarGroupItem/useAvatarGroupItemStyles.styles'; +import { useSizeStyles } from '../Avatar/useAvatarStyles.styles'; import type { AvatarGroupPopoverSlots, AvatarGroupPopoverState } from './AvatarGroupPopover.types'; import type { SlotClassNames } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-badge/src/components/Badge/Badge.tsx b/packages/react-components/react-badge/src/components/Badge/Badge.tsx index 50fd66812c03a3..30c3c6f84b6a81 100644 --- a/packages/react-components/react-badge/src/components/Badge/Badge.tsx +++ b/packages/react-components/react-badge/src/components/Badge/Badge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useBadge_unstable } from './useBadge'; -import { useBadgeStyles_unstable } from './useBadgeStyles'; +import { useBadgeStyles_unstable } from './useBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from './renderBadge'; import type { BadgeProps } from './Badge.types'; diff --git a/packages/react-components/react-badge/src/components/Badge/index.ts b/packages/react-components/react-badge/src/components/Badge/index.ts index 91594e6ab5cee2..b74a9cefb773fb 100644 --- a/packages/react-components/react-badge/src/components/Badge/index.ts +++ b/packages/react-components/react-badge/src/components/Badge/index.ts @@ -3,4 +3,4 @@ export * from './Badge'; export type { BadgeProps, BadgeSlots, BadgeState } from './Badge.types'; export * from './renderBadge'; export * from './useBadge'; -export * from './useBadgeStyles'; +export * from './useBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts b/packages/react-components/react-badge/src/components/Badge/useBadgeStyles.styles.ts similarity index 100% rename from packages/react-components/react-badge/src/components/Badge/useBadgeStyles.ts rename to packages/react-components/react-badge/src/components/Badge/useBadgeStyles.styles.ts diff --git a/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx b/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx index eb3443ecf60200..5f6c9416d2cf4e 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx +++ b/packages/react-components/react-badge/src/components/CounterBadge/CounterBadge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useCounterBadge_unstable } from './useCounterBadge'; -import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles'; +import { useCounterBadgeStyles_unstable } from './useCounterBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from '../Badge/index'; import type { CounterBadgeProps } from './CounterBadge.types'; diff --git a/packages/react-components/react-badge/src/components/CounterBadge/index.ts b/packages/react-components/react-badge/src/components/CounterBadge/index.ts index db71e455affdb7..2534ccd5622dda 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/index.ts +++ b/packages/react-components/react-badge/src/components/CounterBadge/index.ts @@ -1,4 +1,4 @@ export * from './CounterBadge'; export * from './CounterBadge.types'; export * from './useCounterBadge'; -export * from './useCounterBadgeStyles'; +export * from './useCounterBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts b/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts similarity index 99% rename from packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts rename to packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts index e9188d3433e64a..7cb8a987d9f804 100644 --- a/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.styles.ts @@ -1,5 +1,5 @@ import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles'; +import { useBadgeStyles_unstable } from '../Badge/useBadgeStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { BadgeSlots } from '../Badge/Badge.types'; import type { CounterBadgeState } from './CounterBadge.types'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx b/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx index ec47b57beca8ab..78218b570024e9 100644 --- a/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx +++ b/packages/react-components/react-badge/src/components/PresenceBadge/PresenceBadge.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { usePresenceBadge_unstable } from './usePresenceBadge'; -import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles'; +import { usePresenceBadgeStyles_unstable } from './usePresenceBadgeStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; import { renderBadge_unstable } from '../../Badge'; import type { PresenceBadgeProps } from './PresenceBadge.types'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/index.ts b/packages/react-components/react-badge/src/components/PresenceBadge/index.ts index b76261edb855ee..704bb60868e687 100644 --- a/packages/react-components/react-badge/src/components/PresenceBadge/index.ts +++ b/packages/react-components/react-badge/src/components/PresenceBadge/index.ts @@ -1,4 +1,4 @@ export * from './PresenceBadge'; export * from './PresenceBadge.types'; export * from './usePresenceBadge'; -export * from './usePresenceBadgeStyles'; +export * from './usePresenceBadgeStyles.styles'; diff --git a/packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts b/packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts similarity index 100% rename from packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts rename to packages/react-components/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.styles.ts diff --git a/packages/react-components/react-button/src/components/Button/Button.tsx b/packages/react-components/react-button/src/components/Button/Button.tsx index 9e608b6130cdf0..2ab70e0fec1df6 100644 --- a/packages/react-components/react-button/src/components/Button/Button.tsx +++ b/packages/react-components/react-button/src/components/Button/Button.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderButton_unstable } from './renderButton'; import { useButton_unstable } from './useButton'; -import { useButtonStyles_unstable } from './useButtonStyles'; +import { useButtonStyles_unstable } from './useButtonStyles.styles'; import type { ButtonProps } from './Button.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/Button/index.ts b/packages/react-components/react-button/src/components/Button/index.ts index aed7aa52a83e25..13abd561ef142f 100644 --- a/packages/react-components/react-button/src/components/Button/index.ts +++ b/packages/react-components/react-button/src/components/Button/index.ts @@ -3,4 +3,4 @@ export * from './Button'; export type { ButtonProps, ButtonSlots, ButtonState } from './Button.types'; export * from './renderButton'; export * from './useButton'; -export { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles'; +export { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/Button/useButtonStyles.ts b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-button/src/components/Button/useButtonStyles.ts rename to packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts diff --git a/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx b/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx index 950655c931eafe..4ad7a5c4615c29 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx +++ b/packages/react-components/react-button/src/components/CompoundButton/CompoundButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderCompoundButton_unstable } from './renderCompoundButton'; import { useCompoundButton_unstable } from './useCompoundButton'; -import { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles'; +import { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { CompoundButtonProps } from './CompoundButton.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/CompoundButton/index.ts b/packages/react-components/react-button/src/components/CompoundButton/index.ts index c03cf9a82ace7c..e5682a639bc944 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/index.ts +++ b/packages/react-components/react-button/src/components/CompoundButton/index.ts @@ -2,4 +2,4 @@ export * from './CompoundButton'; export * from './CompoundButton.types'; export * from './renderCompoundButton'; export * from './useCompoundButton'; -export { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles'; +export { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts b/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts rename to packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts index b2acd1992a6018..41501e16a65cc6 100644 --- a/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts +++ b/packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.styles.ts @@ -1,6 +1,6 @@ import { tokens } from '@fluentui/react-theme'; import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { CompoundButtonSlots, CompoundButtonState } from './CompoundButton.types'; diff --git a/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx b/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx index c513929211a6f0..5d3b1148818428 100644 --- a/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx +++ b/packages/react-components/react-button/src/components/MenuButton/MenuButton.test.tsx @@ -4,7 +4,7 @@ import userEvent from '@testing-library/user-event'; import { isConformant } from '../../testing/isConformant'; import { MenuButton } from './MenuButton'; import { MenuButtonProps } from './MenuButton.types'; -import { menuButtonClassNames } from './useMenuButtonStyles'; +import { menuButtonClassNames } from './useMenuButtonStyles.styles'; describe('MenuButton', () => { isConformant({ diff --git a/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx b/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx index c08ced5c95bf0c..84bbb98f373380 100644 --- a/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx +++ b/packages/react-components/react-button/src/components/MenuButton/MenuButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderMenuButton_unstable } from './renderMenuButton'; import { useMenuButton_unstable } from './useMenuButton'; -import { useMenuButtonStyles_unstable } from './useMenuButtonStyles'; +import { useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles'; import type { MenuButtonProps } from './MenuButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/MenuButton/index.ts b/packages/react-components/react-button/src/components/MenuButton/index.ts index 1a2f243d7c1b3b..3c101cb75fb087 100644 --- a/packages/react-components/react-button/src/components/MenuButton/index.ts +++ b/packages/react-components/react-button/src/components/MenuButton/index.ts @@ -2,4 +2,4 @@ export * from './MenuButton.types'; export * from './MenuButton'; export * from './renderMenuButton'; export * from './useMenuButton'; -export { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles'; +export { menuButtonClassNames, useMenuButtonStyles_unstable } from './useMenuButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts rename to packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts index ce8c0866695e3f..2c4a2062bb956b 100644 --- a/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts +++ b/packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.styles.ts @@ -2,7 +2,7 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons import { tokens } from '@fluentui/react-theme'; import type { SlotClassNames } from '@fluentui/react-utilities'; import { mergeClasses, makeStyles, shorthands } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { MenuButtonSlots, MenuButtonState } from './MenuButton.types'; export const menuButtonClassNames: SlotClassNames = { diff --git a/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx b/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx index 1efd20161e41b1..6896cad7436621 100644 --- a/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx +++ b/packages/react-components/react-button/src/components/SplitButton/SplitButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderSplitButton_unstable } from './renderSplitButton'; import { useSplitButton_unstable } from './useSplitButton'; -import { useSplitButtonStyles_unstable } from './useSplitButtonStyles'; +import { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles'; import type { SplitButtonProps } from './SplitButton.types'; import { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/SplitButton/index.ts b/packages/react-components/react-button/src/components/SplitButton/index.ts index 916cfacdcab8d4..e2093e966b8822 100644 --- a/packages/react-components/react-button/src/components/SplitButton/index.ts +++ b/packages/react-components/react-button/src/components/SplitButton/index.ts @@ -2,4 +2,4 @@ export * from './SplitButton'; export * from './SplitButton.types'; export * from './renderSplitButton'; export * from './useSplitButton'; -export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles'; +export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.ts b/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.ts rename to packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts diff --git a/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx b/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx index b3fc2f371ac874..125f007ab22ff8 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx +++ b/packages/react-components/react-button/src/components/ToggleButton/ToggleButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderToggleButton_unstable } from './renderToggleButton'; import { useToggleButton_unstable } from './useToggleButton'; -import { useToggleButtonStyles_unstable } from './useToggleButtonStyles'; +import { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles'; import type { ToggleButtonProps } from './ToggleButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-button/src/components/ToggleButton/index.ts b/packages/react-components/react-button/src/components/ToggleButton/index.ts index f73efaf5130655..e2c9e651ddf016 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/index.ts +++ b/packages/react-components/react-button/src/components/ToggleButton/index.ts @@ -2,4 +2,4 @@ export * from './ToggleButton'; export * from './ToggleButton.types'; export * from './renderToggleButton'; export * from './useToggleButton'; -export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles'; +export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles'; diff --git a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts similarity index 99% rename from packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts rename to packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts index f86d55ca9a80ba..eb59db2e7e4889 100644 --- a/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.ts +++ b/packages/react-components/react-button/src/components/ToggleButton/useToggleButtonStyles.styles.ts @@ -2,7 +2,7 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster'; import { tokens } from '@fluentui/react-theme'; import { shorthands, mergeClasses, makeStyles } from '@griffel/react'; -import { useButtonStyles_unstable } from '../Button/useButtonStyles'; +import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { ButtonSlots } from '../Button/Button.types'; import type { ToggleButtonState } from './ToggleButton.types'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx b/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx index f38a43f4b6d803..a780c422c1c7f6 100644 --- a/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx +++ b/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useCheckbox_unstable } from './useCheckbox'; import { renderCheckbox_unstable } from './renderCheckbox'; -import { useCheckboxStyles_unstable } from './useCheckboxStyles'; +import { useCheckboxStyles_unstable } from './useCheckboxStyles.styles'; import type { CheckboxProps } from './Checkbox.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/index.ts b/packages/react-components/react-checkbox/src/components/Checkbox/index.ts index 7d0737ecf30ec5..80df796a399fc1 100644 --- a/packages/react-components/react-checkbox/src/components/Checkbox/index.ts +++ b/packages/react-components/react-checkbox/src/components/Checkbox/index.ts @@ -2,4 +2,4 @@ export * from './Checkbox'; export * from './Checkbox.types'; export * from './renderCheckbox'; export * from './useCheckbox'; -export * from './useCheckboxStyles'; +export * from './useCheckboxStyles.styles'; diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.ts b/packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.styles.ts similarity index 100% rename from packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.ts rename to packages/react-components/react-checkbox/src/components/Checkbox/useCheckboxStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx b/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx index b96bda0a2ca009..70b03f288ae824 100644 --- a/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/Calendar/Calendar.tsx @@ -14,7 +14,7 @@ import { } from '../../utils'; import { CalendarDay } from '../CalendarDay/CalendarDay'; import { CalendarMonth } from '../CalendarMonth/CalendarMonth'; -import { useCalendarStyles_unstable } from './useCalendarStyles'; +import { useCalendarStyles_unstable } from './useCalendarStyles.styles'; import type { ICalendarDay } from '../CalendarDay/CalendarDay.types'; import type { ICalendarMonth } from '../CalendarMonth/CalendarMonth.types'; import type { CalendarProps } from './Calendar.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts b/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts index 2ddec78ce3226c..e03daab6f730fb 100644 --- a/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/Calendar/index.ts @@ -1,4 +1,4 @@ export * from './Calendar'; export * from './Calendar.types'; -export * from './useCalendarStyles'; +export * from './useCalendarStyles.styles'; export { defaultCalendarStrings } from './defaults'; diff --git a/packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.ts b/packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/Calendar/useCalendarStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx index c97047633558ee..7d3ac925a13795 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/CalendarDay.tsx @@ -5,7 +5,7 @@ import { useId } from '@fluentui/react-utilities'; import { mergeClasses } from '@griffel/react'; import { addMonths, compareDatePart, getMonthEnd, getMonthStart } from '../../utils'; import { CalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid'; -import { useCalendarDayStyles_unstable } from './useCalendarDayStyles'; +import { useCalendarDayStyles_unstable } from './useCalendarDayStyles.styles'; import type { ICalendarDayGrid } from '../CalendarDayGrid/CalendarDayGrid.types'; import type { CalendarDayProps, CalendarDayStyles } from './CalendarDay.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts index 9d0c4c2684a883..e7be79824e0009 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/index.ts @@ -1,3 +1,3 @@ export * from './CalendarDay'; export * from './CalendarDay.types'; -export * from './useCalendarDayStyles'; +export * from './useCalendarDayStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDay/useCalendarDayStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx index 78a9956110fd2d..4c3b7bc89d72ac 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx @@ -2,11 +2,11 @@ import * as React from 'react'; import { useArrowNavigationGroup } from '@fluentui/react-tabster'; import { useId } from '@fluentui/react-utilities'; import { getBoundedDateRange, getDateRangeArray, isRestrictedDate, DateRangeType, DayOfWeek } from '../../utils'; -import { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles'; +import { useCalendarDayGridStyles_unstable } from './useCalendarDayGridStyles.styles'; import { CalendarMonthHeaderRow } from './CalendarMonthHeaderRow'; import { CalendarGridRow } from './CalendarGridRow'; import { useWeeks } from './useWeeks'; -import { useWeekCornerStyles, WeekCorners } from './useWeekCornerStyles'; +import { useWeekCornerStyles, WeekCorners } from './useWeekCornerStyles.styles'; import { mergeClasses } from '@griffel/react'; import type { Day } from '../../utils'; import type { CalendarDayGridProps } from './CalendarDayGrid.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx index 7af91fdd078730..843d53be01a8e6 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridDayCell.tsx @@ -4,8 +4,8 @@ import { getRTLSafeKey } from '@fluentui/react-utilities'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; import { mergeClasses } from '@griffel/react'; import { addDays, addWeeks, compareDates, findAvailableDate, DateRangeType } from '../../utils'; -import { weekCornersClassNames } from './useWeekCornerStyles'; -import { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles'; +import { weekCornersClassNames } from './useWeekCornerStyles.styles'; +import { extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles'; import type { AvailableDateOptions } from '../../utils'; import type { DayInfo } from './CalendarDayGrid'; import type { CalendarGridRowProps } from './CalendarGridRow'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx index 2b54420b9ae792..0c6eb8e928addc 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarGridRow.tsx @@ -3,7 +3,7 @@ import { getWeekNumbersInMonth } from '../../utils'; import { CalendarGridDayCell } from './CalendarGridDayCell'; import type { CalendarDayGridProps, CalendarDayGridStyles } from './CalendarDayGrid.types'; import type { DayInfo } from './CalendarDayGrid'; -import type { WeekCorners } from './useWeekCornerStyles'; +import type { WeekCorners } from './useWeekCornerStyles.styles'; /** * @internal diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts index 6a77d9911036dc..5b26ba8bc2f066 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/index.ts @@ -1,5 +1,5 @@ export * from './CalendarDayGrid'; export * from './CalendarDayGrid.types'; -export * from './useCalendarDayGridStyles'; -export { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles'; -export type { WeekCorners } from './useWeekCornerStyles'; +export * from './useCalendarDayGridStyles.styles'; +export { calendarDayGridClassNames, extraCalendarDayGridClassNames } from './useCalendarDayGridStyles.styles'; +export type { WeekCorners } from './useWeekCornerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts similarity index 99% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts index d7f9c5f10dc62b..a54ab99d1b4ff3 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useCalendarDayGridStyles.styles.ts @@ -16,7 +16,7 @@ import { TRANSITION_ROW_DISAPPEARANCE, } from '../../utils'; import { AnimationDirection } from '../Calendar/Calendar.types'; -import { weekCornersClassNames } from './useWeekCornerStyles'; +import { weekCornersClassNames } from './useWeekCornerStyles.styles'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { CalendarDayGridStyles, CalendarDayGridStyleProps } from './CalendarDayGrid.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/useWeekCornerStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts index 7d7be506b453c4..2127843467aac2 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarMonth/useCalendarMonthStyles.ts @@ -1,4 +1,4 @@ -import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles'; +import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles'; import type { CalendarMonthStyleProps, CalendarMonthStyles } from './CalendarMonth.types'; /** diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts index 5831223b103f2c..45fa614ab928d6 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/index.ts @@ -1,2 +1,2 @@ export * from './CalendarPicker.types'; -export * from './useCalendarPickerStyles'; +export * from './useCalendarPickerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarPicker/useCalendarPickerStyles.styles.ts diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx index 1282d635e49ea7..b1749e779908c1 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/CalendarYear.tsx @@ -4,7 +4,7 @@ import { ArrowDownRegular, ArrowUpRegular } from '@fluentui/react-icons'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; import { useArrowNavigationGroup } from '@fluentui/react-tabster'; import { mergeClasses } from '@griffel/react'; -import { useCalendarYearStyles_unstable } from './useCalendarYearStyles'; +import { useCalendarYearStyles_unstable } from './useCalendarYearStyles.styles'; import type { CalendarYearStrings, CalendarYearProps, diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts index 17644f289001a2..d03d1a5c9d2fe0 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/index.ts @@ -1,3 +1,3 @@ export * from './CalendarYear'; export * from './CalendarYear.types'; -export * from './useCalendarYearStyles'; +export * from './useCalendarYearStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts similarity index 91% rename from packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts index 95512b1ce4832e..e81f0c58cc0f97 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarYear/useCalendarYearStyles.styles.ts @@ -1,4 +1,4 @@ -import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles'; +import { useCalendarPickerStyles_unstable } from '../CalendarPicker/useCalendarPickerStyles.styles'; import type { CalendarYearStyleProps, CalendarYearStyles } from './CalendarYear.types'; /** diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx index 0f29dc07ad0dc6..b11b6394a759ea 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { fireEvent, render, RenderResult } from '@testing-library/react'; import { DatePicker } from './DatePicker'; import { isConformant } from '../../testing/isConformant'; -import { datePickerClassNames } from './useDatePickerStyles'; +import { datePickerClassNames } from './useDatePickerStyles.styles'; import { resetIdsForTests } from '@fluentui/react-utilities'; // testing-library's queryByRole function doesn't look inside portals diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx index 8b5a6225523ad6..d951e166cf0a6f 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderDatePicker_unstable } from './renderDatePicker'; import { useDatePicker_unstable } from './useDatePicker'; -import { useDatePickerStyles_unstable } from './useDatePickerStyles'; +import { useDatePickerStyles_unstable } from './useDatePickerStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { DatePickerProps } from './DatePicker.types'; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts index 22b33b88eed32b..c2a86e3f747f16 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/index.ts @@ -3,4 +3,4 @@ export * from './DatePicker'; export * from './DatePicker.types'; export * from './renderDatePicker'; export * from './useDatePicker'; -export * from './useDatePickerStyles'; +export * from './useDatePickerStyles.styles'; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.styles.ts similarity index 100% rename from packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts rename to packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.styles.ts diff --git a/packages/react-components/react-field/src/components/Field/Field.tsx b/packages/react-components/react-field/src/components/Field/Field.tsx index 49133a8d0ddb2a..541f2158dfe3a6 100644 --- a/packages/react-components/react-field/src/components/Field/Field.tsx +++ b/packages/react-components/react-field/src/components/Field/Field.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { FieldProps } from './Field.types'; import { renderField_unstable } from './renderField'; import { useField_unstable } from './useField'; -import { useFieldStyles_unstable } from './useFieldStyles'; +import { useFieldStyles_unstable } from './useFieldStyles.styles'; import { useFieldContextValues_unstable } from '../../contexts/index'; export const Field: ForwardRefComponent = React.forwardRef((props, ref) => { diff --git a/packages/react-components/react-field/src/components/Field/index.ts b/packages/react-components/react-field/src/components/Field/index.ts index 58de843dab1d0a..a18c35b78a94f5 100644 --- a/packages/react-components/react-field/src/components/Field/index.ts +++ b/packages/react-components/react-field/src/components/Field/index.ts @@ -2,4 +2,4 @@ export * from './Field.types'; export * from './Field'; export * from './renderField'; export * from './useField'; -export * from './useFieldStyles'; +export * from './useFieldStyles.styles'; diff --git a/packages/react-components/react-field/src/components/Field/useFieldStyles.ts b/packages/react-components/react-field/src/components/Field/useFieldStyles.styles.ts similarity index 100% rename from packages/react-components/react-field/src/components/Field/useFieldStyles.ts rename to packages/react-components/react-field/src/components/Field/useFieldStyles.styles.ts diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx index 0a1918c8997acc..68c1fb065394c9 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx @@ -1,6 +1,6 @@ import { InfoButton } from './InfoButton'; import { isConformant } from '../../testing/isConformant'; -import { infoButtonClassNames } from './useInfoButtonStyles'; +import { infoButtonClassNames } from './useInfoButtonStyles.styles'; import type { RenderResult } from '@testing-library/react'; // testing-library's queryByRole function doesn't look inside portals diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx index 867bc036864b26..626c887e3503f6 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ForwardRefComponent } from '@fluentui/react-utilities'; import { renderInfoButton_unstable } from './renderInfoButton'; import { useInfoButton_unstable } from './useInfoButton'; -import { useInfoButtonStyles_unstable } from './useInfoButtonStyles'; +import { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles'; import type { InfoButtonProps } from './InfoButton.types'; /** diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/index.ts b/packages/react-components/react-infobutton/src/components/InfoButton/index.ts index caa9ae82b7cdd3..5dd78b2d5989e6 100644 --- a/packages/react-components/react-infobutton/src/components/InfoButton/index.ts +++ b/packages/react-components/react-infobutton/src/components/InfoButton/index.ts @@ -2,4 +2,4 @@ export * from './InfoButton'; export * from './InfoButton.types'; export * from './renderInfoButton'; export * from './useInfoButton'; -export * from './useInfoButtonStyles'; +export * from './useInfoButtonStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.ts rename to packages/react-components/react-infobutton/src/components/InfoButton/useInfoButtonStyles.styles.ts diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx index ccd509c21f69a9..69b12ad1e0577c 100644 --- a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx @@ -4,7 +4,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { InfoLabelProps } from './InfoLabel.types'; import { renderInfoLabel_unstable } from './renderInfoLabel'; import { useInfoLabel_unstable } from './useInfoLabel'; -import { useInfoLabelStyles_unstable } from './useInfoLabelStyles'; +import { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles'; /** * InfoLabel component diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts index 4511700f741cdf..2f2b2f38df5bfc 100644 --- a/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts @@ -2,4 +2,4 @@ export * from './InfoLabel'; export * from './InfoLabel.types'; export * from './renderInfoLabel'; export * from './useInfoLabel'; -export * from './useInfoLabelStyles'; +export * from './useInfoLabelStyles.styles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.styles.ts similarity index 100% rename from packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts rename to packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.styles.ts diff --git a/packages/react-components/react-input/src/components/Input/Input.tsx b/packages/react-components/react-input/src/components/Input/Input.tsx index e8c197cc08837e..04479c9b734d56 100644 --- a/packages/react-components/react-input/src/components/Input/Input.tsx +++ b/packages/react-components/react-input/src/components/Input/Input.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useInput_unstable } from './useInput'; import { renderInput_unstable } from './renderInput'; -import { useInputStyles_unstable } from './useInputStyles'; +import { useInputStyles_unstable } from './useInputStyles.styles'; import type { InputProps } from './Input.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-input/src/components/Input/index.ts b/packages/react-components/react-input/src/components/Input/index.ts index 902a4e5b6c0a6b..6c560f63800fbb 100644 --- a/packages/react-components/react-input/src/components/Input/index.ts +++ b/packages/react-components/react-input/src/components/Input/index.ts @@ -2,4 +2,4 @@ export * from './Input'; export * from './Input.types'; export * from './renderInput'; export * from './useInput'; -export * from './useInputStyles'; +export * from './useInputStyles.styles'; diff --git a/packages/react-components/react-input/src/components/Input/useInputStyles.ts b/packages/react-components/react-input/src/components/Input/useInputStyles.styles.ts similarity index 100% rename from packages/react-components/react-input/src/components/Input/useInputStyles.ts rename to packages/react-components/react-input/src/components/Input/useInputStyles.styles.ts diff --git a/packages/react-components/react-label/src/components/Label/Label.tsx b/packages/react-components/react-label/src/components/Label/Label.tsx index dd1278bfc4014f..902b2433c1d958 100644 --- a/packages/react-components/react-label/src/components/Label/Label.tsx +++ b/packages/react-components/react-label/src/components/Label/Label.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useLabel_unstable } from './useLabel'; import { renderLabel_unstable } from './renderLabel'; -import { useLabelStyles_unstable } from './useLabelStyles'; +import { useLabelStyles_unstable } from './useLabelStyles.styles'; import type { LabelProps } from './Label.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-label/src/components/Label/index.ts b/packages/react-components/react-label/src/components/Label/index.ts index 1f1611f932d12e..48994071fd36d8 100644 --- a/packages/react-components/react-label/src/components/Label/index.ts +++ b/packages/react-components/react-label/src/components/Label/index.ts @@ -2,4 +2,4 @@ export * from './Label'; export * from './Label.types'; export * from './renderLabel'; export * from './useLabel'; -export * from './useLabelStyles'; +export * from './useLabelStyles.styles'; diff --git a/packages/react-components/react-label/src/components/Label/useLabelStyles.ts b/packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts similarity index 100% rename from packages/react-components/react-label/src/components/Label/useLabelStyles.ts rename to packages/react-components/react-label/src/components/Label/useLabelStyles.styles.ts diff --git a/packages/react-components/react-link/src/components/Link/Link.tsx b/packages/react-components/react-link/src/components/Link/Link.tsx index 75f4f9887801af..ac581a28416c45 100644 --- a/packages/react-components/react-link/src/components/Link/Link.tsx +++ b/packages/react-components/react-link/src/components/Link/Link.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { useLink_unstable } from './useLink'; -import { useLinkStyles_unstable } from './useLinkStyles'; +import { useLinkStyles_unstable } from './useLinkStyles.styles'; import { renderLink_unstable } from './renderLink'; import type { LinkProps } from './Link.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-link/src/components/Link/index.ts b/packages/react-components/react-link/src/components/Link/index.ts index 7b45d7f01fa9a8..9301f7f49ea997 100644 --- a/packages/react-components/react-link/src/components/Link/index.ts +++ b/packages/react-components/react-link/src/components/Link/index.ts @@ -3,4 +3,4 @@ export * from './Link.types'; export * from './renderLink'; export * from './useLink'; export * from './useLinkState'; -export * from './useLinkStyles'; +export * from './useLinkStyles.styles'; diff --git a/packages/react-components/react-link/src/components/Link/useLinkStyles.ts b/packages/react-components/react-link/src/components/Link/useLinkStyles.styles.ts similarity index 100% rename from packages/react-components/react-link/src/components/Link/useLinkStyles.ts rename to packages/react-components/react-link/src/components/Link/useLinkStyles.styles.ts diff --git a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx b/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx index d76325ea88c69e..43b6c38e408fd4 100644 --- a/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx +++ b/packages/react-components/react-persona/src/components/Persona/Persona.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { isConformant } from '../../testing/isConformant'; import { omit } from '@fluentui/react-utilities'; import { Persona } from './Persona'; -import { personaClassNames } from './usePersonaStyles'; +import { personaClassNames } from './usePersonaStyles.styles'; import { render, screen } from '@testing-library/react'; describe('Persona', () => { diff --git a/packages/react-components/react-persona/src/components/Persona/Persona.tsx b/packages/react-components/react-persona/src/components/Persona/Persona.tsx index ae2c8dfda0a865..fbed5e04cdfad7 100644 --- a/packages/react-components/react-persona/src/components/Persona/Persona.tsx +++ b/packages/react-components/react-persona/src/components/Persona/Persona.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderPersona_unstable } from './renderPersona'; import { usePersona_unstable } from './usePersona'; -import { usePersonaStyles_unstable } from './usePersonaStyles'; +import { usePersonaStyles_unstable } from './usePersonaStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { PersonaProps } from './Persona.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-persona/src/components/Persona/index.ts b/packages/react-components/react-persona/src/components/Persona/index.ts index 5c74f72ff3dbc6..fbe484c63048ae 100644 --- a/packages/react-components/react-persona/src/components/Persona/index.ts +++ b/packages/react-components/react-persona/src/components/Persona/index.ts @@ -2,4 +2,4 @@ export * from './Persona'; export * from './Persona.types'; export * from './renderPersona'; export * from './usePersona'; -export * from './usePersonaStyles'; +export * from './usePersonaStyles.styles'; diff --git a/packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts b/packages/react-components/react-persona/src/components/Persona/usePersonaStyles.styles.ts similarity index 100% rename from packages/react-components/react-persona/src/components/Persona/usePersonaStyles.ts rename to packages/react-components/react-persona/src/components/Persona/usePersonaStyles.styles.ts diff --git a/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx b/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx index 57a4947157c257..29e6ad098fe785 100644 --- a/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx +++ b/packages/react-components/react-progress/src/components/ProgressBar/ProgressBar.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useProgressBar_unstable } from './useProgressBar'; import { renderProgressBar_unstable } from './renderProgressBar'; -import { useProgressBarStyles_unstable } from './useProgressBarStyles'; +import { useProgressBarStyles_unstable } from './useProgressBarStyles.styles'; import type { ProgressBarProps } from './ProgressBar.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-progress/src/components/ProgressBar/index.ts b/packages/react-components/react-progress/src/components/ProgressBar/index.ts index 23bf0c0756c32c..535b489ef99bf2 100644 --- a/packages/react-components/react-progress/src/components/ProgressBar/index.ts +++ b/packages/react-components/react-progress/src/components/ProgressBar/index.ts @@ -2,4 +2,4 @@ export * from './ProgressBar'; export * from './ProgressBar.types'; export * from './renderProgressBar'; export * from './useProgressBar'; -export * from './useProgressBarStyles'; +export * from './useProgressBarStyles.styles'; diff --git a/packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts b/packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.styles.ts similarity index 100% rename from packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.ts rename to packages/react-components/react-progress/src/components/ProgressBar/useProgressBarStyles.styles.ts diff --git a/packages/react-components/react-radio/src/components/Radio/Radio.tsx b/packages/react-components/react-radio/src/components/Radio/Radio.tsx index 6a4637640fab25..08599f7d95a39e 100644 --- a/packages/react-components/react-radio/src/components/Radio/Radio.tsx +++ b/packages/react-components/react-radio/src/components/Radio/Radio.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { RadioProps } from './Radio.types'; import { renderRadio_unstable } from './renderRadio'; import { useRadio_unstable } from './useRadio'; -import { useRadioStyles_unstable } from './useRadioStyles'; +import { useRadioStyles_unstable } from './useRadioStyles.styles'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; /** diff --git a/packages/react-components/react-radio/src/components/Radio/index.ts b/packages/react-components/react-radio/src/components/Radio/index.ts index f69bc1f6d69e3f..5cf3a3bd0267b8 100644 --- a/packages/react-components/react-radio/src/components/Radio/index.ts +++ b/packages/react-components/react-radio/src/components/Radio/index.ts @@ -2,4 +2,4 @@ export * from './Radio'; export * from './Radio.types'; export * from './renderRadio'; export * from './useRadio'; -export * from './useRadioStyles'; +export * from './useRadioStyles.styles'; diff --git a/packages/react-components/react-radio/src/components/Radio/useRadioStyles.ts b/packages/react-components/react-radio/src/components/Radio/useRadioStyles.styles.ts similarity index 100% rename from packages/react-components/react-radio/src/components/Radio/useRadioStyles.ts rename to packages/react-components/react-radio/src/components/Radio/useRadioStyles.styles.ts diff --git a/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx index f222f4169aca7d..845a021afb66d5 100644 --- a/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx +++ b/packages/react-components/react-radio/src/components/RadioGroup/RadioGroup.tsx @@ -3,7 +3,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { RadioGroupProps } from './RadioGroup.types'; import { renderRadioGroup_unstable } from './renderRadioGroup'; import { useRadioGroup_unstable } from './useRadioGroup'; -import { useRadioGroupStyles_unstable } from './useRadioGroupStyles'; +import { useRadioGroupStyles_unstable } from './useRadioGroupStyles.styles'; import { useRadioGroupContextValues } from '../../contexts/useRadioGroupContextValues'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-radio/src/components/RadioGroup/index.ts b/packages/react-components/react-radio/src/components/RadioGroup/index.ts index f6430b58da8a57..e8fe3953340a19 100644 --- a/packages/react-components/react-radio/src/components/RadioGroup/index.ts +++ b/packages/react-components/react-radio/src/components/RadioGroup/index.ts @@ -2,4 +2,4 @@ export * from './RadioGroup'; export * from './RadioGroup.types'; export * from './renderRadioGroup'; export * from './useRadioGroup'; -export * from './useRadioGroupStyles'; +export * from './useRadioGroupStyles.styles'; diff --git a/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts b/packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.styles.ts similarity index 100% rename from packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.ts rename to packages/react-components/react-radio/src/components/RadioGroup/useRadioGroupStyles.styles.ts diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx b/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx index 838f9e497233f0..af79e7819bcd2f 100644 --- a/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx +++ b/packages/react-components/react-skeleton/src/components/SkeletonItem/SkeletonItem.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSkeletonItem_unstable } from './useSkeletonItem'; import { renderSkeletonItem_unstable } from './renderSkeletonItem'; -import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles'; +import { useSkeletonItemStyles_unstable } from './useSkeletonItemStyles.styles'; import type { SkeletonItemProps } from './SkeletonItem.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts b/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts index a17a851f08e5d7..63490a2e6e2352 100644 --- a/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts +++ b/packages/react-components/react-skeleton/src/components/SkeletonItem/index.ts @@ -2,4 +2,4 @@ export * from './SkeletonItem'; export * from './SkeletonItem.types'; export * from './renderSkeletonItem'; export * from './useSkeletonItem'; -export * from './useSkeletonItemStyles'; +export * from './useSkeletonItemStyles.styles'; diff --git a/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts b/packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.ts rename to packages/react-components/react-skeleton/src/components/SkeletonItem/useSkeletonItemStyles.styles.ts diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx index 22ee917655a530..c9f89c0abbb73a 100644 --- a/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx +++ b/packages/react-components/react-spinbutton/src/components/SpinButton/SpinButton.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSpinButton_unstable } from './useSpinButton'; import { renderSpinButton_unstable } from './renderSpinButton'; -import { useSpinButtonStyles_unstable } from './useSpinButtonStyles'; +import { useSpinButtonStyles_unstable } from './useSpinButtonStyles.styles'; import type { SpinButtonProps } from './SpinButton.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts index 89eb026295e0ea..d8ff4f37771085 100644 --- a/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts +++ b/packages/react-components/react-spinbutton/src/components/SpinButton/index.ts @@ -2,4 +2,4 @@ export * from './SpinButton'; export * from './SpinButton.types'; export * from './renderSpinButton'; export * from './useSpinButton'; -export * from './useSpinButtonStyles'; +export * from './useSpinButtonStyles.styles'; diff --git a/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts b/packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.styles.ts similarity index 100% rename from packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.ts rename to packages/react-components/react-spinbutton/src/components/SpinButton/useSpinButtonStyles.styles.ts diff --git a/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx b/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx index d0737299e025a5..68960739cc7911 100644 --- a/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx +++ b/packages/react-components/react-spinner/src/components/Spinner/Spinner.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSpinner_unstable } from './useSpinner'; import { renderSpinner_unstable } from './renderSpinner'; -import { useSpinnerStyles_unstable } from './useSpinnerStyles'; +import { useSpinnerStyles_unstable } from './useSpinnerStyles.styles'; import type { SpinnerProps } from './Spinner.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-spinner/src/components/Spinner/index.ts b/packages/react-components/react-spinner/src/components/Spinner/index.ts index 13a43eb7f804ee..314d2206d0fd54 100644 --- a/packages/react-components/react-spinner/src/components/Spinner/index.ts +++ b/packages/react-components/react-spinner/src/components/Spinner/index.ts @@ -2,4 +2,4 @@ export * from './Spinner'; export * from './Spinner.types'; export * from './renderSpinner'; export * from './useSpinner'; -export * from './useSpinnerStyles'; +export * from './useSpinnerStyles.styles'; diff --git a/packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts b/packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.styles.ts similarity index 100% rename from packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.ts rename to packages/react-components/react-spinner/src/components/Spinner/useSpinnerStyles.styles.ts diff --git a/packages/react-components/react-switch/src/components/Switch/Switch.tsx b/packages/react-components/react-switch/src/components/Switch/Switch.tsx index 7a320888c797a3..72cfb17e3f7723 100644 --- a/packages/react-components/react-switch/src/components/Switch/Switch.tsx +++ b/packages/react-components/react-switch/src/components/Switch/Switch.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { useSwitch_unstable } from './useSwitch'; import { renderSwitch_unstable } from './renderSwitch'; -import { useSwitchStyles_unstable } from './useSwitchStyles'; +import { useSwitchStyles_unstable } from './useSwitchStyles.styles'; import type { SwitchProps } from './Switch.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-switch/src/components/Switch/index.ts b/packages/react-components/react-switch/src/components/Switch/index.ts index 425156a0384107..713072beea0aa8 100644 --- a/packages/react-components/react-switch/src/components/Switch/index.ts +++ b/packages/react-components/react-switch/src/components/Switch/index.ts @@ -2,4 +2,4 @@ export * from './Switch'; export * from './Switch.types'; export * from './renderSwitch'; export * from './useSwitch'; -export * from './useSwitchStyles'; +export * from './useSwitchStyles.styles'; diff --git a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.styles.ts similarity index 100% rename from packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts rename to packages/react-components/react-switch/src/components/Switch/useSwitchStyles.styles.ts diff --git a/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx b/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx index 3d42fbfd899356..67e5150d2153ed 100644 --- a/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx +++ b/packages/react-components/react-textarea/src/components/Textarea/Textarea.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { renderTextarea_unstable } from './renderTextarea'; import { useTextarea_unstable } from './useTextarea'; -import { useTextareaStyles_unstable } from './useTextareaStyles'; +import { useTextareaStyles_unstable } from './useTextareaStyles.styles'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import type { TextareaProps } from './Textarea.types'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; diff --git a/packages/react-components/react-textarea/src/components/Textarea/index.ts b/packages/react-components/react-textarea/src/components/Textarea/index.ts index a6b850d2794ebc..8ce45658b47c26 100644 --- a/packages/react-components/react-textarea/src/components/Textarea/index.ts +++ b/packages/react-components/react-textarea/src/components/Textarea/index.ts @@ -2,4 +2,4 @@ export * from './Textarea'; export * from './Textarea.types'; export * from './renderTextarea'; export * from './useTextarea'; -export * from './useTextareaStyles'; +export * from './useTextareaStyles.styles'; diff --git a/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts b/packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts similarity index 100% rename from packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.ts rename to packages/react-components/react-textarea/src/components/Textarea/useTextareaStyles.styles.ts diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx index 3070dfda8c492d..ad31be2513eab9 100644 --- a/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx +++ b/packages/react-components/react-tooltip/src/components/Tooltip/Tooltip.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { useTooltip_unstable } from './useTooltip'; import { renderTooltip_unstable } from './renderTooltip'; import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts'; -import { useTooltipStyles_unstable } from './useTooltipStyles'; +import { useTooltipStyles_unstable } from './useTooltipStyles.styles'; import type { TooltipProps } from './Tooltip.types'; import type { FluentTriggerComponent } from '@fluentui/react-utilities'; diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/index.ts b/packages/react-components/react-tooltip/src/components/Tooltip/index.ts index 4b5671471c03be..d906f77defb127 100644 --- a/packages/react-components/react-tooltip/src/components/Tooltip/index.ts +++ b/packages/react-components/react-tooltip/src/components/Tooltip/index.ts @@ -2,4 +2,4 @@ export * from './Tooltip'; export * from './Tooltip.types'; export * from './renderTooltip'; export * from './useTooltip'; -export * from './useTooltipStyles'; +export * from './useTooltipStyles.styles'; diff --git a/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts b/packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.styles.ts similarity index 100% rename from packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.ts rename to packages/react-components/react-tooltip/src/components/Tooltip/useTooltipStyles.styles.ts