chore: catch up Storybook preview, coverage, and story hygiene
Stories were throwing without AuthModal/CreateFlow providers, autodocs was a no-op, and several DS/create-flow screens had no stories.
This commit is contained in:
adilallo
+109
-96
@@ -42,119 +42,132 @@ const Template = (args) => {
|
||||
);
|
||||
};
|
||||
|
||||
export const ToastDefault = Template.bind({});
|
||||
ToastDefault.args = {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
export const ToastDefault = {
|
||||
args: {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const ToastPositive = Template.bind({});
|
||||
ToastPositive.args = {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "toast",
|
||||
export const ToastPositive = {
|
||||
args: {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "toast",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const ToastWarning = Template.bind({});
|
||||
ToastWarning.args = {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "warning",
|
||||
type: "toast",
|
||||
export const ToastWarning = {
|
||||
args: {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "warning",
|
||||
type: "toast",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const ToastDanger = Template.bind({});
|
||||
ToastDanger.args = {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "danger",
|
||||
type: "toast",
|
||||
export const ToastDanger = {
|
||||
args: {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "danger",
|
||||
type: "toast",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const Banner = Template.bind({});
|
||||
Banner.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "banner",
|
||||
export const Banner = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "banner",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const BannerPositive = Template.bind({});
|
||||
BannerPositive.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "banner",
|
||||
export const BannerPositive = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "banner",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const BannerWarning = Template.bind({});
|
||||
BannerWarning.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "warning",
|
||||
type: "banner",
|
||||
export const BannerWarning = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "warning",
|
||||
type: "banner",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const BannerDanger = Template.bind({});
|
||||
BannerDanger.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "danger",
|
||||
type: "banner",
|
||||
export const BannerDanger = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "danger",
|
||||
type: "banner",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const TitleOnly = Template.bind({});
|
||||
TitleOnly.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
export const TitleOnly = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const ToastSmall = Template.bind({});
|
||||
ToastSmall.args = {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
size: "s",
|
||||
export const ToastSmall = {
|
||||
args: {
|
||||
title: "Short alert toast message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "default",
|
||||
type: "toast",
|
||||
size: "s",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
export const BannerSmall = Template.bind({});
|
||||
BannerSmall.args = {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "banner",
|
||||
size: "s",
|
||||
export const BannerSmall = {
|
||||
args: {
|
||||
title: "Short alert banner message goes here",
|
||||
description:
|
||||
"Nascetur ipsum a nisi tempor cras nam neque volutpat. Aliquam id est faucibus nunc quis. Eleifend suspendisse.",
|
||||
status: "positive",
|
||||
type: "banner",
|
||||
size: "s",
|
||||
},
|
||||
render: Template,
|
||||
};
|
||||
|
||||
const NoDismissTemplate = (args) => (
|
||||
<div className="p-8 max-w-[600px]">
|
||||
<Alert {...args} />
|
||||
</div>
|
||||
);
|
||||
export const BannerNoDismiss = NoDismissTemplate.bind({});
|
||||
BannerNoDismiss.args = {
|
||||
title: "Non-dismissible banner (no onClose)",
|
||||
description: "Used when the message clears via navigation or parent state only.",
|
||||
status: "danger",
|
||||
type: "banner",
|
||||
size: "s",
|
||||
export const BannerNoDismiss = {
|
||||
args: {
|
||||
title: "Non-dismissible banner (no onClose)",
|
||||
description:
|
||||
"Used when the message clears via navigation or parent state only.",
|
||||
status: "danger",
|
||||
type: "banner",
|
||||
size: "s",
|
||||
},
|
||||
render: NoDismissTemplate,
|
||||
};
|
||||
|
||||
export const AllStatuses = () => {
|
||||
const [visible, setVisible] = useState({
|
||||
default: true,
|
||||
|
||||
Reference in New Issue
Block a user