@sage/design-tokens 13.1.0 → 14.0.0

package/js/umd/marketing/small/light/components/button.js

@@ -2263,7 +2263,7 @@
           secondary: {
             "bg-hover": {
               $type: "color",
-              $value: "#f9d1cf",
+              $value: "#cd384b14",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
@@ -2511,6 +2511,195 @@
               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/umd/marketing/small/light/components/focus.js

@@ -72,6 +72,60 @@
           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/umd/marketing/small/light/components/link.js

@@ -49,6 +49,42 @@
             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/umd/marketing/small/light/components/logo.js

@@ -50,36 +50,6 @@
             path: ["logo", "color", "sage", "bg-alt"],
           },
         },
-        trust: {
-          "bg-default": {
-            $type: "color",
-            $value: "#00811F",
-            $description: "filled",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.status.positive.default}",
-              $description: "filled",
-            },
-            name: "logoColorTrustBgDefault",
-            attributes: {},
-            path: ["logo", "color", "trust", "bg-default"],
-          },
-          outline: {
-            $type: "color",
-            $value: "#000000",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "{modes.color.generic.content.extreme}",
-            },
-            name: "logoColorTrustOutline",
-            attributes: {},
-            path: ["logo", "color", "trust", "outline"],
-          },
-        },
         copilot: {
           noBg: {
             "fg-default": {

package/js/umd/marketing/small/light/components/progress.js

@@ -133,7 +133,22 @@
             },
           },
         },
-        ring: {
+        spinner: {
+          XS: {
+            $type: "sizing",
+            $value: 20,
+            $description: "Loader ring for XS size loader spinners",
+            filePath: "data/tokens/components/progress.json",
+            isSource: true,
+            original: {
+              $type: "sizing",
+              $value: "{global.size.macro.XS} - {global.size.micro.XS}",
+              $description: "Loader ring for XS size loader spinners",
+            },
+            name: "progressSizeSpinnerXs",
+            attributes: {},
+            path: ["progress", "size", "spinner", "XS"],
+          },
           S: {
             $type: "sizing",
             $value: 32,
@@ -145,9 +160,9 @@
               $value: "{global.size.macro.S}",
               $description: "Loader ring",
             },
-            name: "progressSizeRingS",
+            name: "progressSizeSpinnerS",
             attributes: {},
-            path: ["progress", "size", "ring", "S"],
+            path: ["progress", "size", "spinner", "S"],
           },
           M: {
             $type: "sizing",
@@ -160,9 +175,9 @@
               $value: "{global.size.macro.S} * 2",
               $description: "Loader ring",
             },
-            name: "progressSizeRingM",
+            name: "progressSizeSpinnerM",
             attributes: {},
-            path: ["progress", "size", "ring", "M"],
+            path: ["progress", "size", "spinner", "M"],
           },
           L: {
             $type: "sizing",
@@ -175,9 +190,9 @@
               $value: "{global.size.macro.XS} * 4",
               $description: "Loader ring",
             },
-            name: "progressSizeRingL",
+            name: "progressSizeSpinnerL",
             attributes: {},
-            path: ["progress", "size", "ring", "L"],
+            path: ["progress", "size", "spinner", "L"],
           },
         },
         skeleton: {

package/js/umd/marketing/small/light/components/table.js

@@ -591,6 +591,21 @@
           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: {