From 7175b820f623fb8444fca662c4b3dd3da134e6b2 Mon Sep 17 00:00:00 2001
From: Sarka Chwastkova <chwastkova.s@gmail.com>
Date: Wed, 27 Nov 2024 09:42:03 +0100
Subject: [PATCH] revert commit

---
 .../src/Tooltip/Tooltip.stories.tsx                | 14 ++++----------
 packages/orbit-components/src/Tooltip/index.tsx    |  6 ------
 packages/orbit-components/src/Tooltip/types.d.ts   |  2 --
 .../MobileDialogPrimitive.stories.tsx              |  8 +++-----
 .../src/primitives/MobileDialogPrimitive/index.tsx |  4 ----
 .../primitives/MobileDialogPrimitive/types.d.ts    |  2 --
 .../TooltipPrimitive/TooltipPrimitive.stories.tsx  | 13 ++++---------
 .../src/primitives/TooltipPrimitive/index.tsx      |  4 ----
 .../src/primitives/TooltipPrimitive/types.d.ts     |  2 --
 9 files changed, 11 insertions(+), 44 deletions(-)

diff --git a/packages/orbit-components/src/Tooltip/Tooltip.stories.tsx b/packages/orbit-components/src/Tooltip/Tooltip.stories.tsx
index 7fe6388488..9c56c0a172 100644
--- a/packages/orbit-components/src/Tooltip/Tooltip.stories.tsx
+++ b/packages/orbit-components/src/Tooltip/Tooltip.stories.tsx
@@ -46,7 +46,7 @@ export const Default: Story = {
   render: args => (
     <Stack justify="center">
       <Tooltip {...args}>
-        <Icons.Airplane />
+        <Icons.Airplane ariaLabel="More information" />
       </Tooltip>
     </Stack>
   ),
@@ -69,7 +69,6 @@ export const Default: Story = {
 
   args: {
     content: "Write your text here.",
-    "aria-label": "More information.",
   },
 };
 
@@ -148,7 +147,7 @@ export const WithImageInside: Story = {
         </Stack>
       }
     >
-      <Icons.Airplane />
+      <Icons.Airplane ariaLabel="More information" />
     </Tooltip>
   ),
 
@@ -163,7 +162,6 @@ export const WithImageInside: Story = {
         "renderInPortal",
         "stopPropagation",
         "block",
-        "aria-labelledby",
       ],
     },
   },
@@ -191,7 +189,7 @@ export const WithImageInside: Story = {
 };
 
 export const Playground: Story = {
-  render: ({ children, content, "aria-labelledby": ariaLabelledby, ...args }) => (
+  render: ({ children, content, ...args }) => (
     <Alert icon title="Lorem ipsum dolor sit amet" type="success">
       <Stack spacing="none">
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam lectus justo, vulputate
@@ -204,10 +202,9 @@ export const Playground: Story = {
               <div>{content}</div>
             </div>
           }
-          aria-labelledby={ariaLabelledby}
           {...args}
         >
-          <Text id={ariaLabelledby}>{children}</Text>
+          <Text>{children}</Text>
         </Tooltip>
       </Stack>
     </Alert>
@@ -233,8 +230,6 @@ export const Playground: Story = {
     stopPropagation: false,
     removeUnderlinedText: false,
     block: false,
-    "aria-label": "Tooltip label",
-    "aria-labelledby": "tooltip-labelledby",
     ...WithImageInside.args,
   },
 
@@ -278,7 +273,6 @@ export const Rtl: Story = {
         "labelClose",
         "renderInPortal",
         "stopPropagation",
-        "aria-labelledby",
       ],
     },
   },
diff --git a/packages/orbit-components/src/Tooltip/index.tsx b/packages/orbit-components/src/Tooltip/index.tsx
index f6b7a4cdcb..dda9b60cc8 100644
--- a/packages/orbit-components/src/Tooltip/index.tsx
+++ b/packages/orbit-components/src/Tooltip/index.tsx
@@ -24,8 +24,6 @@ const Tooltip = ({
   stopPropagation = false,
   removeUnderlinedText,
   block = false,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
 }: Props) => {
   const { isLargeMobile } = useMediaQuery();
   return isLargeMobile ? (
@@ -42,8 +40,6 @@ const Tooltip = ({
       stopPropagation={stopPropagation}
       removeUnderlinedText={removeUnderlinedText}
       block={block}
-      aria-label={ariaLabel}
-      aria-labelledby={ariaLabelledby}
     >
       {children}
     </TooltipPrimitive>
@@ -60,8 +56,6 @@ const Tooltip = ({
       removeUnderlinedText={removeUnderlinedText}
       stopPropagation={stopPropagation}
       block={block}
-      aria-label={ariaLabel}
-      aria-labelledby={ariaLabelledby}
     >
       {children}
     </MobileDialog>
diff --git a/packages/orbit-components/src/Tooltip/types.d.ts b/packages/orbit-components/src/Tooltip/types.d.ts
index a3a6cdd7cf..2cc2ac94f0 100644
--- a/packages/orbit-components/src/Tooltip/types.d.ts
+++ b/packages/orbit-components/src/Tooltip/types.d.ts
@@ -23,6 +23,4 @@ export interface Props extends Common.Globals {
   readonly placement?: Placement;
   readonly noFlip?: boolean;
   readonly offset?: [number, number];
-  readonly "aria-label"?: string;
-  readonly "aria-labelledby"?: string;
 }
diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx b/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx
index 078765cfec..b2a2bb602c 100644
--- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx
+++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/MobileDialogPrimitive.stories.tsx
@@ -30,8 +30,6 @@ const meta: Meta<typeof MobileDialogPrimitive> = {
     removeUnderlinedText: false,
     block: false,
     lockScrolling: false,
-    "aria-label": "Mobile Dialog Primitive label",
-    "aria-labelledby": "tooltip-labelledby",
   },
 };
 
@@ -39,12 +37,12 @@ export default meta;
 type Story = StoryObj<typeof MobileDialogPrimitive>;
 
 export const Playground: Story = {
-  render: ({ "aria-labelledby": ariaLabelledby, ...args }) => (
+  render: ({ ...args }) => (
     <Alert icon title="Lorem ipsum dolor sit amet" type="warning">
       <Stack spacing="none">
         Excepteur sint occaecat cupidatat non proident.{" "}
-        <MobileDialogPrimitive aria-labelledby={ariaLabelledby} {...args}>
-          <Text id={ariaLabelledby}>Aliquam erat volutpat.</Text>
+        <MobileDialogPrimitive {...args}>
+          <Text>Aliquam erat volutpat.</Text>
         </MobileDialogPrimitive>
       </Stack>
     </Alert>
diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx b/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx
index 4d6fa178b6..ca4a3531c6 100644
--- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx
+++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/index.tsx
@@ -20,8 +20,6 @@ const MobileDialog = ({
   removeUnderlinedText,
   block = false,
   lockScrolling,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
 }: Props) => {
   const [render, setRender, setRenderWithTimeout, clearRenderTimeout] =
     useStateWithTimeout<boolean>(false, 200);
@@ -78,8 +76,6 @@ const MobileDialog = ({
         enabled={enabled}
         removeUnderlinedText={removeUnderlinedText}
         block={block}
-        aria-label={ariaLabel}
-        aria-labelledby={ariaLabelledby}
       >
         {children}
       </TooltipWrapper>
diff --git a/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts b/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts
index c2dcb49b4b..c2ff5bc84e 100644
--- a/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts
+++ b/packages/orbit-components/src/primitives/MobileDialogPrimitive/types.d.ts
@@ -17,6 +17,4 @@ export interface Props extends Common.Globals {
   readonly stopPropagation?: boolean;
   readonly removeUnderlinedText?: boolean;
   readonly block?: boolean;
-  readonly "aria-label"?: string;
-  readonly "aria-labelledby"?: string;
 }
diff --git a/packages/orbit-components/src/primitives/TooltipPrimitive/TooltipPrimitive.stories.tsx b/packages/orbit-components/src/primitives/TooltipPrimitive/TooltipPrimitive.stories.tsx
index 6d31f79a01..7c4b852904 100644
--- a/packages/orbit-components/src/primitives/TooltipPrimitive/TooltipPrimitive.stories.tsx
+++ b/packages/orbit-components/src/primitives/TooltipPrimitive/TooltipPrimitive.stories.tsx
@@ -42,7 +42,7 @@ export const Default: Story = {
   render: args => (
     <Stack justify="center">
       <TooltipPrimitive {...args}>
-        <Icons.Airplane />
+        <Icons.Airplane ariaLabel="More information" />
       </TooltipPrimitive>
     </Stack>
   ),
@@ -65,7 +65,6 @@ export const Default: Story = {
   args: {
     content:
       "Write your text here. If it’s longer than three lines though, consider format your content in some more structured way.",
-    "aria-label": "More information.",
   },
 };
 
@@ -147,7 +146,7 @@ export const WithImageInside: Story = {
         </Stack>
       }
     >
-      <Icons.Airplane />
+      <Icons.Airplane ariaLabel="More information" />
     </TooltipPrimitive>
   ),
 
@@ -162,7 +161,6 @@ export const WithImageInside: Story = {
         "renderInPortal",
         "stopPropagation",
         "block",
-        "aria-labelledby",
       ],
     },
   },
@@ -190,7 +188,7 @@ export const WithImageInside: Story = {
 };
 
 export const Playground: Story = {
-  render: ({ children, content, "aria-labelledby": ariaLabelledby, ...args }) => (
+  render: ({ children, content, ...args }) => (
     <Alert icon title="Lorem ipsum dolor sit amet" type="warning">
       <Stack spacing="none">
         Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam lectus justo, vulputate
@@ -203,10 +201,9 @@ export const Playground: Story = {
               <div>{content}</div>
             </div>
           }
-          aria-labelledby={ariaLabelledby}
           {...args}
         >
-          <Text id={ariaLabelledby}>{children}</Text>
+          <Text>{children}</Text>
         </TooltipPrimitive>
       </Stack>
     </Alert>
@@ -235,8 +232,6 @@ export const Playground: Story = {
     block: false,
     noFlip: false,
     offset: [0, 5],
-    "aria-label": "More information.",
-    "aria-labelledby": "tooltip-labelledby",
   },
 
   argTypes: {
diff --git a/packages/orbit-components/src/primitives/TooltipPrimitive/index.tsx b/packages/orbit-components/src/primitives/TooltipPrimitive/index.tsx
index b53cdc8a57..cdceffd3a7 100644
--- a/packages/orbit-components/src/primitives/TooltipPrimitive/index.tsx
+++ b/packages/orbit-components/src/primitives/TooltipPrimitive/index.tsx
@@ -52,8 +52,6 @@ const TooltipPrimitive = ({
   placement,
   noFlip,
   offset,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledby,
 }: Props) => {
   const [shown, setShown] = React.useState(false);
   const [referenceElement, setReferenceElement] = React.useState<HTMLSpanElement | null>(null);
@@ -135,8 +133,6 @@ const TooltipPrimitive = ({
         enabled={enabled}
         removeUnderlinedText={removeUnderlinedText}
         block={block}
-        aria-label={ariaLabel}
-        aria-labelledby={ariaLabelledby}
       >
         {children}
       </TooltipWrapper>
diff --git a/packages/orbit-components/src/primitives/TooltipPrimitive/types.d.ts b/packages/orbit-components/src/primitives/TooltipPrimitive/types.d.ts
index bc5bc2f9bc..0350becc7b 100644
--- a/packages/orbit-components/src/primitives/TooltipPrimitive/types.d.ts
+++ b/packages/orbit-components/src/primitives/TooltipPrimitive/types.d.ts
@@ -25,6 +25,4 @@ export interface Props extends Common.Globals {
   readonly placement?: Placement;
   readonly noFlip?: boolean;
   readonly offset?: [number, number];
-  readonly "aria-label"?: string;
-  readonly "aria-labelledby"?: string;
 }