diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/index.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/index.tsx index b8a2d9c9598a24..e02f49ae4dcee7 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/index.tsx +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/index.tsx @@ -1,7 +1,7 @@ import { getAssemblerDesign, themesIllustrationImage, - assemblerIllustrationImage, + assemblerIllustrationV2Image, hiBigSky, } from '@automattic/design-picker'; import { StepContainer } from '@automattic/onboarding'; @@ -89,8 +89,10 @@ const DesignChoicesStep: Step = ( { navigation, flow, stepName } ) => { diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/style.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/style.scss index ee388db883f7a3..14fbe23fb0b9f4 100644 --- a/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/style.scss +++ b/client/landing/stepper/declarative-flow/internals/steps-repository/design-choices/style.scss @@ -37,7 +37,7 @@ left: 50%; top: 50%; transform: translate(-50%, -50%); - width: 340px; + width: 310px; max-width: unset; padding: 32px 18px 28px; } diff --git a/packages/design-picker/src/components/assets/images/assembler-illustration-v2.png b/packages/design-picker/src/components/assets/images/assembler-illustration-v2.png new file mode 100644 index 00000000000000..07a45387827fad Binary files /dev/null and b/packages/design-picker/src/components/assets/images/assembler-illustration-v2.png differ diff --git a/packages/design-picker/src/index.ts b/packages/design-picker/src/index.ts index 4265681ecdf791..0b65e462c6e192 100644 --- a/packages/design-picker/src/index.ts +++ b/packages/design-picker/src/index.ts @@ -1,6 +1,7 @@ export { default } from './components'; export { default as themesIllustrationImage } from './components/assets/images/themes-illustration.png'; export { default as assemblerIllustrationImage } from './components/assets/images/assembler-illustration.png'; +export { default as assemblerIllustrationV2Image } from './components/assets/images/assembler-illustration-v2.png'; export { default as hiBigSky } from './components/assets/images/hi-big-sky.png'; export { default as bigSkyModalHeader } from './components/assets/images/big-sky-interstitial-800.png'; export { default as FeaturedPicksButtons } from './components/featured-picks-buttons';