From a8d6247cb8a16c367330791265bdfd6fa824cdba Mon Sep 17 00:00:00 2001
From: Lukas Harbarth <lukas.harbarth@sap.com>
Date: Thu, 18 Sep 2025 11:42:12 +0200
Subject: [PATCH] docs(ObjectPage): replace navigation actions

---
 .../ObjectPage/ObjectPage.stories.tsx         | 33 ++++++++++++++-----
 1 file changed, 25 insertions(+), 8 deletions(-)

diff --git a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
index 9f02385cb18..260ae878375 100644
--- a/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
+++ b/packages/main/src/components/ObjectPage/ObjectPage.stories.tsx
@@ -6,9 +6,8 @@ import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js';
 import declineIcon from '@ui5/webcomponents-icons/dist/decline.js';
-import exitFSIcon from '@ui5/webcomponents-icons/dist/exit-full-screen.js';
-import fullscreenIcon from '@ui5/webcomponents-icons/dist/full-screen.js';
 import sunIcon from '@ui5/webcomponents-icons/dist/general-leave-request.js';
+import shareIcon from '@ui5/webcomponents-icons/dist/share.js';
 import { useRef } from 'react';
 import { fn } from 'storybook/test';
 import { Toolbar as LegacyToolbar, ToolbarSpacer as LegacyToolbarSpacer } from '../../../../compat/src/index.js';
@@ -86,9 +85,18 @@ const meta = {
         }
         navigationBar={
           <Toolbar design="Transparent">
-            <ToolbarButton icon={fullscreenIcon} design={ButtonDesign.Transparent} />
-            <ToolbarButton icon={exitFSIcon} design={ButtonDesign.Transparent} />
-            <ToolbarButton icon={declineIcon} design={ButtonDesign.Transparent} />
+            <ToolbarButton
+              icon={shareIcon}
+              design={ButtonDesign.Transparent}
+              tooltip="Navigation Action"
+              accessibleName="Example Navigation Action 1"
+            />
+            <ToolbarButton
+              icon={declineIcon}
+              design={ButtonDesign.Transparent}
+              tooltip="Navigation Action"
+              accessibleName="Example Navigation Action 2"
+            />
           </Toolbar>
         }
         breadcrumbs={
@@ -416,9 +424,18 @@ export const LegacyToolbarSupport: Story = {
                 data-in-object-page-title
               >
                 <LegacyToolbarSpacer />
-                <Button icon={fullscreenIcon} design={ButtonDesign.Transparent} />
-                <Button icon={exitFSIcon} design={ButtonDesign.Transparent} />
-                <Button icon={declineIcon} design={ButtonDesign.Transparent} />
+                <Button
+                  icon={shareIcon}
+                  design={ButtonDesign.Transparent}
+                  tooltip="Navigation Action"
+                  accessibleName="Example Navigation Action 1"
+                />
+                <Button
+                  icon={declineIcon}
+                  design={ButtonDesign.Transparent}
+                  tooltip="Navigation Action"
+                  accessibleName="Example Navigation Action 2"
+                />
               </LegacyToolbar>
             }
           />