fix(AnalyticalTable): fix inactive row hover styles, implement ObjectStatus deltas (#7781)

Fixes #7778

Author: Lukas742

packages/main/src/components/AnalyticalTable/AnalyticalTable.module.css

@@ -173,10 +173,6 @@
   box-sizing: border-box;
   display: flex;
 
-  &:hover:not([data-empty-row]) {
-    background-color: var(--sapList_Hover_Background);
-  }
-
   &[data-is-selected] {
     border-block-end: 1px solid var(--sapList_SelectionBorderColor);
     background-color: var(--sapList_SelectionBackgroundColor);
@@ -187,8 +183,22 @@
   }
 }
 
+/* ObjectStatus deltas */
+[data-sap-theme^='sap_'][data-sap-theme$='_hcw'],
+[data-sap-theme^='sap_'][data-sap-theme$='_hcb'] {
+  .tr[data-is-selected],
+  .trActive:hover {
+    & [data-component-name='ObjectStatus'][data-inverted='false']:not([data-state^='Indication']) {
+      color: var(--sapContent_ContrastTextColor);
+    }
+  }
+}
+
 .trActive {
   cursor: pointer;
+  &:hover:not([data-empty-row]) {
+    background-color: var(--sapList_Hover_Background);
+  }
 }
 
 .tableGroupHeader.tr {

packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx

@@ -30,10 +30,11 @@ import { Select } from '../../webComponents/Select/index.js';
 import { Tag } from '../../webComponents/Tag/index.js';
 import { Text } from '../../webComponents/Text/index.js';
 import { FlexBox } from '../FlexBox/index.js';
-import type { AnalyticalTableColumnDefinition } from './index.js';
+import { ObjectStatus } from '../ObjectStatus/index.js';
+import type { AnalyticalTableColumnDefinition, AnalyticalTablePropTypes } from './index.js';
 import { AnalyticalTable } from './index.js';
 
-const kitchenSinkArgs = {
+const kitchenSinkArgs: AnalyticalTablePropTypes = {
   data: dataLarge,
   columns: [
     {
@@ -91,6 +92,14 @@ const kitchenSinkArgs = {
         );
       },
     },
+    {
+      Header: 'Status',
+      id: 'os',
+      Cell: (instance) => {
+        const state = instance.row.index % 2 === 0 ? 'Positive' : 'Negative';
+        return <ObjectStatus state={state}>{state}</ObjectStatus>;
+      },
+    },
     {
       id: 'actions',
       Header: 'Actions',

packages/main/src/components/ObjectStatus/index.tsx

@@ -236,6 +236,9 @@ const ObjectStatus = forwardRef<HTMLDivElement | HTMLButtonElement, ObjectStatus
       role={interactive ? undefined : 'group'}
       aria-roledescription={roleDesc || undefined}
       {...rest}
+      data-component-name="ObjectStatus"
+      data-state={state}
+      data-inverted={`${!!inverted}`}
     >
       {!interactive && (
         <span