Merge pull request #28250 from storybookjs/shilman/26595-fix-interact…

…ions-deprecations Addon-interactions: Fix deprecation warnings (cherry picked from commit 9412e07)
storybookjs · Jun 17, 2024 · 8925626 · 8925626
1 parent d27fff9
commit 8925626
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
@@ -187,7 +187,7 @@ export const Interaction = ({
               hasChrome={false}
               tooltip={<Note note={`${isCollapsed ? 'Show' : 'Hide'} interactions`} />}
             >
-              <StyledIconButton containsIcon onClick={toggleCollapsed}>
+              <StyledIconButton onClick={toggleCollapsed}>
                 <ListUnorderedIcon />
               </StyledIconButton>
             </WithTooltip>

diff --git a/code/addons/interactions/src/components/Subnav.tsx b/code/addons/interactions/src/components/Subnav.tsx
@@ -137,7 +137,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go to start" />}>
               <RewindButton
                 aria-label="Go to start"
-                containsIcon
                 onClick={controls.start}
                 disabled={!controlStates.start}
               >
@@ -148,7 +147,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go back" />}>
               <StyledIconButton
                 aria-label="Go back"
-                containsIcon
                 onClick={controls.back}
                 disabled={!controlStates.back}
               >
@@ -159,7 +157,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go forward" />}>
               <StyledIconButton
                 aria-label="Go forward"
-                containsIcon
                 onClick={controls.next}
                 disabled={!controlStates.next}
               >
@@ -170,7 +167,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go to end" />}>
               <StyledIconButton
                 aria-label="Go to end"
-                containsIcon
                 onClick={controls.end}
                 disabled={!controlStates.end}
               >
@@ -179,7 +175,7 @@ export const Subnav: React.FC<SubnavProps> = ({
             </WithTooltip>
 
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Rerun" />}>
-              <RerunButton aria-label="Rerun" containsIcon onClick={controls.rerun}>
+              <RerunButton aria-label="Rerun" onClick={controls.rerun}>
                 <SyncIcon />
               </RerunButton>
             </WithTooltip>