Skip to content

Commit d8d4a9f

Browse files
LinKCodingLinKCoding
committed
next bunch of updates
1 parent db002d3 commit d8d4a9f

File tree

20 files changed

+128
-89
lines changed

20 files changed

+128
-89
lines changed

‎packages/styleguide/src/lib/Molecules/About.mdx‎

Lines changed: 77 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,24 @@ import { Meta } from '@storybook/blocks';
22

33
import { AboutHeader, TableOfContents } from '~styleguide/blocks';
44

5+
import { parameters as accordionButtonDeprecatedParameters } from './AccordionButtonDeprecated/AccordionButtonDeprecated.mdx';
6+
import { parameters as accordionDeprecatedParameters } from './AccordionDeprecated/AccordionDeprecated.mdx';
7+
import { parameters as alertParameters } from './Alert/Alert.mdx';
8+
import { parameters as breadcrumbsParameters } from './Breadcrumbs/Breadcrumbs.mdx';
9+
import { parameters as coachmarkParameters } from './Coachmark/Coachmark.mdx';
10+
import { parameters as disclosureParameters } from './Disclosure/Disclosure.mdx';
11+
import { parameters as flyoutParameters } from './Flyout/Flyout.mdx';
12+
import { parameters as menuParameters } from './Menu/Menu.mdx';
13+
import { parameters as modalsParameters } from './Modals/About.mdx';
14+
import { parameters as paginationParameters } from './Pagination/Pagination.mdx';
15+
import { parameters as popoverParameters } from './Popover/Popover.mdx';
16+
import { parameters as tabsParameters } from './Tabs/Tabs.mdx';
17+
import { parameters as tipsParameters } from './Tips/About.mdx';
18+
import { parameters as toastsParameters } from './Toasts/About.mdx';
19+
import { parameters as videoParameters } from './Video/Video.mdx';
20+
521
export const parameters = {
6-
id: 'Molecules/About',
22+
id: 'Molecules',
723
title: 'Molecules',
824
subtitle:
925
'Molecules are groups of atoms together. These consist of a few atoms combined for a small, self-contained design.',
@@ -22,95 +38,94 @@ export const parameters = {
2238
<TableOfContents
2339
links={[
2440
{
25-
id: 'Molecules/AccordionButtonDeprecated',
26-
subtitle: `The standard "top" button for an AccordionDeprecated component.`,
27-
title: 'AccordionButtonDeprecated',
28-
status: 'deprecated',
41+
id: `${parameters.title}/${accordionButtonDeprecatedParameters.title}`,
42+
subtitle: accordionButtonDeprecatedParameters.subtitle,
43+
title: accordionButtonDeprecatedParameters.title,
44+
status: accordionButtonDeprecatedParameters.status,
2945
},
3046
{
31-
id: 'Molecules/AccordionDeprecated',
32-
subtitle: `A molecule consisting of a "top" section and an expandable body.`,
33-
title: 'AccordionDeprecated',
34-
status: 'deprecated',
47+
id: `${parameters.title}/${accordionDeprecatedParameters.title}`,
48+
subtitle: accordionDeprecatedParameters.subtitle,
49+
title: accordionDeprecatedParameters.title,
50+
status: accordionDeprecatedParameters.status,
3551
},
3652
{
37-
id: 'Molecules/Alert',
38-
subtitle: `An alert displays an important, succinct message, and provides actions for users to address (or dismiss the alert).`,
39-
title: 'Alert',
40-
status: 'current',
53+
id: `${parameters.title}/${alertParameters.title}`,
54+
subtitle: alertParameters.subtitle,
55+
title: alertParameters.title,
56+
status: alertParameters.status,
4157
},
4258
{
43-
id: 'Molecules/Breadcrumbs',
44-
subtitle: `Breadcrumb-style links for upwards navigation.`,
45-
title: 'Breadcrumbs',
46-
status: 'current',
59+
id: `${parameters.title}/${breadcrumbsParameters.title}`,
60+
subtitle: breadcrumbsParameters.subtitle,
61+
title: breadcrumbsParameters.title,
62+
status: breadcrumbsParameters.status,
4763
},
4864
{
49-
id: 'Molecules/Coachmark',
50-
subtitle: `A Coachmark helps bring attention to a CTA by showing a popover around that element.`,
51-
title: 'Coachmark',
52-
status: 'current',
65+
id: `${parameters.title}/${coachmarkParameters.title}`,
66+
subtitle: coachmarkParameters.subtitle,
67+
title: coachmarkParameters.title,
68+
status: coachmarkParameters.status,
5369
},
5470
{
55-
id: 'Molecules/Disclosure',
56-
subtitle: `A Disclosure is an expandable container featuring a heading that serves as a toggle to expand or collapse a content section.`,
57-
title: 'Disclosure',
58-
status: 'current',
71+
id: `${parameters.title}/${disclosureParameters.title}`,
72+
subtitle: disclosureParameters.subtitle,
73+
title: disclosureParameters.title,
74+
status: disclosureParameters.status,
5975
},
6076
{
61-
id: 'Molecules/Flyout',
62-
subtitle: `Flyout is a general purpose container that animates into view.`,
63-
title: 'Flyout',
64-
status: 'current',
77+
id: `${parameters.title}/${flyoutParameters.title}`,
78+
subtitle: flyoutParameters.subtitle,
79+
title: flyoutParameters.title,
80+
status: flyoutParameters.status,
6581
},
6682
{
67-
id: 'Molecules/Menu',
68-
subtitle: `The Menu component with MenuItem and MenuSeparator subcomponents.`,
69-
title: 'Menu',
70-
status: 'current',
83+
id: `${parameters.title}/${menuParameters.title}`,
84+
subtitle: menuParameters.subtitle,
85+
title: menuParameters.title,
86+
status: menuParameters.status,
7187
},
7288
{
73-
id: 'Molecules/Modals',
74-
subtitle: `The abstract concepts our system is built on: colors, spacing, responsive layouts, and the like.`,
75-
title: 'Modals',
76-
status: 'current',
89+
id: `${parameters.title}/${modalsParameters.title}`,
90+
subtitle: modalsParameters.subtitle,
91+
title: modalsParameters.title,
92+
status: modalsParameters.status,
7793
},
7894
{
79-
id: 'Molecules/Pagination',
80-
subtitle: `Controls for navigating through paginated content.`,
81-
title: 'Pagination',
82-
status: 'current',
95+
id: `${parameters.title}/${paginationParameters.title}`,
96+
subtitle: paginationParameters.subtitle,
97+
title: paginationParameters.title,
98+
status: paginationParameters.status,
8399
},
84100
{
85-
id: 'Molecules/Popover',
86-
subtitle: `Popover is a surface which takes a target element and shows an overlay positioned around that element.`,
87-
title: 'Popover',
88-
status: 'current',
101+
id: `${parameters.title}/${popoverParameters.title}`,
102+
subtitle: popoverParameters.subtitle,
103+
title: popoverParameters.title,
104+
status: popoverParameters.status,
89105
},
90106
{
91-
id: 'Molecules/Tabs',
92-
subtitle: `Tabs organize content into multiple sections, with only one section visible at a time.`,
93-
title: 'Tabs',
94-
status: 'current',
107+
id: `${parameters.title}/${tabsParameters.title}`,
108+
subtitle: tabsParameters.subtitle,
109+
title: tabsParameters.title,
110+
status: tabsParameters.status,
95111
},
96112
{
97-
id: 'Molecules/Tips',
98-
subtitle: `Tips come in the form of ToolTip or InfoTips (and eventually link PreviewTip).`,
99-
title: 'Tips',
100-
status: 'current',
113+
id: `${parameters.title}/${tipsParameters.title}`,
114+
subtitle: tipsParameters.subtitle,
115+
title: tipsParameters.title,
116+
status: tipsParameters.status,
101117
},
102118
{
103-
id: 'Molecules/Toasts',
104-
subtitle: `Use Toasts to reveal non-essential information upon interaction.`,
105-
title: 'Toasts',
106-
status: 'current',
119+
id: `${parameters.title}/${toastsParameters.title}`,
120+
subtitle: toastsParameters.subtitle,
121+
title: toastsParameters.title,
122+
status: toastsParameters.status,
107123
},
108124
{
109-
id: 'Molecules/Video',
110-
subtitle: `A video player that can play both youtube and vimeo videos
111-
given a video URL.`,
112-
title: 'Video',
113-
status: 'updating',
125+
id: `${parameters.title}/${videoParameters.title}`,
126+
subtitle: videoParameters.subtitle,
127+
title: videoParameters.title,
128+
status: videoParameters.status,
114129
},
115130
]}
116131
/>

‎packages/styleguide/src/lib/Molecules/AccordionButtonDeprecated/AccordionButtonDeprecated.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { Callout, ComponentHeader, LinkTo } from '~styleguide/blocks';
55
import * as AccordionButtonDeprecatedStories from './AccordionButtonDeprecated.stories';
66

77
export const parameters = {
8+
title: 'AccordionButtonDeprecated',
89
subtitle: `The standard "top" button for an AccordionDeprecated component.
910
Comes in a few standard size and color combinations.`,
1011
status: 'deprecated',

‎packages/styleguide/src/lib/Molecules/AccordionDeprecated/AccordionDeprecated.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { Callout, ComponentHeader, LinkTo } from '~styleguide/blocks';
55
import * as AccordionDeprecatedStories from './AccordionDeprecated.stories';
66

77
export const parameters = {
8+
title: 'AccordionDeprecated',
89
subtitle: `A molecule consisting of a "top" section and an expandable body,
910
such as a "hint" section in the LE or a list of department jobs on a careers page.`,
1011
status: 'deprecated',

‎packages/styleguide/src/lib/Molecules/Alert/Alert.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader, ImageWrapper } from '~styleguide/blocks';
55
import * as AlertStories from './Alert.stories';
66

77
export const parameters = {
8+
title: 'Alert',
89
subtitle: `An alert displays an important, succinct message, and provides actions for users to address (or dismiss the alert). It requires a user action to be dismissed.`,
910
design: {
1011
type: 'figma',

‎packages/styleguide/src/lib/Molecules/Breadcrumbs/Breadcrumbs.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader } from '~styleguide/blocks';
55
import * as BreadcrumbStories from './Breadcrumbs.stories';
66

77
export const parameters = {
8+
title: 'Breadcrumbs',
89
subtitle: `Breadcrumb-style links for upwards navigation.`,
910
status: 'current',
1011
design: {

‎packages/styleguide/src/lib/Molecules/Coachmark/Coachmark.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader } from '~styleguide/blocks';
55
import * as CoachmarkStories from './Coachmark.stories';
66

77
export const parameters = {
8+
title: 'Coachmark',
89
subtitle:
910
'A Coachmark helps bring attention to a CTA by showing a popover around that element.',
1011
source: {

‎packages/styleguide/src/lib/Molecules/Disclosure/Disclosure.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader, LinkTo } from '~styleguide/blocks';
55
import * as DisclosureStories from './Disclosure.stories';
66

77
export const parameters = {
8+
title: 'Disclosure',
89
subtitle:
910
'A Disclosure is an expandable container featuring a heading that serves as a toggle to expand or collapse a content section.',
1011
source: {

‎packages/styleguide/src/lib/Molecules/Flyout/Flyout.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader, LinkTo } from '~styleguide/blocks';
55
import * as FlyoutStories from './Flyout.stories';
66

77
export const parameters = {
8+
title: 'Flyout',
89
subtitle: `Flyout is a general purpose container that animates into view.`,
910
design: {
1011
type: 'figma',

‎packages/styleguide/src/lib/Molecules/Menu/Menu.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader, ImageWrapper, LinkTo } from '~styleguide/blocks';
55
import * as MenuStories from './Menu.stories';
66

77
export const parameters = {
8+
title: 'Menu',
89
subtitle: `The Menu component with MenuItem and MenuSeparator subcomponents.`,
910
design: {
1011
type: 'figma',

‎packages/styleguide/src/lib/Molecules/Pagination/Pagination.mdx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ import { ComponentHeader } from '~styleguide/blocks';
55
import * as TemplateStories from './Pagination.stories';
66

77
export const parameters = {
8+
title: 'Pagination',
89
subtitle: `Controls for navigating through paginated content.`,
910
design: {
1011
type: 'figma',

0 commit comments

Comments
 (0)