Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: enforce files naming to use .styles.ts [cxe-prg files] #27707

Merged
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "chore: move makeStyles() calls to .styles.ts files",
"packageName": "@fluentui/react-card",
"email": "olfedias@microsoft.com",
"dependentChangeType": "patch"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "chore: move makeStyles() calls to .styles.ts files",
"packageName": "@fluentui/react-image",
"email": "olfedias@microsoft.com",
"dependentChangeType": "patch"
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "patch",
"comment": "chore: move makeStyles() calls to .styles.ts files",
"packageName": "@fluentui/react-text",
"email": "olfedias@microsoft.com",
"dependentChangeType": "patch"
}
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useBreadcrumb_unstable } from './useBreadcrumb';
import { renderBreadcrumb_unstable } from './renderBreadcrumb';
import { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles';
import { useBreadcrumbStyles_unstable } from './useBreadcrumbStyles.styles';
import type { BreadcrumbProps } from './Breadcrumb.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useBreadcrumbContextValues_unstable } from './useBreadcrumbContextValue';
Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './Breadcrumb';
export * from './Breadcrumb.types';
export * from './renderBreadcrumb';
export * from './useBreadcrumb';
export * from './useBreadcrumbStyles';
export * from './useBreadcrumbStyles.styles';
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
import { BreadcrumbButton } from './BreadcrumbButton';
import { BreadcrumbButtonProps } from './BreadcrumbButton.types';
import { isConformant } from '../../testing/isConformant';
import { breadcrumbButtonClassNames } from './useBreadcrumbButtonStyles';
import { breadcrumbButtonClassNames } from './useBreadcrumbButtonStyles.styles';

describe('BreadcrumbButton', () => {
isConformant({
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useBreadcrumbButton_unstable } from './useBreadcrumbButton';
import { renderBreadcrumbButton_unstable } from './renderBreadcrumbButton';
import { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles';
import { useBreadcrumbButtonStyles_unstable } from './useBreadcrumbButtonStyles.styles';
import type { BreadcrumbButtonProps } from './BreadcrumbButton.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './BreadcrumbButton';
export * from './BreadcrumbButton.types';
export * from './renderBreadcrumbButton';
export * from './useBreadcrumbButton';
export * from './useBreadcrumbButtonStyles';
export * from './useBreadcrumbButtonStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';
import { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';
import { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles';
import { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';
import type { BreadcrumbDividerProps } from './BreadcrumbDivider.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './BreadcrumbDivider';
export * from './BreadcrumbDivider.types';
export * from './renderBreadcrumbDivider';
export * from './useBreadcrumbDivider';
export * from './useBreadcrumbDividerStyles';
export * from './useBreadcrumbDividerStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useBreadcrumbItem_unstable } from './useBreadcrumbItem';
import { renderBreadcrumbItem_unstable } from './renderBreadcrumbItem';
import { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles';
import { useBreadcrumbItemStyles_unstable } from './useBreadcrumbItemStyles.styles';
import type { BreadcrumbItemProps } from './BreadcrumbItem.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './BreadcrumbItem';
export * from './BreadcrumbItem.types';
export * from './renderBreadcrumbItem';
export * from './useBreadcrumbItem';
export * from './useBreadcrumbItemStyles';
export * from './useBreadcrumbItemStyles.styles';
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
import { BreadcrumbLink } from './BreadcrumbLink';
import type { BreadcrumbLinkProps } from './BreadcrumbLink.types';
import { isConformant } from '../../testing/isConformant';
import { breadcrumbLinkClassNames } from './useBreadcrumbLinkStyles';
import { breadcrumbLinkClassNames } from './useBreadcrumbLinkStyles.styles';

describe('BreadcrumbLink', () => {
isConformant({
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useBreadcrumbLink_unstable } from './useBreadcrumbLink';
import { renderBreadcrumbLink_unstable } from './renderBreadcrumbLink';
import { useBreadcrumbLinkStyles_unstable } from './useBreadcrumbLinkStyles';
import { useBreadcrumbLinkStyles_unstable } from './useBreadcrumbLinkStyles.styles';
import type { BreadcrumbLinkProps } from './BreadcrumbLink.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './BreadcrumbLink';
export * from './BreadcrumbLink.types';
export * from './renderBreadcrumbLink';
export * from './useBreadcrumbLink';
export * from './useBreadcrumbLinkStyles';
export * from './useBreadcrumbLinkStyles.styles';
Original file line number Diff line number Diff line change
@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
import { Card } from './Card';
import { isConformant } from '../../testing/isConformant';
import { CardProps } from './Card.types';
import { cardClassNames } from './useCardStyles';
import { cardClassNames } from './useCardStyles.styles';

describe('Card', () => {
isConformant<CardProps>({
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useCard_unstable } from './useCard';
import { renderCard_unstable } from './renderCard';
import { useCardStyles_unstable } from './useCardStyles';
import { useCardStyles_unstable } from './useCardStyles.styles';
import type { CardProps } from './Card.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useCardContextValue } from './useCardContextValue';
Original file line number Diff line number Diff line change
@@ -3,4 +3,4 @@ export * from './Card.types';
export * from './CardContext';
export * from './renderCard';
export * from './useCard';
export * from './useCardStyles';
export * from './useCardStyles.styles';
Original file line number Diff line number Diff line change
@@ -3,9 +3,9 @@ import { tokens } from '@fluentui/react-theme';
import type { SlotClassNames } from '@fluentui/react-utilities';
import { createFocusOutlineStyle } from '@fluentui/react-tabster';

import { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles';
import { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles';
import { cardFooterClassNames } from '../CardFooter/useCardFooterStyles';
import { cardPreviewClassNames } from '../CardPreview/useCardPreviewStyles.styles';
import { cardHeaderClassNames } from '../CardHeader/useCardHeaderStyles.styles';
import { cardFooterClassNames } from '../CardFooter/useCardFooterStyles.styles';
import type { CardSlots, CardState } from './Card.types';

/**
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useCardFooter_unstable } from './useCardFooter';
import { renderCardFooter_unstable } from './renderCardFooter';
import { useCardFooterStyles_unstable } from './useCardFooterStyles';
import { useCardFooterStyles_unstable } from './useCardFooterStyles.styles';
import type { CardFooterProps } from './CardFooter.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './CardFooter';
export * from './CardFooter.types';
export * from './renderCardFooter';
export * from './useCardFooter';
export * from './useCardFooterStyles';
export * from './useCardFooterStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useCardHeader_unstable } from './useCardHeader';
import { renderCardHeader_unstable } from './renderCardHeader';
import { useCardHeaderStyles_unstable } from './useCardHeaderStyles';
import { useCardHeaderStyles_unstable } from './useCardHeaderStyles.styles';
import type { CardHeaderProps } from './CardHeader.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './CardHeader';
export * from './CardHeader.types';
export * from './renderCardHeader';
export * from './useCardHeader';
export * from './useCardHeaderStyles';
export * from './useCardHeaderStyles.styles';
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@ import * as React from 'react';
import { getNativeElementProps, resolveShorthand, useId } from '@fluentui/react-utilities';
import type { CardHeaderProps, CardHeaderState } from './CardHeader.types';
import { useCardContext_unstable } from '../Card/CardContext';
import { cardHeaderClassNames } from './useCardHeaderStyles';
import { cardHeaderClassNames } from './useCardHeaderStyles.styles';

/**
* Create the state required to render CardHeader.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useCardPreview_unstable } from './useCardPreview';
import { renderCardPreview_unstable } from './renderCardPreview';
import { useCardPreviewStyles_unstable } from './useCardPreviewStyles';
import { useCardPreviewStyles_unstable } from './useCardPreviewStyles.styles';
import type { CardPreviewProps } from './CardPreview.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './CardPreview';
export * from './CardPreview.types';
export * from './renderCardPreview';
export * from './useCardPreview';
export * from './useCardPreviewStyles';
export * from './useCardPreviewStyles.styles';
Original file line number Diff line number Diff line change
@@ -2,7 +2,7 @@ import * as React from 'react';
import { getNativeElementProps, resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';
import type { CardPreviewProps, CardPreviewState } from './CardPreview.types';
import { useCardContext_unstable } from '../Card/CardContext';
import { cardPreviewClassNames } from './useCardPreviewStyles';
import { cardPreviewClassNames } from './useCardPreviewStyles.styles';

/**
* Create the state required to render CardPreview.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useDrawer_unstable } from './useDrawer';
import { renderDrawer_unstable } from './renderDrawer';
import { useDrawerStyles_unstable } from './useDrawerStyles';
import { useDrawerStyles_unstable } from './useDrawerStyles.styles';
import type { DrawerProps } from './Drawer.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';

Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './Drawer';
export * from './Drawer.types';
export * from './renderDrawer';
export * from './useDrawer';
export * from './useDrawerStyles';
export * from './useDrawerStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { renderImage_unstable } from './renderImage';
import { useImage_unstable } from './useImage';
import { useImageStyles_unstable } from './useImageStyles';
import { useImageStyles_unstable } from './useImageStyles.styles';
import type { ImageProps } from './Image.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './Image.types';
export * from './Image';
export * from './renderImage';
export * from './useImage';
export * from './useImageStyles';
export * from './useImageStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import * as React from 'react';
import { useText_unstable } from './useText';
import { renderText_unstable } from './renderText';
import { useTextStyles_unstable } from './useTextStyles';
import { useTextStyles_unstable } from './useTextStyles.styles';
import type { TextProps } from './Text.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
Original file line number Diff line number Diff line change
@@ -2,4 +2,4 @@ export * from './Text';
export * from './Text.types';
export * from './renderText';
export * from './useText';
export * from './useTextStyles';
export * from './useTextStyles.styles';
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.body1,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { body1ClassNames, useBody1Styles } from './useBody1Styles.styles';

/**
* Text preset component for the Body1 typography variant
*/
export const Body1: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useBody1Styles,
className: body1ClassNames.root,
displayName: 'Body1',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Body1';
export { body1ClassNames } from './useBody1Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1',
};

/**
* Styles for the root slot
*/
export const useBody1Styles = makeStyles({
root: typographyStyles.body1,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1Strong',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.body1Strong,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { body1StrongClassNames, useBody1StrongStyles } from './useBody1StrongStyles.styles';

/**
* Text preset component for the Body1Strong typography variant
*/
export const Body1Strong: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useBody1StrongStyles,
className: body1StrongClassNames.root,
displayName: 'Body1Strong',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Body1Strong';
export { body1StrongClassNames } from './useBody1StrongStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1Strong',
};

/**
* Styles for the root slot
*/
export const useBody1StrongStyles = makeStyles({
root: typographyStyles.body1Strong,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1Stronger',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.body1Stronger,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { body1StrongerClassNames, useBody1StrongerStyles } from './useBody1StrongerStyles.styles';

/**
* Text preset component for the Body1Stronger typography variant
*/
export const Body1Stronger: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useBody1StrongerStyles,
className: body1StrongerClassNames.root,
displayName: 'Body1Stronger',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Body1Stronger';
export { body1StrongerClassNames } from './useBody1StrongerStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body1StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body1Stronger',
};

/**
* Styles for the root slot
*/
export const useBody1StrongerStyles = makeStyles({
root: typographyStyles.body1Stronger,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body2',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.body2,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { body2ClassNames, useBody2Styles } from './useBody2Styles.styles';

/**
* Text preset component for the Body2 typography variant
*/
export const Body2: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useBody2Styles,
className: body2ClassNames.root,
displayName: 'Body2',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Body2';
export { body2ClassNames } from './useBody2Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const body2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Body2',
};

/**
* Styles for the root slot
*/
export const useBody2Styles = makeStyles({
root: typographyStyles.body2,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.caption1,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { caption1ClassNames, useCaption1Styles } from './useCaption1Styles.styles';

/**
* Text preset component for the Caption1 typography variant
*/
export const Caption1: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useCaption1Styles,
className: caption1ClassNames.root,
displayName: 'Caption1',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Caption1';
export { caption1ClassNames } from './useCaption1Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1',
};

/**
* Styles for the root slot
*/
export const useCaption1Styles = makeStyles({
root: typographyStyles.caption1,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1Strong',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.caption1Strong,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { caption1StrongClassNames, useCaption1StrongStyles } from './useCaption1StrongStyles.styles';

/**
* Text preset component for the Caption1Strong typography variant
*/
export const Caption1Strong: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useCaption1StrongStyles,
className: caption1StrongClassNames.root,
displayName: 'Caption1Strong',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Caption1Strong';
export { caption1StrongClassNames } from './useCaption1StrongStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1Strong',
};

/**
* Styles for the root slot
*/
export const useCaption1StrongStyles = makeStyles({
root: typographyStyles.caption1Strong,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1Stronger',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.caption1Stronger,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { caption1StrongerClassNames, useCaption1StrongerStyles } from './useCaption1Stronger.styles';

/**
* Text preset component for the Caption1Stronger typography variant
*/
export const Caption1Stronger: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useCaption1StrongerStyles,
className: caption1StrongerClassNames.root,
displayName: 'Caption1Stronger',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Caption1Stronger';
export { caption1StrongerClassNames } from './useCaption1Stronger.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption1StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption1Stronger',
};

/**
* Styles for the root slot
*/
export const useCaption1StrongerStyles = makeStyles({
root: typographyStyles.caption1Stronger,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption2',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.caption2,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { caption2ClassNames, useCaption2Styles } from './useCaption2Styles.styles';

/**
* Text preset component for the Caption2 typography variant
*/
export const Caption2: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useCaption2Styles,
className: caption2ClassNames.root,
displayName: 'Caption2',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Caption2';
export { caption2ClassNames } from './useCaption2Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption2',
};

/**
* Styles for the root slot
*/
export const useCaption2Styles = makeStyles({
root: typographyStyles.caption2,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,14 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption2StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption2Strong',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.caption2Strong,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { caption2StrongClassNames, useCaption2StrongStyles } from './useCaption2StrongStyles.styles';

/**
* Text preset component for the Caption2Strong typography variant
*/
export const Caption2Strong: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useCaption2StrongStyles,
className: caption2StrongClassNames.root,
displayName: 'Caption2Strong',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Caption2Strong';
export { caption2StrongClassNames } from './useCaption2StrongStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const caption2StrongClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Caption2Strong',
};

/**
* Styles for the root slot
*/
export const useCaption2StrongStyles = makeStyles({
root: typographyStyles.caption2Strong,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const displayClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Display',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.display,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { displayClassNames, useDisplayStyles } from './useDisplayStyles.styles';

/**
* Text preset component for the Display typography variant
*/
export const Display: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useDisplayStyles,
className: displayClassNames.root,
displayName: 'Display',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Display';
export { displayClassNames } from './useDisplayStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const displayClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Display',
};

/**
* Styles for the root slot
*/
export const useDisplayStyles = makeStyles({
root: typographyStyles.display,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const largeTitleClassNames: SlotClassNames<TextSlots> = {
root: 'fui-LargeTitle',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.largeTitle,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { largeTitleClassNames, useLargeTitleStyles } from './useLargeTitleStyles.styles';

/**
* Text preset component for the Large Title typography variant
*/
export const LargeTitle: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useLargeTitleStyles,
className: largeTitleClassNames.root,
displayName: 'LargeTitle',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './LargeTitle';
export { largeTitleClassNames } from './useLargeTitleStyles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const largeTitleClassNames: SlotClassNames<TextSlots> = {
root: 'fui-LargeTitle',
};

/**
* Styles for the root slot
*/
export const useLargeTitleStyles = makeStyles({
root: typographyStyles.largeTitle,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle1',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.subtitle1,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { subtitle1ClassNames, useSubtitle1Styles } from './useSubtitle1Styles.styles';

/**
* Text preset component for the Subtitle1 typography variant
*/
export const Subtitle1: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useSubtitle1Styles,
className: subtitle1ClassNames.root,
displayName: 'Subtitle1',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Subtitle1';
export { subtitle1ClassNames } from './useSubtitle1Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle1',
};

/**
* Styles for the root slot
*/
export const useSubtitle1Styles = makeStyles({
root: typographyStyles.subtitle1,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle2',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.subtitle2,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { subtitle2ClassNames, useSubtitle2Styles } from './useSubtitle2Styles.styles';

/**
* Text preset component for the Subtitle2 typography variant
*/
export const Subtitle2: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useSubtitle2Styles,
className: subtitle2ClassNames.root,
displayName: 'Subtitle2',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Subtitle2';
export { subtitle2ClassNames } from './useSubtitle2Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle2',
};

/**
* Styles for the root slot
*/
export const useSubtitle2Styles = makeStyles({
root: typographyStyles.subtitle2,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle2Stronger',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.subtitle2Stronger,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { subtitle2StrongerClassNames, useSubtitle2StrongerStyles } from './useSubtitle2Stronger.styles';

/**
* Text preset component for the Subtitle2Stronger typography variant
*/
export const Subtitle2Stronger: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useSubtitle2StrongerStyles,
className: subtitle2StrongerClassNames.root,
displayName: 'Subtitle2Stronger',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Subtitle2Stronger';
export { subtitle2StrongerClassNames } from './useSubtitle2Stronger.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const subtitle2StrongerClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Subtitle2Stronger',
};

/**
* Styles for the root slot
*/
export const useSubtitle2StrongerStyles = makeStyles({
root: typographyStyles.subtitle2Stronger,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title1',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.title1,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { title1ClassNames, useTitle1Styles } from './useTitle1Styles.styles';

/**
* Text preset component for the Title 1 typography variant
*/
export const Title1: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useTitle1Styles,
className: title1ClassNames.root,
displayName: 'Title1',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Title1';
export { title1ClassNames } from './useTitle1Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title1ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title1',
};

/**
* Styles for the root slot
*/
export const useTitle1Styles = makeStyles({
root: typographyStyles.title1,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title2',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.title2,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { title2ClassNames, useTitle2Styles } from './useTitle2Styles.styles';

/**
* Text preset component for the Title 2 typography variant
*/
export const Title2: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useTitle2Styles,
className: title2ClassNames.root,
displayName: 'Title2',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Title2';
export { title2ClassNames } from './useTitle2Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title2ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title2',
};

/**
* Styles for the root slot
*/
export const useTitle2Styles = makeStyles({
root: typographyStyles.title2,
});
Original file line number Diff line number Diff line change
@@ -1,26 +1,13 @@
import type { FunctionComponent } from 'react';
import { makeStyles } from '@griffel/react';
import { createPreset } from '../createPreset';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots, TextPresetProps } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title3ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title3',
};

/**
* Styles for the root slot
*/
const useStyles = makeStyles({
root: typographyStyles.title3,
});
import type { TextPresetProps } from '../../Text/Text.types';
import { title3ClassNames, useTitle3Styles } from './useTitle3Styles.styles';

/**
* Text preset component for the Title 3 typography variant
*/
export const Title3: FunctionComponent<TextPresetProps> = createPreset({
useStyles,
useStyles: useTitle3Styles,
className: title3ClassNames.root,
displayName: 'Title3',
});
Original file line number Diff line number Diff line change
@@ -1 +1,2 @@
export * from './Title3';
export { title3ClassNames } from './useTitle3Styles.styles';
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import { makeStyles } from '@griffel/react';
import { SlotClassNames } from '@fluentui/react-utilities';
import type { TextSlots } from '../../Text/Text.types';
import { typographyStyles } from '@fluentui/react-theme';

export const title3ClassNames: SlotClassNames<TextSlots> = {
root: 'fui-Title3',
};

/**
* Styles for the root slot
*/
export const useTitle3Styles = makeStyles({
root: typographyStyles.title3,
});