diff --git a/components/coachmark/stories/coachmark.stories.js b/components/coachmark/stories/coachmark.stories.js index c6513caaa5..5cd7cf3dfc 100644 --- a/components/coachmark/stories/coachmark.stories.js +++ b/components/coachmark/stories/coachmark.stories.js @@ -6,7 +6,7 @@ import packageJson from "../package.json"; import { CoachMarkGroup } from "./coachmark.test.js"; import { CoachmarkMenuStatesTemplate, - CoachMarkMediaStateTemplates, + CoachmarkMediaStatesTemplate, CoachmarkShortcutStatesTemplate, } from "./template.js"; @@ -130,7 +130,7 @@ Standard.parameters = { Standard.args = { image: "example-card-landscape.png" }; /** Images and media have a minimum height and can grow with the parent component. Fixed height media is constrained to a 4:3 aspect ratio by applying the spectrum-CoachMark-image-wrapper--fixedHeight class. */ -export const MediaStates = CoachMarkMediaStateTemplates.bind({}); +export const MediaStates = CoachmarkMediaStatesTemplate.bind({}); MediaStates.tags = ["!dev"]; MediaStates.args = { imageSource: "example-card-portrait.png", diff --git a/components/coachmark/stories/template.js b/components/coachmark/stories/template.js index ce1e838f5b..2b93947af5 100644 --- a/components/coachmark/stories/template.js +++ b/components/coachmark/stories/template.js @@ -198,7 +198,7 @@ export const CoachmarkMenuStatesTemplate = (args, context) => }); /* Displays fixed and minimum height images in a single story. */ -export const CoachMarkMediaStateTemplates = (args, context) => +export const CoachmarkMediaStatesTemplate = (args, context) => Container({ withBorder: false, withHeading: false,