Bug 1941402 - Move --table-row-background-color/-alternate design tokens to background-color table in Storybook r=reusable-components-reviewers,desktop-theme-reviewers,hjones

Differential Revision: https://phabricator.services.mozilla.com/D234720

Author: anna-kulyk

toolkit/themes/shared/design-system/tokens-storybook.mjs

@@ -191,6 +191,26 @@ export const storybookTables = {
       value: "var(--button-background-color-hover)",
       name: "--button-background-color-ghost-hover",
     },
+    {
+      value: { default: "var(--background-color-canvas)" },
+      name: "--table-row-background-color",
+    },
+    {
+      value: {
+        forcedColors: "var(--background-color-canvas)",
+        brand: {
+          light: "#f0f0f4",
+          dark: "var(--color-gray-80)",
+          default: "light-dark(#f0f0f4, var(--color-gray-80))",
+        },
+        platform: {
+          light: "rgba(0,0,0,5%)",
+          dark: "rgba(255,255,255,5%)",
+          default: "light-dark(rgba(0,0,0,5%), rgba(255,255,255,5%))",
+        },
+      },
+      name: "--table-row-background-color-alternate",
+    },
   ],
   "border-color": [
     { value: { prefersContrast: "var(--text-color)" }, name: "--border-color" },
@@ -766,28 +786,6 @@ export const storybookTables = {
     { value: "calc(6 * var(--space-xsmall))", name: "--space-xlarge" },
     { value: "calc(8 * var(--space-xsmall))", name: "--space-xxlarge" },
   ],
-  "table-row": [
-    {
-      value: { default: "var(--background-color-canvas)" },
-      name: "--table-row-background-color",
-    },
-    {
-      value: {
-        forcedColors: "var(--background-color-canvas)",
-        brand: {
-          light: "#f0f0f4",
-          dark: "var(--color-gray-80)",
-          default: "light-dark(#f0f0f4, var(--color-gray-80))",
-        },
-        platform: {
-          light: "rgba(0,0,0,5%)",
-          dark: "rgba(255,255,255,5%)",
-          default: "light-dark(rgba(0,0,0,5%), rgba(255,255,255,5%))",
-        },
-      },
-      name: "--table-row-background-color-alternate",
-    },
-  ],
 };
 
 export const variableLookupTable = {

toolkit/themes/shared/design-system/tokens-table.stories.mjs

@@ -52,7 +52,6 @@ const THEMED_TABLES = [
   "outline",
   "icon-color",
   "link",
-  "table-row",
 ];
 
 /**
@@ -391,7 +390,6 @@ class TokensTable extends LitElement {
     switch (category) {
       case "attention-dot":
       case "color":
-      case "table-row":
         return "background-color";
       case "text-color":
         return "color";