chore: enforce files naming to use .styles.ts [cxe-red files]

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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": "[email protected]",
+  "dependentChangeType": "patch"
+}

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', () => {

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';
 

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';

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';
 

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';

packages/react-components/react-avatar/src/components/AvatarGroup/useAvatarGroupStyles.ts → 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';
 

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';
 

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';

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';
 

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';
 
 /**

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';

packages/react-components/react-avatar/src/components/AvatarGroupPopover/useAvatarGroupPopoverStyles.ts → 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';
 

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';

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';

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';

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';

packages/react-components/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts → 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';

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';

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';

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';

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';

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';

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';

packages/react-components/react-button/src/components/CompoundButton/useCompoundButtonStyles.ts → 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';
 

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({

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';

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';

packages/react-components/react-button/src/components/MenuButton/useMenuButtonStyles.ts → 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<MenuButtonSlots> = {

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';

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';

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';

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';