From ae0eea13ae7e44a22c8c01f5d563cf888e8645f1 Mon Sep 17 00:00:00 2001
From: ChristianBusshoff <christian.busshoff@mail.schwarz>
Date: Thu, 2 Jan 2025 10:20:14 +0100
Subject: [PATCH] remove wedge-points-to-center option

---
 .../OnyxInfoTooltip/OnyxInfoTooltip.vue        |  2 --
 .../src/components/OnyxTooltip/OnyxTooltip.vue | 18 +++++-------------
 .../src/components/OnyxTooltip/types.ts        |  4 ----
 3 files changed, 5 insertions(+), 19 deletions(-)

diff --git a/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue b/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue
index ed93b57fe2..552976c8df 100644
--- a/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue
+++ b/packages/sit-onyx/src/components/OnyxInfoTooltip/OnyxInfoTooltip.vue
@@ -26,7 +26,6 @@ const type = computed(() => {
         :open="props.open"
         :color="props.color"
         :position="props.position"
-        wedge-points-to-center
       >
         <template #default="{ trigger }">
           <button type="button" class="onyx-info-tooltip__trigger" v-bind="trigger">
@@ -43,7 +42,6 @@ const type = computed(() => {
         :open="props.open"
         :color="props.color"
         :position="props.position"
-        wedge-points-to-center
       >
         <template #default="{ trigger }">
           <span class="onyx-info-tooltip__trigger" v-bind="trigger">
diff --git a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
index 536dfb12ee..932bcd4f8d 100644
--- a/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
+++ b/packages/sit-onyx/src/components/OnyxTooltip/OnyxTooltip.vue
@@ -27,7 +27,6 @@ const props = withDefaults(defineProps<OnyxTooltipProps>(), {
   fitParent: false,
   open: "hover",
   alignment: "auto",
-  wedgePointsToCenter: false,
 });
 
 defineSlots<{
@@ -79,7 +78,6 @@ const tooltipClasses = computed(() => {
     "onyx-tooltip--danger": props.color === "danger",
     "onyx-tooltip--success": props.color === "success",
     "onyx-tooltip--fit-parent": props.fitParent,
-    "onyx-tooltip--wedge-points-to-center": props.wedgePointsToCenter,
     "onyx-tooltip--hidden": !isVisible.value,
     [`onyx-tooltip--${openDirection.value}`]: props.position === "auto",
     [`onyx-tooltip--${props.position}`]: props.position !== "auto",
@@ -222,12 +220,8 @@ $wedge-size: 0.5rem;
     }
 
     &--left {
-      left: 0%;
-      transform: none;
-      &.onyx-tooltip--wedge-points-to-center {
-        left: 50%;
-        transform: translateX(-2 * $wedge-size);
-      }
+      left: 50%;
+      transform: translateX(-2 * $wedge-size);
       &::after {
         left: 2 * $wedge-size;
       }
@@ -235,11 +229,9 @@ $wedge-size: 0.5rem;
 
     &--right {
       left: 100%;
-      transform: translateX(-100%);
-      &.onyx-tooltip--wedge-points-to-center {
-        left: 50%;
-        transform: translateX(calc(-100% + 2 * $wedge-size));
-      }
+
+      left: 50%;
+      transform: translateX(calc(-100% + 2 * $wedge-size));
       &::after {
         left: calc(100% - 2 * $wedge-size);
       }
diff --git a/packages/sit-onyx/src/components/OnyxTooltip/types.ts b/packages/sit-onyx/src/components/OnyxTooltip/types.ts
index 78083c06d7..3bce71e2d7 100644
--- a/packages/sit-onyx/src/components/OnyxTooltip/types.ts
+++ b/packages/sit-onyx/src/components/OnyxTooltip/types.ts
@@ -47,10 +47,6 @@ export type OnyxTooltipProps = DensityProp & {
    * See also: https://inclusive-components.design/tooltips-toggletips/
    */
   open?: TooltipOpen;
-  /**
-   * Whether the wedge (tooltip arrow) points to the center of the parent element.
-   */
-  wedgePointsToCenter?: boolean;
 };
 
 export const TOOLTIP_POSITIONS = ["top", "bottom", "auto"] as const;