diff --git a/src/__screenshot_tests__/callout-screenshot-test.tsx b/src/__screenshot_tests__/callout-screenshot-test.tsx index adae3b3f6..7c6c2bc7c 100644 --- a/src/__screenshot_tests__/callout-screenshot-test.tsx +++ b/src/__screenshot_tests__/callout-screenshot-test.tsx @@ -1,7 +1,7 @@ import {openStoryPage, screen} from '../test-utils'; test.each` - actions | title | inverse | closable | icon | case + actions | title | inverse | closable | asset | case ${'button and link'} | ${'Some title'} | ${false} | ${true} | ${true} | ${''} ${'button and link'} | ${'Some title'} | ${true} | ${true} | ${true} | ${'over inverse'} ${'button and link'} | ${'Some title'} | ${false} | ${false} | ${true} | ${'not closable'} @@ -9,10 +9,10 @@ test.each` ${'none'} | ${'Some title'} | ${false} | ${true} | ${true} | ${'without actions'} ${'none'} | ${''} | ${false} | ${false} | ${false} | ${'only description'} ${'none'} | ${''} | ${false} | ${true} | ${false} | ${'only description and closable'} -`('Callout $case', async ({actions, title, inverse, closable, icon}) => { +`('Callout $case', async ({actions, title, inverse, closable, asset}) => { await openStoryPage({ id: 'components-callout--default', - args: {actions, title, inverse, closable, icon}, + args: {actions, title, inverse, closable, asset}, }); const callout = await screen.findByRole('region'); diff --git a/src/__screenshot_tests__/dialog-screenshot-test.tsx b/src/__screenshot_tests__/dialog-screenshot-test.tsx index 3ab5e8da4..870815913 100644 --- a/src/__screenshot_tests__/dialog-screenshot-test.tsx +++ b/src/__screenshot_tests__/dialog-screenshot-test.tsx @@ -52,7 +52,7 @@ test('Dialog optional elements are not displayed if not provided', async () => { onAccept: false, onCancel: false, link: false, - icon: false, + asset: false, extra: false, }, }); diff --git a/src/__screenshot_tests__/feedback-screenshot-test.tsx b/src/__screenshot_tests__/feedback-screenshot-test.tsx index b0c426353..3b5f17643 100644 --- a/src/__screenshot_tests__/feedback-screenshot-test.tsx +++ b/src/__screenshot_tests__/feedback-screenshot-test.tsx @@ -81,7 +81,7 @@ test('Info feedback screen with custom icon', async () => { id: 'patterns-feedback-infofeedbackscreen--info', skin: MOVISTAR_SKIN, device: 'MOBILE_IOS', - args: {icon: 'custom'}, + args: {asset: 'custom'}, }); const image = await page.screenshot(); diff --git a/src/__stories__/callout-story.tsx b/src/__stories__/callout-story.tsx index 662eb5f31..ef71df4e8 100644 --- a/src/__stories__/callout-story.tsx +++ b/src/__stories__/callout-story.tsx @@ -16,12 +16,12 @@ type Args = { title: string; description: string; actions: string; - icon: boolean; + asset: boolean; closable: boolean; inverse: boolean; }; -export const Default: StoryComponent = ({title, description, icon, actions, closable, inverse}) => { +export const Default: StoryComponent = ({title, description, asset, actions, closable, inverse}) => { const button = actions.includes('button') ? ( {}}> Action @@ -42,7 +42,7 @@ export const Default: StoryComponent = ({title, description, icon, actions : undefined} + icon={asset ? : undefined} onClose={closable ? () => {} : undefined} title={title} description={description} @@ -62,7 +62,7 @@ Default.args = { title: 'Some title', description: 'This is a description for the callout', actions: 'button and link', - icon: true, + asset: true, closable: true, inverse: false, }; diff --git a/src/__stories__/dialog-story.tsx b/src/__stories__/dialog-story.tsx index aef4bcfaa..6bd6e8df8 100644 --- a/src/__stories__/dialog-story.tsx +++ b/src/__stories__/dialog-story.tsx @@ -76,7 +76,7 @@ type DialogArgs = { onAccept: boolean; onCancel: boolean; link: boolean; - icon: boolean; + asset: boolean; extra: boolean; }; @@ -84,7 +84,7 @@ export const Dialog: StoryComponent = ({ onAccept, onCancel, link, - icon, + asset, extra, title, subtitle, @@ -120,7 +120,7 @@ export const Dialog: StoryComponent = ({ ) : undefined, link: link ? Link : undefined, - icon: icon ? ( + icon: asset ? ( ) : undefined, onAccept: onAccept ? () => console.log('Accepted') : undefined, @@ -144,6 +144,6 @@ Dialog.args = { onAccept: true, onCancel: true, link: true, - icon: true, + asset: true, extra: true, }; diff --git a/src/__stories__/info-feedback-screen-story.tsx b/src/__stories__/info-feedback-screen-story.tsx index 886da5e45..48c91d9c5 100644 --- a/src/__stories__/info-feedback-screen-story.tsx +++ b/src/__stories__/info-feedback-screen-story.tsx @@ -10,7 +10,7 @@ export default { fullScreen: true, }, argTypes: { - icon: { + asset: { options: ['default', 'custom'], control: {type: 'select'}, }, @@ -18,22 +18,22 @@ export default { }; type Args = { - icon: string; + asset: string; extra: boolean; }; -export const Info: StoryComponent = ({icon, extra}) => ( +export const Info: StoryComponent = ({asset, extra}) => ( {}}>Action1} - Icon={icon === 'custom' ? IconError : undefined} + Icon={asset === 'custom' ? IconError : undefined} extra={extra ? : undefined} /> ); Info.storyName = 'InfoFeedbackScreen'; Info.args = { - icon: 'default', + asset: 'default', extra: false, };