Skip to content

Commit 99a6699

Browse files
raquelarrojoraquelarrojo
authored
Merge branch 'master' into dependabot/npm_and_yarn/lib/ws-8.17.1
2 parents 4e5c700 + 5a98c57 commit 99a6699

File tree

19 files changed

+396
-126
lines changed

19 files changed

+396
-126
lines changed

‎website/pages/components/breadcrumbs/specifications.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Head from "next/head";
2+
import type { ReactElement } from "react";
3+
import BreadcrumbsPageLayout from "../../../screens/components/breadcrumbs/BreadcrumbsPageLayout";
4+
import BreadcrumbsSpecsPage from "../../../screens/components/breadcrumbs/specs/BreadcrumbsSpecsPage";
5+
6+
const Specifications = () => {
7+
return (
8+
<>
9+
<Head>
10+
<title>Breadcrumbs Specs — Halstack Design System</title>
11+
</Head>
12+
<BreadcrumbsSpecsPage></BreadcrumbsSpecsPage>
13+
</>
14+
);
15+
};
16+
17+
Specifications.getLayout = function getLayout(page: ReactElement) {
18+
return <BreadcrumbsPageLayout>{page}</BreadcrumbsPageLayout>;
19+
};
20+
21+
export default Specifications;

‎website/pages/components/breadcrumbs/usage.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import Head from "next/head";
2+
import type { ReactElement } from "react";
3+
import BreadcrumbsPageLayout from "../../../screens/components/breadcrumbs/BreadcrumbsPageLayout";
4+
import BreadcrumbsUsagePage from "../../../screens/components/breadcrumbs/usage/BreadcrumbsUsagePage";
5+
6+
const Usage = () => {
7+
return (
8+
<>
9+
<Head>
10+
<title>Breadcrumbs Usage — Halstack Design System</title>
11+
</Head>
12+
<BreadcrumbsUsagePage></BreadcrumbsUsagePage>
13+
</>
14+
);
15+
};
16+
17+
Usage.getLayout = function getLayout(page: ReactElement) {
18+
return <BreadcrumbsPageLayout>{page}</BreadcrumbsPageLayout>;
19+
};
20+
21+
export default Usage;

‎website/screens/common/componentsList.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
{
2222
"label": "Breadcrumbs",
2323
"path": "/components/breadcrumbs",
24-
"status": "experimental"
24+
"status": "new"
2525
},
2626
{
2727
"label": "Bulleted List",

‎website/screens/components/accordion/specs/AccordionSpecsPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -233,7 +233,7 @@ const sections = [
233233
<td>
234234
<Code>font-family-sans</Code>
235235
</td>
236-
<td>&#39;Open Sans&#39;, sans-serif;</td>
236+
<td>&#39;Open Sans&#39;, sans-serif</td>
237237
</tr>
238238
<tr>
239239
<td>
@@ -273,7 +273,7 @@ const sections = [
273273
<td>
274274
<Code>font-sans</Code>
275275
</td>
276-
<td>&#39;Open Sans&#39;, sans-serif;</td>
276+
<td>&#39;Open Sans&#39;, sans-serif</td>
277277
</tr>
278278
<tr>
279279
<td>

‎website/screens/components/alert/specs/AlertSpecsPage.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -278,7 +278,7 @@ const sections = [
278278
<td>
279279
<Code>font-family-sans</Code>
280280
</td>
281-
<td>&#39;Open Sans&#39;, sans-serif;</td>
281+
<td>&#39;Open Sans&#39;, sans-serif</td>
282282
</tr>
283283
<tr>
284284
<td>
@@ -308,7 +308,7 @@ const sections = [
308308
<td>
309309
<Code>font-family-sans</Code>
310310
</td>
311-
<td>&#39;Open Sans&#39;, sans-serif;</td>
311+
<td>&#39;Open Sans&#39;, sans-serif</td>
312312
</tr>
313313
<tr>
314314
<td>

‎website/screens/components/badge/specs/BadgeSpecsPage.tsx‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,8 @@
1-
import { DxcBulletedList, DxcFlex, DxcParagraph } from "@dxc-technology/halstack-react";
1+
import {
2+
DxcBulletedList,
3+
DxcFlex,
4+
DxcParagraph,
5+
} from "@dxc-technology/halstack-react";
26
import Image from "@/common/Image";
37
import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
48
import DocFooter from "@/common/DocFooter";
@@ -33,7 +37,7 @@ const sections = [
3337
title: "Design tokens",
3438
content: (
3539
<DxcParagraph>
36-
This component does not currently have design tokens.
40+
This component currently has no design tokens.
3741
</DxcParagraph>
3842
),
3943
},

‎website/screens/components/breadcrumbs/BreadcrumbsPageLayout.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,12 @@ const BreadcrumbsPageHeading = ({
88
}: {
99
children: React.ReactNode;
1010
}) => {
11-
const tabs = [{ label: "Code", path: "/components/breadcrumbs" }];
11+
const tabs = [
12+
{ label: "Code", path: "/components/breadcrumbs" },
13+
{ label: "Usage", path: "/components/breadcrumbs/usage" },
14+
{ label: "Specifications", path: "/components/breadcrumbs/specifications" },
15+
];
16+
1217
return (
1318
<DxcFlex direction="column" gap="3rem">
1419
<PageHeading>

‎website/screens/components/breadcrumbs/specs/BreadcrumbsSpecsPage.tsx‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
import {
2+
DxcBulletedList,
3+
DxcFlex,
4+
DxcParagraph,
5+
} from "@dxc-technology/halstack-react";
6+
import Image from "@/common/Image";
7+
import QuickNavContainerLayout from "@/common/QuickNavContainerLayout";
8+
import DocFooter from "@/common/DocFooter";
9+
import QuickNavContainer from "@/common/QuickNavContainer";
10+
import Figure from "@/common/Figure";
11+
import specs from "./images/breadcrumbs_specs.png";
12+
import anatomy from "./images/breadcrumbs_anatomy.png";
13+
14+
const sections = [
15+
{
16+
title: "Specifications",
17+
content: (
18+
<Figure caption="Breadcrumbs design specifications">
19+
<Image src={specs} alt="Breadcrumbs design specifications" />
20+
</Figure>
21+
),
22+
},
23+
{
24+
title: "Anatomy",
25+
content: (
26+
<>
27+
<Image src={anatomy} alt="Breadcrumbs anatomy" />
28+
<DxcBulletedList type="number">
29+
<DxcBulletedList.Item>Breadcrumbs item</DxcBulletedList.Item>
30+
<DxcBulletedList.Item>Divider</DxcBulletedList.Item>
31+
</DxcBulletedList>
32+
</>
33+
),
34+
},
35+
{
36+
title: "Design tokens",
37+
content: (
38+
<DxcParagraph>
39+
This component currently has no design tokens.
40+
</DxcParagraph>
41+
),
42+
},
43+
];
44+
45+
const BreadcrumbsSpecsPage = () => {
46+
return (
47+
<DxcFlex direction="column" gap="4rem">
48+
<QuickNavContainerLayout>
49+
<QuickNavContainer
50+
sections={sections}
51+
startHeadingLevel={2}
52+
></QuickNavContainer>
53+
</QuickNavContainerLayout>
54+
<DocFooter githubLink="https://github.com/dxc-technology/halstack-react/blob/master/website/screens/components/breadcrumbs/specs/BreadcrumbsSpecsPage.tsx" />
55+
</DxcFlex>
56+
);
57+
};
58+
59+
export default BreadcrumbsSpecsPage;

‎website/screens/components/breadcrumbs/specs/images/breadcrumbs_anatomy.png‎

7.1 KB
Loading

‎website/screens/components/breadcrumbs/specs/images/breadcrumbs_specs.png‎

8.51 KB
Loading

0 commit comments

Comments
 (0)