@sage/design-tokens 13.1.0 → 13.2.0

package/js/common/frozenproduct/small/light/components/button.js

@@ -2234,7 +2234,7 @@ module.exports = {
         secondary: {
           "bg-hover": {
             $type: "color",
-            $value: "#f9d1cf",
+            $value: "#cd384b14",
             filePath: "data/tokens/components/button.json",
             isSource: true,
             original: {
@@ -2482,6 +2482,190 @@ module.exports = {
             attributes: {},
             path: ["button", "color", "typical", "primary", "label-hover"],
           },
+          inverse: {
+            "bg-active": {
+              $type: "color",
+              $value: "#81e57d",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.active}",
+              },
+              name: "buttonColorTypicalPrimaryInverseBgActive",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "bg-active",
+              ],
+            },
+            "bg-default": {
+              $type: "color",
+              $value: "#000000",
+              $description: "For spacer in Split button",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.withDefault}",
+                $description: "For spacer in Split button",
+              },
+              name: "buttonColorTypicalPrimaryInverseBgDefault",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "bg-default",
+              ],
+            },
+            "bg-disabled": {
+              $type: "color",
+              $value: "#4b4b4b",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.inactive.inverse.default}",
+              },
+              name: "buttonColorTypicalPrimaryInverseBgDisabled",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "bg-disabled",
+              ],
+            },
+            "bg-enabled": {
+              $type: "color",
+              $value: "#00D639",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.default}",
+              },
+              name: "buttonColorTypicalPrimaryInverseBgEnabled",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "bg-enabled",
+              ],
+            },
+            "bg-hover": {
+              $type: "color",
+              $value: "#58de5d",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.hover}",
+              },
+              name: "buttonColorTypicalPrimaryInverseBgHover",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "bg-hover",
+              ],
+            },
+            "label-active": {
+              $type: "color",
+              $value: "#000000",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.withActive}",
+              },
+              name: "buttonColorTypicalPrimaryInverseLabelActive",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "label-active",
+              ],
+            },
+            "label-disabled": {
+              $type: "color",
+              $value: "#000000",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.inactive.inverse.contentAlt}",
+              },
+              name: "buttonColorTypicalPrimaryInverseLabelDisabled",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "label-disabled",
+              ],
+            },
+            "label-enabled": {
+              $type: "color",
+              $value: "#000000",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.withDefault}",
+              },
+              name: "buttonColorTypicalPrimaryInverseLabelEnabled",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "label-enabled",
+              ],
+            },
+            "label-hover": {
+              $type: "color",
+              $value: "#000000",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.primary.inverse.withDefault}",
+              },
+              name: "buttonColorTypicalPrimaryInverseLabelHover",
+              attributes: {},
+              path: [
+                "button",
+                "color",
+                "typical",
+                "primary",
+                "inverse",
+                "label-hover",
+              ],
+            },
+          },
         },
         secondary: {
           "bg-active": {

package/js/common/frozenproduct/small/light/components/focus.d.ts

@@ -25,6 +25,12 @@ declare const tokens: {
       borderalt: DesignToken;
       border: DesignToken;
       label: DesignToken;
+      inverse: {
+        bg: DesignToken;
+        borderalt: DesignToken;
+        border: DesignToken;
+        label: DesignToken;
+      };
     };
     size: {
       underline: DesignToken;

package/js/common/frozenproduct/small/light/components/focus.js

@@ -61,6 +61,60 @@ module.exports = {
         attributes: {},
         path: ["focus", "color", "label"],
       },
+      inverse: {
+        bg: {
+          $type: "color",
+          $value: "#926916",
+          filePath: "data/tokens/components/focus.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.focus.inverse.withDefaultAlt}",
+          },
+          name: "focusColorInverseBg",
+          attributes: {},
+          path: ["focus", "color", "inverse", "bg"],
+        },
+        borderalt: {
+          $type: "color",
+          $value: "#FFB500",
+          filePath: "data/tokens/components/focus.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.focus.inverse.default}",
+          },
+          name: "focusColorInverseBorderalt",
+          attributes: {},
+          path: ["focus", "color", "inverse", "borderalt"],
+        },
+        border: {
+          $type: "color",
+          $value: "#000000",
+          filePath: "data/tokens/components/focus.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.focus.inverse.withDefault}",
+          },
+          name: "focusColorInverseBorder",
+          attributes: {},
+          path: ["focus", "color", "inverse", "border"],
+        },
+        label: {
+          $type: "color",
+          $value: "#FFFFFF",
+          filePath: "data/tokens/components/focus.json",
+          isSource: true,
+          original: {
+            $type: "color",
+            $value: "{modes.color.interactive.focus.inverse.content}",
+          },
+          name: "focusColorInverseLabel",
+          attributes: {},
+          path: ["focus", "color", "inverse", "label"],
+        },
+      },
     },
     size: {
       underline: {

package/js/common/frozenproduct/small/light/components/link.d.ts

@@ -24,6 +24,10 @@ declare const tokens: {
       destructive: {
         "label-default": DesignToken;
         "label-hover": DesignToken;
+        inverse: {
+          "label-default": DesignToken;
+          "label-hover": DesignToken;
+        };
       };
       typical: {
         "label-default": DesignToken;

package/js/common/frozenproduct/small/light/components/link.js

@@ -38,6 +38,36 @@ module.exports = {
           attributes: {},
           path: ["link", "color", "destructive", "label-hover"],
         },
+        inverse: {
+          "label-default": {
+            $type: "color",
+            $value: "#e85b66",
+            $description: ".",
+            filePath: "data/tokens/components/link.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.danger.inverse.defaultAlt}",
+              $description: ".",
+            },
+            name: "linkColorDestructiveInverseLabelDefault",
+            attributes: {},
+            path: ["link", "color", "destructive", "inverse", "label-default"],
+          },
+          "label-hover": {
+            $type: "color",
+            $value: "#ec6a71",
+            filePath: "data/tokens/components/link.json",
+            isSource: true,
+            original: {
+              $type: "color",
+              $value: "{modes.color.interactive.danger.inverse.hoverAlt2}",
+            },
+            name: "linkColorDestructiveInverseLabelHover",
+            attributes: {},
+            path: ["link", "color", "destructive", "inverse", "label-hover"],
+          },
+        },
       },
       typical: {
         "label-default": {

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

@@ -78,6 +78,7 @@ declare const tokens: {
     };
     space: {
       none: DesignToken;
+      yg: DesignToken;
       row: {
         x: {
           XS: DesignToken;

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

@@ -580,6 +580,21 @@ module.exports = {
         attributes: {},
         path: ["table", "space", "none"],
       },
+      yg: {
+        $type: "spacing",
+        $value: 4,
+        $description: "space between table and pagination",
+        filePath: "data/tokens/components/table.json",
+        isSource: true,
+        original: {
+          $type: "spacing",
+          $value: "{global.space.micro.S}",
+          $description: "space between table and pagination",
+        },
+        name: "tableSpaceYg",
+        attributes: {},
+        path: ["table", "space", "yg"],
+      },
       row: {
         x: {
           XS: {

package/js/common/frozenproduct/small/light/mode.d.ts

@@ -141,6 +141,16 @@ declare const tokens: {
           hoverAlt2: DesignToken;
           withActive: DesignToken;
           withDefault: DesignToken;
+          inverse: {
+            active: DesignToken;
+            default: DesignToken;
+            defaultAlt: DesignToken;
+            hover: DesignToken;
+            hoverAlt: DesignToken;
+            hoverAlt2: DesignToken;
+            withActive: DesignToken;
+            withDefault: DesignToken;
+          };
         };
         dataEntry: {
           default: DesignToken;
@@ -157,10 +167,16 @@ declare const tokens: {
           };
         };
         focus: {
-          withDefault: DesignToken;
-          withDefaultAlt: DesignToken;
           default: DesignToken;
           content: DesignToken;
+          withDefault: DesignToken;
+          withDefaultAlt: DesignToken;
+          inverse: {
+            default: DesignToken;
+            content: DesignToken;
+            withDefault: DesignToken;
+            withDefaultAlt: DesignToken;
+          };
         };
         inactive: {
           default: DesignToken;
@@ -176,6 +192,7 @@ declare const tokens: {
           inverse: {
             default: DesignToken;
             content: DesignToken;
+            contentAlt: DesignToken;
           };
         };
         monochrome: {