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

@sage/design-tokens 13.1.0 → 13.2.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 (574) hide show

package/json/nested/marketing/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/marketing/small/dark/components/table.json CHANGED Viewed

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

package/json/nested/marketing/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/marketing/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/marketing/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/marketing/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/marketing/small/light/components/table.json CHANGED Viewed

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

package/json/nested/marketing/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/product/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/product/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/product/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/product/large/dark/components/table.json CHANGED Viewed

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

package/json/nested/product/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/product/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/product/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/product/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/product/large/light/components/table.json CHANGED Viewed

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

package/json/nested/product/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/product/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/product/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/product/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/product/small/dark/components/table.json CHANGED Viewed

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

package/json/nested/product/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/product/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/product/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/product/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/product/small/light/components/table.json CHANGED Viewed

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