npm - @sage/design-tokens - Versions diffs - 13.1.0 → 14.0.0 - Mend

@sage/design-tokens 13.1.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (896) hide show

package/json/nested/frozenproduct/large/light/mode.json CHANGED Viewed

@@ -117,10 +117,20 @@
           "default": "#CD384B",
           "defaultAlt": "#b23342",
           "hover": "#aa323f",
-          "hoverAlt": "#f9d1cf",
+          "hoverAlt": "#cd384b14",
           "hoverAlt2": "#a3303d",
           "withActive": "#FFFFFF",
-          "withDefault": "#FFFFFF"
+          "withDefault": "#FFFFFF",
+          "inverse": {
+            "active": "#f28486",
+            "default": "#E13E53",
+            "defaultAlt": "#e85b66",
+            "hover": "#eb646c",
+            "hoverAlt": "#e13e5314",
+            "hoverAlt2": "#ec6a71",
+            "withActive": "#000000",
+            "withDefault": "#000000"
+          }
         },
         "dataEntry": {
           "default": "#FFFFFF",
@@ -137,10 +147,16 @@
           }
         },
         "focus": {
+          "default": "#000000",
+          "content": "#000000",
           "withDefault": "#FFB500",
           "withDefaultAlt": "#ffd27e",
-          "default": "#000000",
-          "content": "#000000"
+          "inverse": {
+            "default": "#FFB500",
+            "content": "#FFFFFF",
+            "withDefault": "#000000",
+            "withDefaultAlt": "#926916"
+          }
         },
         "inactive": {
           "default": "#a6a6a6",
@@ -155,7 +171,8 @@
           },
           "inverse": {
             "default": "#4b4b4b",
-            "content": "#ffffff6b"
+            "content": "#ffffff6b",
+            "contentAlt": "#000000"
           }
         },
         "monochrome": {

package/json/nested/frozenproduct/small/dark/components/badge.json CHANGED Viewed

@@ -6,7 +6,14 @@
         "bg-default": "#E13E53",
         "bg-alt": "#007ED9",
         "label-default": "#000000",
-        "label-alt": "#000000"
+        "label-alt": "#000000",
+        "inverse": {
+          "border-default": "#FFFFFF",
+          "bg-default": "#CD384B",
+          "bg-alt": "#0060A7",
+          "label-default": "#FFFFFF",
+          "label-alt": "#FFFFFF"
+        }
       }
     },
     "size": {

package/json/nested/frozenproduct/small/dark/components/button.json CHANGED Viewed

@@ -260,7 +260,7 @@
           "label-hover": "#000000"
         },
         "secondary": {
-          "bg-hover": "#3f1a1c",
+          "bg-hover": "#e13e5314",
           "border-disabled": "#4b4b4b",
           "border-enabled": "#E13E53",
           "border-hover": "#eb646c",
@@ -279,7 +279,18 @@
           "label-active": "#000000",
           "label-disabled": "#000000",
           "label-enabled": "#000000",
-          "label-hover": "#000000"
+          "label-hover": "#000000",
+          "inverse": {
+            "bg-active": "#14571a",
+            "bg-default": "#FFFFFF",
+            "bg-disabled": "#a6a6a6",
+            "bg-enabled": "#00811F",
+            "bg-hover": "#0e6b1d",
+            "label-active": "#FFFFFF",
+            "label-disabled": "#FFFFFF",
+            "label-enabled": "#FFFFFF",
+            "label-hover": "#FFFFFF"
+          }
         },
         "secondary": {
           "bg-active": "#00d63952",

package/json/nested/frozenproduct/small/dark/components/focus.json CHANGED Viewed

@@ -4,7 +4,13 @@
       "bg": "#926916",
       "borderalt": "#FFB500",
       "border": "#000000",
-      "label": "#FFFFFF"
+      "label": "#FFFFFF",
+      "inverse": {
+        "bg": "#ffd27e",
+        "borderalt": "#000000",
+        "border": "#FFB500",
+        "label": "#000000"
+      }
     },
     "size": {
       "underline": 4

package/json/nested/frozenproduct/small/dark/components/link.json CHANGED Viewed

@@ -3,7 +3,11 @@
     "color": {
       "destructive": {
         "label-default": "#e85b66",
-        "label-hover": "#ec6a71"
+        "label-hover": "#ec6a71",
+        "inverse": {
+          "label-default": "#b23342",
+          "label-hover": "#a3303d"
+        }
       },
       "typical": {
         "label-default": "#4cdc55",

package/json/nested/frozenproduct/small/dark/components/logo.json CHANGED Viewed

@@ -5,10 +5,6 @@
         "bg-default": "#00D639",
         "bg-alt": "#FFFFFF"
       },
-      "trust": {
-        "bg-default": "#009023",
-        "outline": "#FFFFFF"
-      },
       "copilot": {
         "noBg": {
           "fg-default": "#FFFFFF"

package/json/nested/frozenproduct/small/dark/components/progress.json CHANGED Viewed

@@ -22,7 +22,8 @@
           "M": 56
         }
       },
-      "ring": {
+      "spinner": {
+        "XS": 20,
         "S": 32,
         "M": 64,
         "L": 96

package/json/nested/frozenproduct/small/dark/components/table.json CHANGED Viewed

@@ -126,6 +126,7 @@
     },
     "space": {
       "none": 0,
+      "yg": 4,
       "row": {
         "x": {
           "XS": 8,

package/json/nested/frozenproduct/small/dark/mode.json CHANGED Viewed

@@ -117,10 +117,20 @@
           "default": "#E13E53",
           "defaultAlt": "#e85b66",
           "hover": "#eb646c",
-          "hoverAlt": "#3f1a1c",
+          "hoverAlt": "#e13e5314",
           "hoverAlt2": "#ec6a71",
           "withActive": "#000000",
-          "withDefault": "#000000"
+          "withDefault": "#000000",
+          "inverse": {
+            "active": "#882b34",
+            "default": "#CD384B",
+            "defaultAlt": "#b23342",
+            "hover": "#aa323f",
+            "hoverAlt": "#cd384b14",
+            "hoverAlt2": "#a3303d",
+            "withActive": "#FFFFFF",
+            "withDefault": "#FFFFFF"
+          }
         },
         "dataEntry": {
           "default": "#000000",
@@ -137,10 +147,16 @@
           }
         },
         "focus": {
-          "withDefault": "#000000",
+          "default": "#FFB500",
           "content": "#FFFFFF",
+          "withDefault": "#000000",
           "withDefaultAlt": "#926916",
-          "default": "#FFB500"
+          "inverse": {
+            "default": "#000000",
+            "content": "#000000",
+            "withDefault": "#FFB500",
+            "withDefaultAlt": "#ffd27e"
+          }
         },
         "inactive": {
           "default": "#4b4b4b",
@@ -155,7 +171,8 @@
           },
           "inverse": {
             "default": "#a6a6a6",
-            "content": "#0000006b"
+            "content": "#0000006b",
+            "contentAlt": "#FFFFFF"
           }
         },
         "monochrome": {

package/json/nested/frozenproduct/small/light/components/badge.json CHANGED Viewed

@@ -6,7 +6,14 @@
         "bg-default": "#CD384B",
         "bg-alt": "#0060A7",
         "label-default": "#FFFFFF",
-        "label-alt": "#FFFFFF"
+        "label-alt": "#FFFFFF",
+        "inverse": {
+          "border-default": "#000000",
+          "bg-default": "#E13E53",
+          "bg-alt": "#007ED9",
+          "label-default": "#000000",
+          "label-alt": "#000000"
+        }
       }
     },
     "size": {

package/json/nested/frozenproduct/small/light/components/button.json CHANGED Viewed

@@ -260,7 +260,7 @@
           "label-hover": "#FFFFFF"
         },
         "secondary": {
-          "bg-hover": "#f9d1cf",
+          "bg-hover": "#cd384b14",
           "border-disabled": "#a6a6a6",
           "border-enabled": "#CD384B",
           "border-hover": "#aa323f",
@@ -279,7 +279,18 @@
           "label-active": "#FFFFFF",
           "label-disabled": "#FFFFFF",
           "label-enabled": "#FFFFFF",
-          "label-hover": "#FFFFFF"
+          "label-hover": "#FFFFFF",
+          "inverse": {
+            "bg-active": "#81e57d",
+            "bg-default": "#000000",
+            "bg-disabled": "#4b4b4b",
+            "bg-enabled": "#00D639",
+            "bg-hover": "#58de5d",
+            "label-active": "#000000",
+            "label-disabled": "#000000",
+            "label-enabled": "#000000",
+            "label-hover": "#000000"
+          }
         },
         "secondary": {
           "bg-active": "#00811f52",

package/json/nested/frozenproduct/small/light/components/focus.json CHANGED Viewed

@@ -4,7 +4,13 @@
       "bg": "#ffd27e",
       "borderalt": "#000000",
       "border": "#FFB500",
-      "label": "#000000"
+      "label": "#000000",
+      "inverse": {
+        "bg": "#926916",
+        "borderalt": "#FFB500",
+        "border": "#000000",
+        "label": "#FFFFFF"
+      }
     },
     "size": {
       "underline": 4

package/json/nested/frozenproduct/small/light/components/link.json CHANGED Viewed

@@ -3,7 +3,11 @@
     "color": {
       "destructive": {
         "label-default": "#b23342",
-        "label-hover": "#a3303d"
+        "label-hover": "#a3303d",
+        "inverse": {
+          "label-default": "#e85b66",
+          "label-hover": "#ec6a71"
+        }
       },
       "typical": {
         "label-default": "#0c711d",

package/json/nested/frozenproduct/small/light/components/logo.json CHANGED Viewed

@@ -5,10 +5,6 @@
         "bg-default": "#000000",
         "bg-alt": "#000000"
       },
-      "trust": {
-        "bg-default": "#00811F",
-        "outline": "#000000"
-      },
       "copilot": {
         "noBg": {
           "fg-default": "#000000"

package/json/nested/frozenproduct/small/light/components/progress.json CHANGED Viewed

@@ -22,7 +22,8 @@
           "M": 56
         }
       },
-      "ring": {
+      "spinner": {
+        "XS": 20,
         "S": 32,
         "M": 64,
         "L": 96

package/json/nested/frozenproduct/small/light/components/table.json CHANGED Viewed

@@ -126,6 +126,7 @@
     },
     "space": {
       "none": 0,
+      "yg": 4,
       "row": {
         "x": {
           "XS": 8,

package/json/nested/frozenproduct/small/light/mode.json CHANGED Viewed

@@ -117,10 +117,20 @@
           "default": "#CD384B",
           "defaultAlt": "#b23342",
           "hover": "#aa323f",
-          "hoverAlt": "#f9d1cf",
+          "hoverAlt": "#cd384b14",
           "hoverAlt2": "#a3303d",
           "withActive": "#FFFFFF",
-          "withDefault": "#FFFFFF"
+          "withDefault": "#FFFFFF",
+          "inverse": {
+            "active": "#f28486",
+            "default": "#E13E53",
+            "defaultAlt": "#e85b66",
+            "hover": "#eb646c",
+            "hoverAlt": "#e13e5314",
+            "hoverAlt2": "#ec6a71",
+            "withActive": "#000000",
+            "withDefault": "#000000"
+          }
         },
         "dataEntry": {
           "default": "#FFFFFF",
@@ -137,10 +147,16 @@
           }
         },
         "focus": {
+          "default": "#000000",
+          "content": "#000000",
           "withDefault": "#FFB500",
           "withDefaultAlt": "#ffd27e",
-          "default": "#000000",
-          "content": "#000000"
+          "inverse": {
+            "default": "#FFB500",
+            "content": "#FFFFFF",
+            "withDefault": "#000000",
+            "withDefaultAlt": "#926916"
+          }
         },
         "inactive": {
           "default": "#a6a6a6",
@@ -155,7 +171,8 @@
           },
           "inverse": {
             "default": "#4b4b4b",
-            "content": "#ffffff6b"
+            "content": "#ffffff6b",
+            "contentAlt": "#000000"
           }
         },
         "monochrome": {

package/json/nested/marketing/large/dark/components/badge.json CHANGED Viewed

@@ -6,7 +6,14 @@
         "bg-default": "#E13E53",
         "bg-alt": "#007ED9",
         "label-default": "#000000",
-        "label-alt": "#000000"
+        "label-alt": "#000000",
+        "inverse": {
+          "border-default": "#FFFFFF",
+          "bg-default": "#CD384B",
+          "bg-alt": "#0060A7",
+          "label-default": "#FFFFFF",
+          "label-alt": "#FFFFFF"
+        }
       }
     },
     "size": {

package/json/nested/marketing/large/dark/components/button.json CHANGED Viewed

@@ -260,7 +260,7 @@
           "label-hover": "#000000"
         },
         "secondary": {
-          "bg-hover": "#3f1a1c",
+          "bg-hover": "#e13e5314",
           "border-disabled": "#4b4b4b",
           "border-enabled": "#E13E53",
           "border-hover": "#eb646c",
@@ -279,7 +279,18 @@
           "label-active": "#000000",
           "label-disabled": "#000000",
           "label-enabled": "#000000",
-          "label-hover": "#000000"
+          "label-hover": "#000000",
+          "inverse": {
+            "bg-active": "#14571a",
+            "bg-default": "#FFFFFF",
+            "bg-disabled": "#a6a6a6",
+            "bg-enabled": "#00811F",
+            "bg-hover": "#0e6b1d",
+            "label-active": "#FFFFFF",
+            "label-disabled": "#FFFFFF",
+            "label-enabled": "#FFFFFF",
+            "label-hover": "#FFFFFF"
+          }
         },
         "secondary": {
           "bg-active": "#00d63952",

package/json/nested/marketing/large/dark/components/focus.json CHANGED Viewed

@@ -4,7 +4,13 @@
       "bg": "#926916",
       "borderalt": "#FFB500",
       "border": "#000000",
-      "label": "#FFFFFF"
+      "label": "#FFFFFF",
+      "inverse": {
+        "bg": "#ffd27e",
+        "borderalt": "#000000",
+        "border": "#FFB500",
+        "label": "#000000"
+      }
     },
     "size": {
       "underline": 4

package/json/nested/marketing/large/dark/components/link.json CHANGED Viewed

@@ -3,7 +3,11 @@
     "color": {
       "destructive": {
         "label-default": "#e85b66",
-        "label-hover": "#ec6a71"
+        "label-hover": "#ec6a71",
+        "inverse": {
+          "label-default": "#b23342",
+          "label-hover": "#a3303d"
+        }
       },
       "typical": {
         "label-default": "#4cdc55",

package/json/nested/marketing/large/dark/components/logo.json CHANGED Viewed

@@ -5,10 +5,6 @@
         "bg-default": "#00D639",
         "bg-alt": "#FFFFFF"
       },
-      "trust": {
-        "bg-default": "#009023",
-        "outline": "#FFFFFF"
-      },
       "copilot": {
         "noBg": {
           "fg-default": "#FFFFFF"

package/json/nested/marketing/large/dark/components/progress.json CHANGED Viewed

@@ -22,7 +22,8 @@
           "M": 56
         }
       },
-      "ring": {
+      "spinner": {
+        "XS": 20,
         "S": 32,
         "M": 64,
         "L": 96

package/json/nested/marketing/large/dark/components/table.json CHANGED Viewed

@@ -126,6 +126,7 @@
     },
     "space": {
       "none": 0,
+      "yg": 4,
       "row": {
         "x": {
           "XS": 8,

package/json/nested/marketing/large/dark/mode.json CHANGED Viewed

@@ -117,10 +117,20 @@
           "default": "#E13E53",
           "defaultAlt": "#e85b66",
           "hover": "#eb646c",
-          "hoverAlt": "#3f1a1c",
+          "hoverAlt": "#e13e5314",
           "hoverAlt2": "#ec6a71",
           "withActive": "#000000",
-          "withDefault": "#000000"
+          "withDefault": "#000000",
+          "inverse": {
+            "active": "#882b34",
+            "default": "#CD384B",
+            "defaultAlt": "#b23342",
+            "hover": "#aa323f",
+            "hoverAlt": "#cd384b14",
+            "hoverAlt2": "#a3303d",
+            "withActive": "#FFFFFF",
+            "withDefault": "#FFFFFF"
+          }
         },
         "dataEntry": {
           "default": "#000000",
@@ -137,10 +147,16 @@
           }
         },
         "focus": {
-          "withDefault": "#000000",
+          "default": "#FFB500",
           "content": "#FFFFFF",
+          "withDefault": "#000000",
           "withDefaultAlt": "#926916",
-          "default": "#FFB500"
+          "inverse": {
+            "default": "#000000",
+            "content": "#000000",
+            "withDefault": "#FFB500",
+            "withDefaultAlt": "#ffd27e"
+          }
         },
         "inactive": {
           "default": "#4b4b4b",
@@ -155,7 +171,8 @@
           },
           "inverse": {
             "default": "#a6a6a6",
-            "content": "#0000006b"
+            "content": "#0000006b",
+            "contentAlt": "#FFFFFF"
           }
         },
         "monochrome": {

package/json/nested/marketing/large/light/components/badge.json CHANGED Viewed

@@ -6,7 +6,14 @@
         "bg-default": "#CD384B",
         "bg-alt": "#0060A7",
         "label-default": "#FFFFFF",
-        "label-alt": "#FFFFFF"
+        "label-alt": "#FFFFFF",
+        "inverse": {
+          "border-default": "#000000",
+          "bg-default": "#E13E53",
+          "bg-alt": "#007ED9",
+          "label-default": "#000000",
+          "label-alt": "#000000"
+        }
       }
     },
     "size": {

package/json/nested/marketing/large/light/components/button.json CHANGED Viewed

@@ -260,7 +260,7 @@
           "label-hover": "#FFFFFF"
         },
         "secondary": {
-          "bg-hover": "#f9d1cf",
+          "bg-hover": "#cd384b14",
           "border-disabled": "#a6a6a6",
           "border-enabled": "#CD384B",
           "border-hover": "#aa323f",
@@ -279,7 +279,18 @@
           "label-active": "#FFFFFF",
           "label-disabled": "#FFFFFF",
           "label-enabled": "#FFFFFF",
-          "label-hover": "#FFFFFF"
+          "label-hover": "#FFFFFF",
+          "inverse": {
+            "bg-active": "#81e57d",
+            "bg-default": "#000000",
+            "bg-disabled": "#4b4b4b",
+            "bg-enabled": "#00D639",
+            "bg-hover": "#58de5d",
+            "label-active": "#000000",
+            "label-disabled": "#000000",
+            "label-enabled": "#000000",
+            "label-hover": "#000000"
+          }
         },
         "secondary": {
           "bg-active": "#00811f52",

package/json/nested/marketing/large/light/components/focus.json CHANGED Viewed

@@ -4,7 +4,13 @@
       "bg": "#ffd27e",
       "borderalt": "#000000",
       "border": "#FFB500",
-      "label": "#000000"
+      "label": "#000000",
+      "inverse": {
+        "bg": "#926916",
+        "borderalt": "#FFB500",
+        "border": "#000000",
+        "label": "#FFFFFF"
+      }
     },
     "size": {
       "underline": 4

package/json/nested/marketing/large/light/components/link.json CHANGED Viewed

@@ -3,7 +3,11 @@
     "color": {
       "destructive": {
         "label-default": "#b23342",
-        "label-hover": "#a3303d"
+        "label-hover": "#a3303d",
+        "inverse": {
+          "label-default": "#e85b66",
+          "label-hover": "#ec6a71"
+        }
       },
       "typical": {
         "label-default": "#0c711d",

package/json/nested/marketing/large/light/components/logo.json CHANGED Viewed

@@ -5,10 +5,6 @@
         "bg-default": "#000000",
         "bg-alt": "#000000"
       },
-      "trust": {
-        "bg-default": "#00811F",
-        "outline": "#000000"
-      },
       "copilot": {
         "noBg": {
           "fg-default": "#000000"

package/json/nested/marketing/large/light/components/progress.json CHANGED Viewed

@@ -22,7 +22,8 @@
           "M": 56
         }
       },
-      "ring": {
+      "spinner": {
+        "XS": 20,
         "S": 32,
         "M": 64,
         "L": 96

package/json/nested/marketing/large/light/components/table.json CHANGED Viewed

@@ -126,6 +126,7 @@
     },
     "space": {
       "none": 0,
+      "yg": 4,
       "row": {
         "x": {
           "XS": 8,