Skip to content

Add Typography foundations documentation to the site #2268

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

Merged
Mil4n0r merged 5 commits into from
Aug 6, 2025
Merged

Add Typography foundations documentation to the site #2268

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
0911601
Add Typography foundations codumentation to the site
raquelarrojo Aug 5, 2025
31a46d4
Small change in typography doc
raquelarrojo Aug 6, 2025
538130c
Change in Typography doc
raquelarrojo Aug 6, 2025
70502ae
Merge branch 'master' into rarrojolopez/typography-foundations
raquelarrojo Aug 6, 2025
3e350d4
Remove iconography from principles
raquelarrojo Aug 6, 2025
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
13 changes: 13 additions & 0 deletions apps/website/pages/foundations/typography.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
import Head from "next/head";
import TypographyPage from "screens/foundations/typography/TypographyPage";

const Typography = () => (
<>
<Head>
<title>Typography — Halstack Design System</title>
</Head>
<TypographyPage />
</>
);

export default Typography;
13 changes: 0 additions & 13 deletions apps/website/pages/principles/iconography.tsx
View file
Open in desktop

This file was deleted.

17 changes: 0 additions & 17 deletions apps/website/pages/principles/typography/index.tsx
View file
Open in desktop

This file was deleted.

17 changes: 0 additions & 17 deletions apps/website/pages/principles/typography/usage.tsx
View file
Open in desktop

This file was deleted.

3 changes: 1 addition & 2 deletions apps/website/screens/common/pagesList.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,17 +34,16 @@ const utilitiesLinks: LinkDetails[] = [

const principlesLinks: LinkDetails[] = [
{ label: "Data visualization", path: "/principles/data-visualization" },
{ label: "Iconography", path: "/principles/iconography" },
{ label: "Layout", path: "/principles/layout" },
{ label: "Localization", path: "/principles/localization" },
{ label: "Typography", path: "/principles/typography" },
];

const foundationsLinks: LinkDetails[] = [
{ label: "Color", path: "/foundations/color" },
{ label: "Height", path: "/foundations/height" },
{ label: "Iconography", path: "/foundations/iconography" },
{ label: "Spacing", path: "/foundations/spacing" },
{ label: "Typography", path: "/foundations/typography" },
];

const componentsLinks = componentsList as LinkDetails[];
Expand Down
7 changes: 4 additions & 3 deletions apps/website/screens/foundations/color/ColorPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import secondaryColor from "./images/secondary_color.png";
import tertiaryColor from "./images/tertiary_color.png";
import semanticColors from "./images/semantic_colors.png";
import PageHeading from "@/common/PageHeading";
import Link from "next/link";

const sections = [
{
Expand All @@ -31,9 +32,9 @@ const sections = [
<DxcParagraph>
The color system <strong>ensures optimal contrast ratios for readability and accessibility</strong>, aligning
with{" "}
<DxcLink href="https://www.w3.org/WAI/perspective-videos/contrast/" newWindow>
WCAG 2.1
</DxcLink>
<Link href="https://www.w3.org/WAI/perspective-videos/contrast/" passHref legacyBehavior>
<DxcLink newWindow>WCAG 2.1</DxcLink>
</Link>
standards. Token naming follows a semantic structure to promote clarity in implementation and usage.
</DxcParagraph>
<DxcParagraph>
Expand Down
2 changes: 1 addition & 1 deletion apps/website/screens/foundations/height/HeightPage.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@ export default function HeightPage() {
<DxcFlex direction="column" gap="4rem">
<PageHeading>
<DxcFlex direction="column" gap="var(--spacing-gap-xl)">
<DxcHeading level={1} text="Color" />
<DxcHeading level={1} text="Height" />
</DxcFlex>
</PageHeading>
<QuickNavContainerLayout>
Expand Down
Loading