@sage/design-tokens 15.2.1 → 15.3.0

package/js/common/product/small/light/components/table.js

@@ -180,12 +180,15 @@ module.exports = {
       row: {
         "bg-activated": {
           $type: "color",
-          $value: "#00811F",
+          $value: "#f0f",
+          $description: "TO BE DEPRECATED (was #00811F)",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.primary.default}",
+            $value: "#f0f",
+            $description:
+              "TO BE DEPRECATED (was {modes.color.interactive.primary.default})",
           },
           name: "tableColorRowBgActivated",
           attributes: {},
@@ -193,12 +196,15 @@ module.exports = {
         },
         "bg-active": {
           $type: "color",
-          $value: "#000000",
+          $value: "#F6F",
+          $description: "TO BE DEPRECATED (was #000000)",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
+            $value: "#F6F",
+            $description:
+              "TO BE DEPRECATED (was {modes.color.interactive.monochrome.active})",
           },
           name: "tableColorRowBgActive",
           attributes: {},
@@ -235,13 +241,15 @@ module.exports = {
         "bg-alt2": {
           $type: "color",
           $value: "#dedede",
-          $description: "Zebra stripes combined with child rows.",
+          $description:
+            "Zebra stripes combined with child rows. Highlighted rows.",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
             $value: "{modes.color.generic.bg.soft}",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
           },
           name: "tableColorRowBgAlt2",
           attributes: {},
@@ -264,17 +272,30 @@ module.exports = {
         },
         "bg-hover": {
           $type: "color",
-          $value: "#dedede",
+          $value: "#d1d1d1",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.bg.soft}",
+            $value: "{modes.color.generic.bg.moderate}",
           },
           name: "tableColorRowBgHover",
           attributes: {},
           path: ["table", "color", "row", "bg-hover"],
         },
+        "bg-selected": {
+          $type: "color",
+          $value: "#000000",
+          filePath: "data/tokens/components/table.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.monochrome.active}",
+          },
+          name: "tableColorRowBgSelected",
+          attributes: {},
+          path: ["table", "color", "row", "bg-selected"],
+        },
         "border-default": {
           $type: "color",
           $value: "#d1d1d1",
@@ -290,12 +311,15 @@ module.exports = {
         },
         "label-activated": {
           $type: "color",
-          $value: "#FFFFFF",
+          $value: "#FAF",
+          $description: "TO BE DEPRECATED (was #FFFFFF)",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
+            $value: "#FAF",
+            $description:
+              "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
           },
           name: "tableColorRowLabelActivated",
           attributes: {},
@@ -303,12 +327,15 @@ module.exports = {
         },
         "label-active": {
           $type: "color",
-          $value: "#FFFFFF",
+          $value: "#FDF",
+          $description: "TO BE DEPRECATED (was #FFFFFF)",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
+            $value: "#FDF",
+            $description:
+              "TO BE DEPRECATED (was {modes.color.interactive.monochrome.withActive})",
           },
           name: "tableColorRowLabelActive",
           attributes: {},
@@ -340,16 +367,29 @@ module.exports = {
           attributes: {},
           path: ["table", "color", "row", "label-hover"],
         },
+        "label-selected": {
+          $type: "color",
+          $value: "#FFFFFF",
+          filePath: "data/tokens/components/table.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.monochrome.withActive}",
+          },
+          name: "tableColorRowLabelSelected",
+          attributes: {},
+          path: ["table", "color", "row", "label-selected"],
+        },
       },
       footer: {
         "bg-default": {
           $type: "color",
-          $value: "#dedede",
+          $value: "#d1d1d1",
           filePath: "data/tokens/components/table.json",
           isSource: true,
           original: {
             $type: "color",
-            $value: "{modes.color.generic.bg.soft}",
+            $value: "{modes.color.generic.bg.moderate}",
           },
           name: "tableColorFooterBgDefault",
           attributes: {},

package/js/es6/frozenproduct/large/dark/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/frozenproduct/large/dark/components/table.js

@@ -25,12 +25,14 @@ export const tableColorRowBgAlt = "#020303";
 export const tableColorRowBgAlt2 = "#1f1f1f";
 export const tableColorRowBgAlt3 = "#0e0e0e";
 export const tableColorRowBgHover = "#040607";
+export const tableColorRowBgSelected = "#FFFFFF";
 export const tableColorRowBorderDefault = "#282828";
 export const tableColorRowLabelActivated = "#FFFFFF";
 export const tableColorRowLabelActive = "#FFFFFF";
 export const tableColorRowLabelDefault = "#fffffff2";
 export const tableColorRowLabelHover = "#FFFFFF";
-export const tableColorFooterBgDefault = "#1f1f1f";
+export const tableColorRowLabelSelected = "#000000";
+export const tableColorFooterBgDefault = "#282828";
 export const tableColorFooterBorderDefault = "#282828";
 export const tableColorFooterLabelDefault = "#ffffffe6";
 export const tableRadiusContainer = 8;

package/js/es6/frozenproduct/large/light/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/frozenproduct/large/light/components/table.js

@@ -25,12 +25,14 @@ export const tableColorRowBgAlt = "#fbfbfc";
 export const tableColorRowBgAlt2 = "#dedede";
 export const tableColorRowBgAlt3 = "#f3f3f3";
 export const tableColorRowBgHover = "#f2f4f6";
+export const tableColorRowBgSelected = "#000000";
 export const tableColorRowBorderDefault = "#d1d1d1";
 export const tableColorRowLabelActivated = "#000000";
 export const tableColorRowLabelActive = "#000000";
 export const tableColorRowLabelDefault = "#000000f2";
 export const tableColorRowLabelHover = "#000000";
-export const tableColorFooterBgDefault = "#dedede";
+export const tableColorRowLabelSelected = "#FFFFFF";
+export const tableColorFooterBgDefault = "#d1d1d1";
 export const tableColorFooterBorderDefault = "#d1d1d1";
 export const tableColorFooterLabelDefault = "#000000e6";
 export const tableRadiusContainer = 8;

package/js/es6/frozenproduct/small/dark/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/frozenproduct/small/dark/components/table.js

@@ -25,12 +25,14 @@ export const tableColorRowBgAlt = "#020303";
 export const tableColorRowBgAlt2 = "#1f1f1f";
 export const tableColorRowBgAlt3 = "#0e0e0e";
 export const tableColorRowBgHover = "#040607";
+export const tableColorRowBgSelected = "#FFFFFF";
 export const tableColorRowBorderDefault = "#282828";
 export const tableColorRowLabelActivated = "#FFFFFF";
 export const tableColorRowLabelActive = "#FFFFFF";
 export const tableColorRowLabelDefault = "#fffffff2";
 export const tableColorRowLabelHover = "#FFFFFF";
-export const tableColorFooterBgDefault = "#1f1f1f";
+export const tableColorRowLabelSelected = "#000000";
+export const tableColorFooterBgDefault = "#282828";
 export const tableColorFooterBorderDefault = "#282828";
 export const tableColorFooterLabelDefault = "#ffffffe6";
 export const tableRadiusContainer = 8;

package/js/es6/frozenproduct/small/light/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/frozenproduct/small/light/components/table.js

@@ -25,12 +25,14 @@ export const tableColorRowBgAlt = "#fbfbfc";
 export const tableColorRowBgAlt2 = "#dedede";
 export const tableColorRowBgAlt3 = "#f3f3f3";
 export const tableColorRowBgHover = "#f2f4f6";
+export const tableColorRowBgSelected = "#000000";
 export const tableColorRowBorderDefault = "#d1d1d1";
 export const tableColorRowLabelActivated = "#000000";
 export const tableColorRowLabelActive = "#000000";
 export const tableColorRowLabelDefault = "#000000f2";
 export const tableColorRowLabelHover = "#000000";
-export const tableColorFooterBgDefault = "#dedede";
+export const tableColorRowLabelSelected = "#FFFFFF";
+export const tableColorFooterBgDefault = "#d1d1d1";
 export const tableColorFooterBorderDefault = "#d1d1d1";
 export const tableColorFooterLabelDefault = "#000000e6";
 export const tableRadiusContainer = 8;

package/js/es6/product/large/dark/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/product/large/dark/components/table.js

@@ -18,19 +18,21 @@ export const tableColorHeaderHarshBgHover = "#ffffff26";
 export const tableColorHeaderHarshBorderDefault = "#4b4b4b";
 export const tableColorHeaderHarshLabelDefault = "#000000";
 export const tableColorHeaderHarshLabelHover = "#ffffffe6";
-export const tableColorRowBgActivated = "#00D639";
-export const tableColorRowBgActive = "#FFFFFF";
+export const tableColorRowBgActivated = "#f0f";
+export const tableColorRowBgActive = "#F6F";
 export const tableColorRowBgDefault = "#000000";
 export const tableColorRowBgAlt = "#181818";
 export const tableColorRowBgAlt2 = "#1f1f1f";
 export const tableColorRowBgAlt3 = "#0e0e0e";
-export const tableColorRowBgHover = "#1f1f1f";
+export const tableColorRowBgHover = "#282828";
+export const tableColorRowBgSelected = "#FFFFFF";
 export const tableColorRowBorderDefault = "#282828";
-export const tableColorRowLabelActivated = "#000000";
-export const tableColorRowLabelActive = "#000000";
+export const tableColorRowLabelActivated = "#FAF";
+export const tableColorRowLabelActive = "#FDF";
 export const tableColorRowLabelDefault = "#fffffff2";
 export const tableColorRowLabelHover = "#FFFFFF";
-export const tableColorFooterBgDefault = "#1f1f1f";
+export const tableColorRowLabelSelected = "#000000";
+export const tableColorFooterBgDefault = "#282828";
 export const tableColorFooterBorderDefault = "#282828";
 export const tableColorFooterLabelDefault = "#ffffffe6";
 export const tableRadiusContainer = 8;

package/js/es6/product/large/light/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/product/large/light/components/table.js

@@ -18,19 +18,21 @@ export const tableColorHeaderHarshBgHover = "#00000026";
 export const tableColorHeaderHarshBorderDefault = "#a6a6a6";
 export const tableColorHeaderHarshLabelDefault = "#FFFFFF";
 export const tableColorHeaderHarshLabelHover = "#000000e6";
-export const tableColorRowBgActivated = "#00811F";
-export const tableColorRowBgActive = "#000000";
+export const tableColorRowBgActivated = "#f0f";
+export const tableColorRowBgActive = "#F6F";
 export const tableColorRowBgDefault = "#FFFFFF";
 export const tableColorRowBgAlt = "#e8e8e8";
 export const tableColorRowBgAlt2 = "#dedede";
 export const tableColorRowBgAlt3 = "#f3f3f3";
-export const tableColorRowBgHover = "#dedede";
+export const tableColorRowBgHover = "#d1d1d1";
+export const tableColorRowBgSelected = "#000000";
 export const tableColorRowBorderDefault = "#d1d1d1";
-export const tableColorRowLabelActivated = "#FFFFFF";
-export const tableColorRowLabelActive = "#FFFFFF";
+export const tableColorRowLabelActivated = "#FAF";
+export const tableColorRowLabelActive = "#FDF";
 export const tableColorRowLabelDefault = "#000000f2";
 export const tableColorRowLabelHover = "#000000";
-export const tableColorFooterBgDefault = "#dedede";
+export const tableColorRowLabelSelected = "#FFFFFF";
+export const tableColorFooterBgDefault = "#d1d1d1";
 export const tableColorFooterBorderDefault = "#d1d1d1";
 export const tableColorFooterLabelDefault = "#000000e6";
 export const tableRadiusContainer = 8;

package/js/es6/product/small/dark/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/product/small/dark/components/table.js

@@ -18,19 +18,21 @@ export const tableColorHeaderHarshBgHover = "#ffffff26";
 export const tableColorHeaderHarshBorderDefault = "#4b4b4b";
 export const tableColorHeaderHarshLabelDefault = "#000000";
 export const tableColorHeaderHarshLabelHover = "#ffffffe6";
-export const tableColorRowBgActivated = "#00D639";
-export const tableColorRowBgActive = "#FFFFFF";
+export const tableColorRowBgActivated = "#f0f";
+export const tableColorRowBgActive = "#F6F";
 export const tableColorRowBgDefault = "#000000";
 export const tableColorRowBgAlt = "#181818";
 export const tableColorRowBgAlt2 = "#1f1f1f";
 export const tableColorRowBgAlt3 = "#0e0e0e";
-export const tableColorRowBgHover = "#1f1f1f";
+export const tableColorRowBgHover = "#282828";
+export const tableColorRowBgSelected = "#FFFFFF";
 export const tableColorRowBorderDefault = "#282828";
-export const tableColorRowLabelActivated = "#000000";
-export const tableColorRowLabelActive = "#000000";
+export const tableColorRowLabelActivated = "#FAF";
+export const tableColorRowLabelActive = "#FDF";
 export const tableColorRowLabelDefault = "#fffffff2";
 export const tableColorRowLabelHover = "#FFFFFF";
-export const tableColorFooterBgDefault = "#1f1f1f";
+export const tableColorRowLabelSelected = "#000000";
+export const tableColorFooterBgDefault = "#282828";
 export const tableColorFooterBorderDefault = "#282828";
 export const tableColorFooterLabelDefault = "#ffffffe6";
 export const tableRadiusContainer = 8;

package/js/es6/product/small/light/components/table.d.ts

@@ -25,11 +25,13 @@ export const tableColorRowBgAlt: string;
 export const tableColorRowBgAlt2: string;
 export const tableColorRowBgAlt3: string;
 export const tableColorRowBgHover: string;
+export const tableColorRowBgSelected: string;
 export const tableColorRowBorderDefault: string;
 export const tableColorRowLabelActivated: string;
 export const tableColorRowLabelActive: string;
 export const tableColorRowLabelDefault: string;
 export const tableColorRowLabelHover: string;
+export const tableColorRowLabelSelected: string;
 export const tableColorFooterBgDefault: string;
 export const tableColorFooterBorderDefault: string;
 export const tableColorFooterLabelDefault: string;

package/js/es6/product/small/light/components/table.js

@@ -18,19 +18,21 @@ export const tableColorHeaderHarshBgHover = "#00000026";
 export const tableColorHeaderHarshBorderDefault = "#a6a6a6";
 export const tableColorHeaderHarshLabelDefault = "#FFFFFF";
 export const tableColorHeaderHarshLabelHover = "#000000e6";
-export const tableColorRowBgActivated = "#00811F";
-export const tableColorRowBgActive = "#000000";
+export const tableColorRowBgActivated = "#f0f";
+export const tableColorRowBgActive = "#F6F";
 export const tableColorRowBgDefault = "#FFFFFF";
 export const tableColorRowBgAlt = "#e8e8e8";
 export const tableColorRowBgAlt2 = "#dedede";
 export const tableColorRowBgAlt3 = "#f3f3f3";
-export const tableColorRowBgHover = "#dedede";
+export const tableColorRowBgHover = "#d1d1d1";
+export const tableColorRowBgSelected = "#000000";
 export const tableColorRowBorderDefault = "#d1d1d1";
-export const tableColorRowLabelActivated = "#FFFFFF";
-export const tableColorRowLabelActive = "#FFFFFF";
+export const tableColorRowLabelActivated = "#FAF";
+export const tableColorRowLabelActive = "#FDF";
 export const tableColorRowLabelDefault = "#000000f2";
 export const tableColorRowLabelHover = "#000000";
-export const tableColorFooterBgDefault = "#dedede";
+export const tableColorRowLabelSelected = "#FFFFFF";
+export const tableColorFooterBgDefault = "#d1d1d1";
 export const tableColorFooterBorderDefault = "#d1d1d1";
 export const tableColorFooterLabelDefault = "#000000e6";
 export const tableRadiusContainer = 8;

package/js/umd/frozenproduct/large/dark/components/table.js

@@ -243,13 +243,15 @@
           "bg-alt2": {
             $type: "color",
             $value: "#1f1f1f",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
               $value: "{modes.color.generic.bg.soft}",
-              $description: "Zebra stripes combined with child rows.",
+              $description:
+                "Zebra stripes combined with child rows. Highlighted rows.",
             },
             name: "tableColorRowBgAlt2",
             attributes: {},
@@ -283,6 +285,19 @@
             attributes: {},
             path: ["table", "color", "row", "bg-hover"],
           },
+          "bg-selected": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.active}",
+            },
+            name: "tableColorRowBgSelected",
+            attributes: {},
+            path: ["table", "color", "row", "bg-selected"],
+          },
           "border-default": {
             $type: "color",
             $value: "#282828",
@@ -348,16 +363,29 @@
             attributes: {},
             path: ["table", "color", "row", "label-hover"],
           },
+          "label-selected": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.withActive}",
+            },
+            name: "tableColorRowLabelSelected",
+            attributes: {},
+            path: ["table", "color", "row", "label-selected"],
+          },
         },
         footer: {
           "bg-default": {
             $type: "color",
-            $value: "#1f1f1f",
+            $value: "#282828",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorFooterBgDefault",
             attributes: {},

package/js/umd/frozenproduct/large/light/components/table.js

@@ -243,13 +243,15 @@
           "bg-alt2": {
             $type: "color",
             $value: "#dedede",
-            $description: "Zebra stripes combined with child rows.",
+            $description:
+              "Zebra stripes combined with child rows. Highlighted rows.",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
               $value: "{modes.color.generic.bg.soft}",
-              $description: "Zebra stripes combined with child rows.",
+              $description:
+                "Zebra stripes combined with child rows. Highlighted rows.",
             },
             name: "tableColorRowBgAlt2",
             attributes: {},
@@ -283,6 +285,19 @@
             attributes: {},
             path: ["table", "color", "row", "bg-hover"],
           },
+          "bg-selected": {
+            $type: "color",
+            $value: "#000000",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.active}",
+            },
+            name: "tableColorRowBgSelected",
+            attributes: {},
+            path: ["table", "color", "row", "bg-selected"],
+          },
           "border-default": {
             $type: "color",
             $value: "#d1d1d1",
@@ -348,16 +363,29 @@
             attributes: {},
             path: ["table", "color", "row", "label-hover"],
           },
+          "label-selected": {
+            $type: "color",
+            $value: "#FFFFFF",
+            filePath: "data/tokens/components/table.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.monochrome.withActive}",
+            },
+            name: "tableColorRowLabelSelected",
+            attributes: {},
+            path: ["table", "color", "row", "label-selected"],
+          },
         },
         footer: {
           "bg-default": {
             $type: "color",
-            $value: "#dedede",
+            $value: "#d1d1d1",
             filePath: "data/tokens/components/table.json",
             isSource: true,
             original: {
               $type: "color",
-              $value: "{modes.color.generic.bg.soft}",
+              $value: "{modes.color.generic.bg.moderate}",
             },
             name: "tableColorFooterBgDefault",
             attributes: {},