Skip to content

Typography Docs: Expanded MUI Typography Story to include the full DS Typography - #279

Open
zoharma wants to merge 3 commits into
mainfrom
zma/show-typography-story
Open

Typography Docs: Expanded MUI Typography Story to include the full DS Typography#279
zoharma wants to merge 3 commits into
mainfrom
zma/show-typography-story

Conversation

@zoharma

@zoharma zoharma commented Aug 14, 2026

Copy link
Copy Markdown
Contributor

This closes #277.

Document each DiamondDS typography variant and colour option. Updated colour to a more robust guide, and added the full list of typography colours to the Color dropdown.

@zoharma
zoharma requested a review from a team August 14, 2026 09:45
@zoharma zoharma added the v0.6.3 label Aug 14, 2026
@VictoriaBeilsten-Edmands VictoriaBeilsten-Edmands added the being reviewed Someone is reviewing this PR label Aug 14, 2026

@VictoriaBeilsten-Edmands VictoriaBeilsten-Edmands left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Stories look good.
Can you fix the typo in the commit message?

Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
@VictoriaBeilsten-Edmands VictoriaBeilsten-Edmands removed the being reviewed Someone is reviewing this PR label Aug 14, 2026
Document each DiamondDS typography variant and colour option. Updated colour to a more robust guide, and added the full list of typography colours to the Color dropdown.
@zoharma
zoharma force-pushed the zma/show-typography-story branch from e4c1e7a to 963a224 Compare August 14, 2026 13:37
@VictoriaBeilsten-Edmands

Copy link
Copy Markdown
Collaborator

Is it worth a comment when comparing the different typography sizes/types that some are using Outfit and some Inter?

@zoharma

zoharma commented Aug 14, 2026

Copy link
Copy Markdown
Contributor Author

@VictoriaBeilsten-Edmands

Is it worth a comment when comparing the different typography sizes/types that some are using Outfit and some Inter?

I replaced TextSizes with a Size ramp story, grouped by rendered pixel size, so it's not duplicating the Variant guide (on which I added the font names).

I also reordered the stories so Variant guide and Colour guide appear higher, followed by Alignment.

I've done the other changes requested and made a comment on the width.

Requested fixes: Remove redundant colour-guide labels, simplify deduping, and update the Storybook render.

Updates: Replace `TextSizes` with a `Size ramp` story grouped by rendered pixel size. Reorder stories so `Variant guide` and `Colour guide` appear first, followed by `Alignment`.

Prettier fix
@zoharma
zoharma force-pushed the zma/show-typography-story branch from 00d215e to 776f684 Compare August 14, 2026 14:22
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
Comment thread src/components/MUI/DataDisplay/Typography.stories.tsx Outdated
@zoharma
zoharma force-pushed the zma/show-typography-story branch from d911e0d to eb06752 Compare August 24, 2026 17:00
@zoharma
zoharma force-pushed the zma/show-typography-story branch from eb06752 to 72f1621 Compare August 24, 2026 17:03
@zoharma

zoharma commented Aug 25, 2026

Copy link
Copy Markdown
Contributor Author

@VictoriaBeilsten-Edmands Removed maxWidth: "66ch" and broke it down through bullet points

@zoharma zoharma added documentation Improvements or additions to documentation and removed Stories labels Aug 25, 2026
@zoharma zoharma changed the title Exapnded MUI Typography to include the full DS Typography Exapnded MUI Typography Story to include the full DS Typography Aug 25, 2026
@zoharma zoharma changed the title Exapnded MUI Typography Story to include the full DS Typography Typography Docs: Expanded MUI Typography Story to include the full DS Typography Aug 25, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation v0.6.3

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create a story to showcase typography

2 participants