From 7d3574cd099765aaefebb2e647ff902f5b9ef505 Mon Sep 17 00:00:00 2001 From: Giornetta Nicola Date: Thu, 16 Oct 2025 08:59:24 +0200 Subject: [PATCH 1/3] Fix storybook image URLs --- .changeset/khaki-clouds-poke.md | 5 ++ .../stories/Bannerlink/bannerlinkCommons.tsx | 14 +++-- .../stories/Cards/cardsCommons.tsx | 4 +- .../stories/Editorial-Switch/dark.stories.tsx | 8 +-- .../Editorial-Switch/light.stories.tsx | 8 +-- .../stories/Editorial/editorialCommons.tsx | 4 +- .../stories/Feature/featureCommons.tsx | 2 +- .../stories/Feature/light.stories.tsx | 2 +- .../stories/Footer/component.tsx | 2 +- .../stories/FramedVideo/dark.stories.tsx | 6 +- .../stories/FramedVideo/light.stories.tsx | 6 +- .../stories/Header/component.tsx | 16 +++--- .../stories/Hero/heroCommons.tsx | 4 +- .../stories/HeroChips/herochipsCommons.tsx | 2 +- .../HeroCounter/herocounterCommons.tsx | 2 +- .../stories/HighlightBox/default.stories.tsx | 6 +- .../stories/HowTo/howtoCommons.tsx | 2 +- .../MediaResources/default.stories.tsx | 56 +++++++++---------- .../stories/MegaHeader/component.tsx | 6 +- .../stories/Page-Switch/dark.stories.tsx | 28 +++++----- .../stories/Page-Switch/light.stories.tsx | 28 +++++----- .../stories/PreFooter/component.tsx | 3 +- .../ServiceCarousel/default.stories.tsx | 10 ++-- .../stories/Stats/default.stories.tsx | 6 +- .../stories/VideoImage/dark.stories.tsx | 38 ++++++------- 25 files changed, 139 insertions(+), 129 deletions(-) create mode 100644 .changeset/khaki-clouds-poke.md diff --git a/.changeset/khaki-clouds-poke.md b/.changeset/khaki-clouds-poke.md new file mode 100644 index 000000000..d1e4eb734 --- /dev/null +++ b/.changeset/khaki-clouds-poke.md @@ -0,0 +1,5 @@ +--- +"nextjs-website": patch +--- + +Fix storybook image URLs diff --git a/apps/nextjs-website/stories/Bannerlink/bannerlinkCommons.tsx b/apps/nextjs-website/stories/Bannerlink/bannerlinkCommons.tsx index 62093fbf4..8c508c751 100644 --- a/apps/nextjs-website/stories/Bannerlink/bannerlinkCommons.tsx +++ b/apps/nextjs-website/stories/Bannerlink/bannerlinkCommons.tsx @@ -6,6 +6,11 @@ export const BannerLinkTemplate: StoryFn = (args) => ( ); +const getIcon = (theme: 'light' | 'dark') => + theme === 'light' + ? 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg' + : 'https://d2mk0pc4ejgxx6.cloudfront.net/dark_icon_dee9ab4f99.svg'; + const generateDefaultProps = ( theme: 'light' | 'dark' ): Partial => ({ @@ -19,8 +24,7 @@ const generateDefaultProps = ( informazioni utili come il codice univoco della notifica (IUN)

), - iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + iconURL: getIcon(theme), ctaButtons: [ { text: 'Scrivici', @@ -55,8 +59,7 @@ const generateTwoColumnProps = ( informazioni utili come il codice univoco della notifica (IUN)

), - iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + iconURL: getIcon(theme), ctaButtons: [ { text: 'Scrivici', @@ -79,8 +82,7 @@ const generateTwoColumnProps = ( venerdì dalle 08:00 alle 20:00 e il sabato dalle 08:00 alle 14:00.

), - iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + iconURL: getIcon(theme), ctaButtons: [ { text: 'Chiamaci', diff --git a/apps/nextjs-website/stories/Cards/cardsCommons.tsx b/apps/nextjs-website/stories/Cards/cardsCommons.tsx index d89510652..acddea670 100644 --- a/apps/nextjs-website/stories/Cards/cardsCommons.tsx +++ b/apps/nextjs-website/stories/Cards/cardsCommons.tsx @@ -8,7 +8,7 @@ export const generateItems = (count: number): CardsItemProps[] => Array.from({ length: count }, (_, i) => ({ title: `Card ${i + 1}`, text: `This is card ${i + 1}`, - iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', })); // Function to generate items @@ -16,7 +16,7 @@ export const generateItemsWithLinks = (count: number): CardsItemProps[] => Array.from({ length: count }, (_, i) => ({ title: `Card ${i + 1}`, text: `This is card ${i + 1}`, - iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', links: [ { label: `Link ${i + 1}`, diff --git a/apps/nextjs-website/stories/Editorial-Switch/dark.stories.tsx b/apps/nextjs-website/stories/Editorial-Switch/dark.stories.tsx index 3a43db8ba..97cce1eca 100644 --- a/apps/nextjs-website/stories/Editorial-Switch/dark.stories.tsx +++ b/apps/nextjs-website/stories/Editorial-Switch/dark.stories.tsx @@ -30,13 +30,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -55,13 +55,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), diff --git a/apps/nextjs-website/stories/Editorial-Switch/light.stories.tsx b/apps/nextjs-website/stories/Editorial-Switch/light.stories.tsx index 4d1412e18..50d0e695f 100644 --- a/apps/nextjs-website/stories/Editorial-Switch/light.stories.tsx +++ b/apps/nextjs-website/stories/Editorial-Switch/light.stories.tsx @@ -30,13 +30,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -55,13 +55,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), diff --git a/apps/nextjs-website/stories/Editorial/editorialCommons.tsx b/apps/nextjs-website/stories/Editorial/editorialCommons.tsx index 23afb7263..900ed4ba0 100644 --- a/apps/nextjs-website/stories/Editorial/editorialCommons.tsx +++ b/apps/nextjs-website/stories/Editorial/editorialCommons.tsx @@ -29,13 +29,13 @@ const generateDefaultProps = ( width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), diff --git a/apps/nextjs-website/stories/Feature/featureCommons.tsx b/apps/nextjs-website/stories/Feature/featureCommons.tsx index b67fc9d13..9da0af937 100644 --- a/apps/nextjs-website/stories/Feature/featureCommons.tsx +++ b/apps/nextjs-website/stories/Feature/featureCommons.tsx @@ -20,7 +20,7 @@ const generateItems = ( iconURL: theme === 'dark' ? 'https://d2mk0pc4ejgxx6.cloudfront.net/dark_icon_dee9ab4f99.svg' - : 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + : 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ...(withLinks ? { link: { diff --git a/apps/nextjs-website/stories/Feature/light.stories.tsx b/apps/nextjs-website/stories/Feature/light.stories.tsx index dbfa5eb7c..3a948eb24 100644 --- a/apps/nextjs-website/stories/Feature/light.stories.tsx +++ b/apps/nextjs-website/stories/Feature/light.stories.tsx @@ -37,5 +37,5 @@ export const LightFeatureFullWithCustomBackground: StoryFn = FeatureTemplate.bind({}); LightFeatureFullWithCustomBackground.args = { ...defaultPropsLightWithLinks, - background: '#000', + background: '#DDDDDD', }; diff --git a/apps/nextjs-website/stories/Footer/component.tsx b/apps/nextjs-website/stories/Footer/component.tsx index cc71af67f..f4ec888af 100644 --- a/apps/nextjs-website/stories/Footer/component.tsx +++ b/apps/nextjs-website/stories/Footer/component.tsx @@ -68,7 +68,7 @@ export const StorybookFooter = ({ socialLinks: [ { iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', href: '#', ariaLabel: 'Social', }, diff --git a/apps/nextjs-website/stories/FramedVideo/dark.stories.tsx b/apps/nextjs-website/stories/FramedVideo/dark.stories.tsx index 84609506e..a7a92126a 100644 --- a/apps/nextjs-website/stories/FramedVideo/dark.stories.tsx +++ b/apps/nextjs-website/stories/FramedVideo/dark.stories.tsx @@ -14,7 +14,7 @@ export const VideoWithTextLeft: StoryFn = VideoWithTextLeft.args = { ...defaultsDark, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', text: { title: 'Aenean commodo ligula eget dolor', body: `Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. @@ -33,7 +33,7 @@ export const VideoWithTextRight: StoryFn = VideoWithTextRight.args = { ...defaultsDark, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', text: { title: 'Aenean commodo ligula eget dolor', body: `Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. @@ -52,7 +52,7 @@ export const VideoFullScreen: StoryFn = VideoFullScreen.args = { ...defaultsDark, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', }; export const NoVideo: StoryFn = FramedVideoTemplate.bind( diff --git a/apps/nextjs-website/stories/FramedVideo/light.stories.tsx b/apps/nextjs-website/stories/FramedVideo/light.stories.tsx index f9da18222..299970cf6 100644 --- a/apps/nextjs-website/stories/FramedVideo/light.stories.tsx +++ b/apps/nextjs-website/stories/FramedVideo/light.stories.tsx @@ -14,7 +14,7 @@ export const VideoWithTextLeft: StoryFn = VideoWithTextLeft.args = { ...defaultsLight, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', text: { title: 'Aenean commodo ligula eget dolor', body: `Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. @@ -33,7 +33,7 @@ export const VideoWithTextRight: StoryFn = VideoWithTextRight.args = { ...defaultsLight, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', text: { title: 'Aenean commodo ligula eget dolor', body: `Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. @@ -52,7 +52,7 @@ export const VideoFullScreen: StoryFn = VideoFullScreen.args = { ...defaultsLight, videoURL: - 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', }; export const NoVideo: StoryFn = FramedVideoTemplate.bind( diff --git a/apps/nextjs-website/stories/Header/component.tsx b/apps/nextjs-website/stories/Header/component.tsx index f58ac2643..37d1e9c83 100644 --- a/apps/nextjs-website/stories/Header/component.tsx +++ b/apps/nextjs-website/stories/Header/component.tsx @@ -33,7 +33,7 @@ const makeHeaderProps = ({ logo: { src: customLogo ?? - 'https://notifichedigitali.pagopa.it/static/images/logo.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/logo_sedn_6453fc30cd.svg', alt: 'Logo', href: '#', }, @@ -100,7 +100,7 @@ const makeHeaderProps = ({ buttonText: 'Bottone Card Link', href: '#', icons: [ - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ], }, { @@ -113,8 +113,8 @@ const makeHeaderProps = ({ buttonText: 'Bottone Card Link', href: '#', icons: [ - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ], }, { @@ -127,9 +127,9 @@ const makeHeaderProps = ({ buttonText: 'Bottone Card Link', href: '#', icons: [ - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ], }, ], @@ -160,7 +160,7 @@ const makeHeaderProps = ({ buttonText: 'Bottone Card Link', href: '#', icons: [ - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ], }, ], diff --git a/apps/nextjs-website/stories/Hero/heroCommons.tsx b/apps/nextjs-website/stories/Hero/heroCommons.tsx index fb0bebd3d..b117e4cc2 100644 --- a/apps/nextjs-website/stories/Hero/heroCommons.tsx +++ b/apps/nextjs-website/stories/Hero/heroCommons.tsx @@ -35,13 +35,13 @@ const createHeroProps = ( subtitle: withSubtitle ? subtitle : '', ctaButtons: withButtons ? ctaButtons : [], image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-foreground.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/bg_hero_54e55afdee.png', srcSet: '', alt: 'Alt text for image', }, ...(theme === 'dark' && { background: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', srcSet: '', }, }), diff --git a/apps/nextjs-website/stories/HeroChips/herochipsCommons.tsx b/apps/nextjs-website/stories/HeroChips/herochipsCommons.tsx index e57164b39..3b3055c64 100644 --- a/apps/nextjs-website/stories/HeroChips/herochipsCommons.tsx +++ b/apps/nextjs-website/stories/HeroChips/herochipsCommons.tsx @@ -22,7 +22,7 @@ const createHeroChipsProps = ( subtitle: withSubtitle ? subtitle : '', ...(theme === 'dark' && { background: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', srcSet: '', }, }), diff --git a/apps/nextjs-website/stories/HeroCounter/herocounterCommons.tsx b/apps/nextjs-website/stories/HeroCounter/herocounterCommons.tsx index f5a166d4b..68f76910b 100644 --- a/apps/nextjs-website/stories/HeroCounter/herocounterCommons.tsx +++ b/apps/nextjs-website/stories/HeroCounter/herocounterCommons.tsx @@ -29,7 +29,7 @@ const createHeroCounterProps = ( }), ...(theme === 'dark' && { background: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', srcSet: '', }, }), diff --git a/apps/nextjs-website/stories/HighlightBox/default.stories.tsx b/apps/nextjs-website/stories/HighlightBox/default.stories.tsx index ec83a1468..686777cca 100644 --- a/apps/nextjs-website/stories/HighlightBox/default.stories.tsx +++ b/apps/nextjs-website/stories/HighlightBox/default.stories.tsx @@ -20,7 +20,7 @@ HighlightBoxFull.args = { title: 'Sta arrivando IT Wallet!', body: 'Se hai tra 18 e 35 anni compiuti puoi richiedere su IO la Carta Giovani Nazionale, istituita dal Dipartimento per le Politiche Giovanili e il Servizio Civile Universale. La carta dà diritto a sconti e agevolazioni per l’accesso ad attività culturali, sportive e ricreative, anche con finalità formative.', image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-cittadini-foreground.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/heo_cittadini_5acf230a3e.png', srcSet: '', }, eyelet: 'In arrivo su IO', @@ -37,7 +37,7 @@ HighlightBoxWithoutButton.args = { title: 'Sta arrivando IT Wallet!', body: 'Se hai tra 18 e 35 anni compiuti puoi richiedere su IO la Carta Giovani Nazionale, istituita dal Dipartimento per le Politiche Giovanili e il Servizio Civile Universale. La carta dà diritto a sconti e agevolazioni per l’accesso ad attività culturali, sportive e ricreative, anche con finalità formative.', image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-cittadini-foreground.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/heo_cittadini_5acf230a3e.png', srcSet: '', }, eyelet: 'In arrivo su IO', @@ -50,7 +50,7 @@ HighlightBoxWithoutEyelet.args = { title: 'Sta arrivando IT Wallet!', body: 'Se hai tra 18 e 35 anni compiuti puoi richiedere su IO la Carta Giovani Nazionale, istituita dal Dipartimento per le Politiche Giovanili e il Servizio Civile Universale. La carta dà diritto a sconti e agevolazioni per l’accesso ad attività culturali, sportive e ricreative, anche con finalità formative.', image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-cittadini-foreground.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/heo_cittadini_5acf230a3e.png', srcSet: '', }, eyelet: '', diff --git a/apps/nextjs-website/stories/HowTo/howtoCommons.tsx b/apps/nextjs-website/stories/HowTo/howtoCommons.tsx index e3bf49661..00c198df4 100644 --- a/apps/nextjs-website/stories/HowTo/howtoCommons.tsx +++ b/apps/nextjs-website/stories/HowTo/howtoCommons.tsx @@ -23,7 +23,7 @@ const generateSteps = ( iconURL: theme === 'dark' ? 'https://d2mk0pc4ejgxx6.cloudfront.net/dark_icon_dee9ab4f99.svg' - : 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + : 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }), index: i, theme, diff --git a/apps/nextjs-website/stories/MediaResources/default.stories.tsx b/apps/nextjs-website/stories/MediaResources/default.stories.tsx index 01f702fb9..a4be90de7 100644 --- a/apps/nextjs-website/stories/MediaResources/default.stories.tsx +++ b/apps/nextjs-website/stories/MediaResources/default.stories.tsx @@ -22,44 +22,44 @@ MediaResourcesFullLight.args = { items: [ { title: 'Documenti su IO', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il documento', }, { title: 'Messaggi', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Pagamenti', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il documento', }, { title: 'SEND', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Servizi', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'App IO', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Logo e brand manual', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il manuale', }, ], @@ -75,44 +75,44 @@ MediaResourcesFullDark.args = { items: [ { title: 'Documenti su IO', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il documento', }, { title: 'Messaggi', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Pagamenti', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il documento', }, { title: 'SEND', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Servizi', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'App IO', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica immagine', }, { title: 'Logo e brand manual', - thumbnailURL: 'https://via.placeholder.com/400', - resourceURL: 'https://via.placeholder.com/400', + thumbnailURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', + resourceURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/man_1ff6c4bf50.webp', label: 'Scarica il manuale', }, ], diff --git a/apps/nextjs-website/stories/MegaHeader/component.tsx b/apps/nextjs-website/stories/MegaHeader/component.tsx index 295e54d19..b755623c0 100644 --- a/apps/nextjs-website/stories/MegaHeader/component.tsx +++ b/apps/nextjs-website/stories/MegaHeader/component.tsx @@ -141,7 +141,9 @@ const makeMegaHeaderProps = ({ const baseProps: Partial = { menuItems: defaultMenuItems, logo: { - src: customLogo ?? 'https://io.italia.it/assets/img/io-it-logo-blue.svg', + src: + customLogo ?? + 'https://d2mk0pc4ejgxx6.cloudfront.net/IO_logo_aaacbceaf0.svg', alt: 'logo', href: '#', }, @@ -179,7 +181,7 @@ const makeMegaHeaderProps = ({ buttonText: 'Apri link', href: '#', icons: [ - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ], }, ], diff --git a/apps/nextjs-website/stories/Page-Switch/dark.stories.tsx b/apps/nextjs-website/stories/Page-Switch/dark.stories.tsx index f5ee52f1c..c645e9df1 100644 --- a/apps/nextjs-website/stories/Page-Switch/dark.stories.tsx +++ b/apps/nextjs-website/stories/Page-Switch/dark.stories.tsx @@ -31,13 +31,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -54,13 +54,13 @@ Default.args = { title: 'Card 1', text: 'This is card 1', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Card 2', text: 'This is card 2', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -89,7 +89,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Scrivici', @@ -118,13 +118,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -142,7 +142,7 @@ Default.args = { title: 'Card 3', text: 'This is card 3', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -171,7 +171,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Contattaci', @@ -200,13 +200,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -223,13 +223,13 @@ Default.args = { title: 'Card 4', text: 'This is card 4', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Card 5', text: 'This is card 5', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -258,7 +258,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Aiuto', diff --git a/apps/nextjs-website/stories/Page-Switch/light.stories.tsx b/apps/nextjs-website/stories/Page-Switch/light.stories.tsx index 86044d912..b381c63e6 100644 --- a/apps/nextjs-website/stories/Page-Switch/light.stories.tsx +++ b/apps/nextjs-website/stories/Page-Switch/light.stories.tsx @@ -31,13 +31,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -54,13 +54,13 @@ Default.args = { title: 'Card 1', text: 'This is card 1', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Card 2', text: 'This is card 2', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -89,7 +89,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Scrivici', @@ -118,13 +118,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -142,7 +142,7 @@ Default.args = { title: 'Card 3', text: 'This is card 3', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -171,7 +171,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Contattaci', @@ -200,13 +200,13 @@ Default.args = { width: 'standard', image: ( placeholder ), mobileImage: ( placeholder ), @@ -223,13 +223,13 @@ Default.args = { title: 'Card 4', text: 'This is card 4', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Card 5', text: 'This is card 5', iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], text: { @@ -258,7 +258,7 @@ Default.args = {

), iconURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', ctaButtons: [ { text: 'Aiuto', diff --git a/apps/nextjs-website/stories/PreFooter/component.tsx b/apps/nextjs-website/stories/PreFooter/component.tsx index c83d50f20..11861ffe9 100644 --- a/apps/nextjs-website/stories/PreFooter/component.tsx +++ b/apps/nextjs-website/stories/PreFooter/component.tsx @@ -68,7 +68,8 @@ export const StorybookPreFooter: React.FC = ({ } setBackgroundUrl( - customImage ?? 'https://assets.innovazione.gov.it/1610704590-io.png' + customImage ?? + 'https://d2mk0pc4ejgxx6.cloudfront.net/IO_logo_aaacbceaf0.svg' ); return cleanup; diff --git a/apps/nextjs-website/stories/ServiceCarousel/default.stories.tsx b/apps/nextjs-website/stories/ServiceCarousel/default.stories.tsx index 776df5984..40c9445c8 100644 --- a/apps/nextjs-website/stories/ServiceCarousel/default.stories.tsx +++ b/apps/nextjs-website/stories/ServiceCarousel/default.stories.tsx @@ -31,7 +31,7 @@ ServiceCarouselFull.args = { description: 'Con pagoPA integrata nell’app, paghi in modo rapido e sicuro i servizi di tutti gli Enti della Pubblica Amministrazione.', imageURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Funzionalità', @@ -42,7 +42,7 @@ ServiceCarouselFull.args = { description: 'Con pagoPA integrata nell’app, paghi in modo rapido e sicuro i servizi di tutti gli Enti della Pubblica Amministrazione.', imageURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Funzionalità', @@ -53,7 +53,7 @@ ServiceCarouselFull.args = { description: 'Con pagoPA integrata nell’app, paghi in modo rapido e sicuro i servizi di tutti gli Enti della Pubblica Amministrazione.', imageURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Funzionalità', @@ -64,7 +64,7 @@ ServiceCarouselFull.args = { description: 'Con pagoPA integrata nell’app, paghi in modo rapido e sicuro i servizi di tutti gli Enti della Pubblica Amministrazione.', imageURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, { title: 'Funzionalità', @@ -75,7 +75,7 @@ ServiceCarouselFull.args = { description: 'Con pagoPA integrata nell’app, paghi in modo rapido e sicuro i servizi di tutti gli Enti della Pubblica Amministrazione.', imageURL: - 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_f76dbe7883.svg', + 'https://d2mk0pc4ejgxx6.cloudfront.net/light_icon_45a3f353d1.svg', }, ], }; diff --git a/apps/nextjs-website/stories/Stats/default.stories.tsx b/apps/nextjs-website/stories/Stats/default.stories.tsx index 9db0ed533..71fcdb25c 100644 --- a/apps/nextjs-website/stories/Stats/default.stories.tsx +++ b/apps/nextjs-website/stories/Stats/default.stories.tsx @@ -23,17 +23,17 @@ StatsFull.args = { { title: '647M', description: 'messaggi inviati dagli enti su IO', - iconURL: 'https://io.italia.it/assets/img/io-it-logo-blue.svg', + iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/IO_logo_aaacbceaf0.svg', }, { title: '8M', description: 'metodi di pagamento aggiunti dalle persone', - iconURL: 'https://io.italia.it/assets/img/io-it-logo-blue.svg', + iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/IO_logo_aaacbceaf0.svg', }, { title: '319.629', description: 'servizi locali e nazionali disponibili', - iconURL: 'https://io.italia.it/assets/img/io-it-logo-blue.svg', + iconURL: 'https://d2mk0pc4ejgxx6.cloudfront.net/IO_logo_aaacbceaf0.svg', }, ], }; diff --git a/apps/nextjs-website/stories/VideoImage/dark.stories.tsx b/apps/nextjs-website/stories/VideoImage/dark.stories.tsx index fedefb0c9..ec60e01ac 100644 --- a/apps/nextjs-website/stories/VideoImage/dark.stories.tsx +++ b/apps/nextjs-website/stories/VideoImage/dark.stories.tsx @@ -21,7 +21,7 @@ VideoFull.args = {

), video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -37,7 +37,7 @@ VideoFullNoSubtitle.args = { ...defaultsDark, title: 'Sample Video Title', video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -52,7 +52,7 @@ export const VideoFullNoTitleNoSubtitle: StoryFn = VideoFullNoTitleNoSubtitle.args = { ...defaultsDark, video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -74,7 +74,7 @@ VideoFullWithCaption.args = { ), caption: 'Sample Video Caption', video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -91,7 +91,7 @@ VideoFullNoSubtitleWithCaption.args = { title: 'Sample Video Title', caption: 'Sample Video Caption', video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -108,7 +108,7 @@ VideoFullNoTitleNoSubtitleWithCaption.args = { caption: 'Sample Video Caption', isCentered: true, video: { - src: 'https://assets.mixkit.co/videos/preview/mixkit-person-typing-on-a-computer-in-detail-4907-large.mp4', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/2023_12_14_16_24_35_Trim_online_video_cutter_com_d9b4283685.mp4', autoplay: false, fallback: 'fallback', loop: false, @@ -136,12 +136,12 @@ ImageFull.args = {

), image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, @@ -153,12 +153,12 @@ export const ImageNoTextWithCaptionCentered: StoryFn = ImageNoTextWithCaptionCentered.args = { ...defaultsDark, image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, @@ -171,12 +171,12 @@ export const ImageNoTextWithCaptionLeft: StoryFn = ImageNoTextWithCaptionLeft.args = { ...defaultsDark, image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, @@ -200,12 +200,12 @@ ImageNoCaptionWithTextCenter.args = {

), image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, @@ -229,12 +229,12 @@ ImageNoCaptionWithTextLeft.args = {

), image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, @@ -245,13 +245,13 @@ export const ImageNoTitleNoCaption: StoryFn = ImageNoTitleNoCaption.args = { ...defaultsDark, image: { - src: 'https://notifichedigitali.pagopa.it/static/images/hero-enti-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Image Alt', srcSet: '', }, mobileImage: { - src: 'https://notifichedigitali.pagopa.it/static/images/pi-hero-background.png', + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', alt: 'Sample Mobile Image Alt', srcSet: '', }, -}; \ No newline at end of file +}; From 658b42b07a734b8641ab1b90c8742da2f17d90d7 Mon Sep 17 00:00:00 2001 From: Giornetta Nicola Date: Thu, 16 Oct 2025 16:00:42 +0200 Subject: [PATCH 2/3] Replace custom background color for Feature component --- apps/nextjs-website/stories/Feature/light.stories.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/nextjs-website/stories/Feature/light.stories.tsx b/apps/nextjs-website/stories/Feature/light.stories.tsx index 3a948eb24..81d8cd7f7 100644 --- a/apps/nextjs-website/stories/Feature/light.stories.tsx +++ b/apps/nextjs-website/stories/Feature/light.stories.tsx @@ -37,5 +37,5 @@ export const LightFeatureFullWithCustomBackground: StoryFn = FeatureTemplate.bind({}); LightFeatureFullWithCustomBackground.args = { ...defaultPropsLightWithLinks, - background: '#DDDDDD', + background: '#F2F2F2', }; From 4ded405c5ae65707dc643b1db915e15c0fe445ec Mon Sep 17 00:00:00 2001 From: Giornetta Nicola Date: Fri, 17 Oct 2025 10:06:35 +0200 Subject: [PATCH 3/3] Add background image to dark themed Form component --- apps/nextjs-website/stories/Form/formCommons.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/apps/nextjs-website/stories/Form/formCommons.tsx b/apps/nextjs-website/stories/Form/formCommons.tsx index 2fa77162f..94af11f7b 100644 --- a/apps/nextjs-website/stories/Form/formCommons.tsx +++ b/apps/nextjs-website/stories/Form/formCommons.tsx @@ -35,6 +35,12 @@ const generateFormProps = (theme: 'light' | 'dark'): FormProps => ({

), themeVariant: 'SEND', + ...(theme === 'dark' && { + background: { + src: 'https://d2mk0pc4ejgxx6.cloudfront.net/hero_enti_background_35829ff95a.png', + srcSet: '', + }, + }), }); export const FormTemplate: StoryFn = (args) =>
;