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.

Sign up for GitHub

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

v9 Website: Organize left navigation, add theme entries #23742

Merged
merged 3 commits into from
Jul 11, 2022
Merged

v9 Website: Organize left navigation, add theme entries #23742

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
259d9ef
Organize left navigation, add theme entries
micahgodbolt Jun 27, 2022
9b0eaca
change
micahgodbolt Jun 27, 2022
495b58a
Merge branch 'master' into storybook-nav-organization
micahgodbolt Jul 11, 2022
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
7 changes: 7 additions & 0 deletions change/@fluentui-react-button-d302b25f-5810-425a-9442-3a7bb14b5972.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "none",
"comment": "Organize left navigation, add theme entries",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"comment": "Organize left navigation, add theme entries",
"comment": "docs: Organize left navigation, add theme entries.",

"packageName": "@fluentui/react-button",
"email": "[email protected]",
"dependentChangeType": "none"
}
7 changes: 7 additions & 0 deletions change/@fluentui-react-menu-89467982-8eb2-4193-97c0-14538ba3d51d.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "none",
"comment": "Organize left navigation, add theme entries",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"comment": "Organize left navigation, add theme entries",
"comment": "docs: Organize left navigation, add theme entries.",

"packageName": "@fluentui/react-menu",
"email": "[email protected]",
"dependentChangeType": "none"
}
7 changes: 7 additions & 0 deletions change/@fluentui-react-theme-1971a818-e9de-4bed-8fc1-50fa8c10f0da.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
{
"type": "none",
"comment": "Organize left navigation, add theme entries",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
"comment": "Organize left navigation, add theme entries",
"comment": "docs: Organize left navigation, add theme entries.",

"packageName": "@fluentui/react-theme",
"email": "[email protected]",
"dependentChangeType": "none"
}
2 changes: 1 addition & 1 deletion packages/react-components/react-badge/src/stories/Badge/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export { Color } from './BadgeColor.stories';
export { Icon } from './BadgeIcon.stories';

export default {
title: 'Components/Badge',
title: 'Components/Badge/Badge',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is it possible to have these component folders expanded by default?

component: Badge,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-badge/src/stories/CounterBadge/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ export { Color } from './CounterBadgeColor.stories';
export { Dot } from './CounterBadgeDot.stories';

export default {
title: 'Components/Counter Badge',
title: 'Components/Badge/Counter Badge',
component: CounterBadge,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-badge/src/stories/PresenceBadge/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ export { Status } from './PresenceBadgeStatus.stories';
export { OutOfOffice } from './PresenceBadgeOutOfOffice.stories';

export default {
title: 'Components/PresenceBadge',
title: 'Components/Badge/PresenceBadge',
component: PresenceBadge,
parameters: {
docs: {
Expand Down
6 changes: 0 additions & 6 deletions packages/react-components/react-button/src/stories/Button/ButtonDescription.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1 @@
A button triggers an action or event when activated.

See also:

[MenuButton](/?path=/docs/components-menubutton--menu-button-default),
[ToggleButton](/?path=/docs/components-togglebutton--toggle-button-default),
[CompoundButton](/?path=/docs/components-compoundbutton--compound-button-default)
2 changes: 1 addition & 1 deletion packages/react-components/react-button/src/stories/Button/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ export { Disabled } from './ButtonDisabled.stories';
export { WithLongText } from './ButtonWithLongText.stories';

export default {
title: 'Components/Button',
title: 'Components/Button/Button',
component: Button,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-button/src/stories/CompoundButton/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export { WithLongText } from './CompoundButtonWithLongText.stories';
export { AsToggleButton } from './CompoundButtonAsToggleButton.stories';

export default {
title: 'Components/CompoundButton',
title: 'Components/Button/CompoundButton',
component: CompoundButton,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-button/src/stories/MenuButton/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export { Disabled } from './MenuButtonDisabled.stories';
export { WithLongText } from './MenuButtonWithLongText.stories';

export default {
title: 'Components/MenuButton',
title: 'Components/Button/MenuButton',
component: MenuButton,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-button/src/stories/SplitButton/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export { Disabled } from './SplitButtonDisabled.stories';
export { WithLongText } from './SplitButtonWithLongText.stories';

export default {
title: 'Components/SplitButton',
title: 'Components/Button/SplitButton',
component: SplitButton,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-button/src/stories/ToggleButton/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export { Checked } from './ToggleButtonChecked.stories';
export { WithLongText } from './ToggleButtonWithLongText.stories';

export default {
title: 'Components/ToggleButton',
title: 'Components/Button/ToggleButton',
component: ToggleButton,
parameters: {
docs: {
Expand Down
2 changes: 1 addition & 1 deletion packages/react-components/react-menu/src/stories/Menu/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ export { SplitMenuItem } from './MenuSplitMenuItem.stories';
export { MenuTriggerWithTooltip } from './MenuTriggerWithTooltip.stories';

export default {
title: 'Components/Menu',
title: 'Components/Menu/Menu',
component: Menu,
parameters: {
docs: {
Expand Down
3 changes: 0 additions & 3 deletions packages/react-components/react-menu/src/stories/MenuList/MenuListDescription.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1 @@
A menu list displays a list of actions. It is usually rendered inside of the Menu component.

See also:
[Menu](/?path=/docs/components-menu--default)
2 changes: 1 addition & 1 deletion packages/react-components/react-menu/src/stories/MenuList/index.stories.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ export { Default } from './MenuListDefault.stories';
export { MenuListWithNestedSubmenus } from './MenuListNestedSubmenus.stories';

export default {
title: 'Components/MenuList',
title: 'Components/Menu/MenuList',
component: MenuList,
parameters: {
docs: {
Expand Down
18 changes: 0 additions & 18 deletions packages/react-components/react-theme/src/stories/Theme/index.stories.tsx
View file
Open in desktop

This file was deleted.

0 ...e/src/stories/Theme/ColorRamp.stories.tsx → .../src/stories/colors/ColorRamp.stories.tsx
View file
Open in desktop
File renamed without changes.
0 ...src/stories/Theme/ThemeColors.stories.tsx → ...rc/stories/colors/ThemeColors.stories.tsx
View file
Open in desktop
File renamed without changes.
0 ...rc/stories/Theme/ThemeShadows.stories.tsx → ...c/stories/colors/ThemeShadows.stories.tsx
View file
Open in desktop
File renamed without changes.
17 changes: 17 additions & 0 deletions packages/react-components/react-theme/src/stories/colors/index.stories.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import { Meta, Canvas } from '@storybook/addon-docs';
import { Colors } from './ThemeColors.stories.tsx';
import { Shadows } from './ThemeShadows.stories';

<Meta title="Theme/Color" />

<h1 class="sbdocs-title"> Colors </h1>

<Canvas>
<Colors />
</Canvas>

## Shadows

<Canvas>
<Shadows />
</Canvas>
0 ...tories/Theme/ThemeBorderRadii.stories.tsx → .../motion-size/ThemeBorderRadii.stories.tsx
View file
Open in desktop
File renamed without changes.
0 ...src/stories/Theme/ThemeMotion.stories.tsx → ...ories/motion-size/ThemeMotion.stories.tsx
View file
Open in desktop
File renamed without changes.
0 ...rc/stories/Theme/ThemeSpacing.stories.tsx → ...ries/motion-size/ThemeSpacing.stories.tsx
View file
Open in desktop
File renamed without changes.
0 ...ories/Theme/ThemeStrokeWidths.stories.tsx → ...motion-size/ThemeStrokeWidths.stories.tsx
View file
Open in desktop
File renamed without changes.
39 changes: 39 additions & 0 deletions packages/react-components/react-theme/src/stories/motion-size/index.stories.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
import { Meta, Canvas } from '@storybook/addon-docs';
import { MotionCurves, MotionDuration } from './ThemeMotion.stories';
import { Spacing } from './ThemeSpacing.stories';
import { StrokeWidths } from './ThemeStrokeWidths.stories';
import { BorderRadii } from './ThemeBorderRadii.stories';

<Meta title="Theme/Motion and Size" />

<h1 class="sbdocs-title"> Motion and size </h1>

### Motion curves

<Canvas>
<MotionCurves />
</Canvas>

### Motion duration

<Canvas>
<MotionDuration />
</Canvas>

### Spacing

<Canvas>
<Spacing />
</Canvas>

### Stroke widths

<Canvas>
<StrokeWidths />
</Canvas>

### Border radii

<Canvas>
<BorderRadii />
</Canvas>
0 ...stories/Theme/ThemeTypography.stories.tsx → ...es/typography/ThemeTypography.stories.tsx
View file
Open in desktop
File renamed without changes.
36 changes: 36 additions & 0 deletions packages/react-components/react-theme/src/stories/typography/index.stories.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
import { Meta, Canvas } from '@storybook/addon-docs';
import { FontFamily, FontSize, FontWeight, LineHeight, TypographyStyles } from './ThemeTypography.stories';

<Meta title="Theme/Typography" />

<h1 class="sbdocs-title"> Typography </h1>

### Font family

<Canvas>
<FontFamily />
</Canvas>

### Font size

<Canvas>
<FontSize />
</Canvas>

### Font weight

<Canvas>
<FontWeight />
</Canvas>

### Line height

<Canvas>
<LineHeight />
</Canvas>

### Typography styles

<Canvas>
<TypographyStyles />
</Canvas>