@sage/design-tokens 5.2.0 → 6.0.0

package/json/nested/frozenproduct/small/dark/components/status.json

@@ -2,73 +2,116 @@
   "status": {
     "color": {
       "none": "#fff0",
-      "bg-default": "#000000",
-      "bg-readonly": "#4b4b4b",
-      "border-readonly": "#4b4b4b",
-      "icon-default": "#000000",
-      "label-default": "#000000",
-      "label-readonly": "#000000",
-      "label-hover": "#000000",
-      "labelAlt-default": "#fffffff2",
-      "labelAlt-readonly": "#ffffffab",
-      "labelAlt-hover": "#FFFFFF",
-      "text": "#FFFFFF",
-      "AI": {
-        "bg-default": "#FFFFFF",
-        "border-default": "#FFFFFF"
-      },
-      "callout": {
-        "bgAlt": "#122211",
-        "bgAlt-default": "#122211",
-        "bgAlt-hover": "#223121"
-      },
-      "error": {
-        "bg-default": "#E13E53",
-        "bgAlt": "#241212",
-        "bgAlt-hover": "#332122",
-        "bg-hover": "#eb646c",
-        "border-default": "#E13E53",
-        "icon": "#E13E53"
-      },
-      "info": {
-        "bg-default": "#007ED9",
-        "bgAlt": "#111722",
-        "bgAlt-default": "#111722",
-        "bgAlt-hover": "#212631",
-        "bg-hover": "#5291e0",
-        "border-default": "#007ED9",
-        "icon": "#007ED9"
+      "message": {
+        "global": {
+          "label-default": "#fffffff2",
+          "label-hover": "#fffffff2",
+          "callout": {
+            "bg-default": "#122211",
+            "bg-hover": "#223121",
+            "icon": "#fffffff2"
+          },
+          "info": {
+            "bg-default": "#111722",
+            "bg-hover": "#212631",
+            "icon": "#007ED9"
+          },
+          "warning": {
+            "bg-default": "#251206",
+            "bg-hover": "#34211a",
+            "icon": "#E04500"
+          }
+        },
+        "contextual": {
+          "bg": "#000000",
+          "icon": "#000000",
+          "text": "#FFFFFF",
+          "AI": {
+            "bg-default": "#FFFFFF",
+            "bgAlt": "#171717",
+            "border-default": "#FFFFFF"
+          },
+          "callout": {
+            "bgAlt": "#122211",
+            "icon": "#fffffff2"
+          },
+          "error": {
+            "bg-default": "#E13E53",
+            "bgAlt": "#241212",
+            "border-default": "#E13E53",
+            "icon": "#E13E53"
+          },
+          "info": {
+            "bg-default": "#007ED9",
+            "bgAlt": "#111722",
+            "border-default": "#007ED9",
+            "icon": "#007ED9"
+          },
+          "success": {
+            "bg-default": "#009023",
+            "bgAlt": "#0e1a0b",
+            "border-default": "#009023",
+            "icon": "#009023"
+          },
+          "warning": {
+            "bg-default": "#E04500",
+            "bgAlt": "#251206",
+            "border-default": "#E04500",
+            "icon": "#E04500"
+          }
+        }
       },
-      "neutral": {
-        "bg-default": "#7C7C7C",
-        "bgAlt": "#171717",
-        "bgAlt-hover": "#262626",
-        "bg-hover": "#909090",
-        "border-default": "#7C7C7C",
-        "icon": "#7C7C7C"
+      "pill": {
+        "label-default": "#000000",
+        "label-hover": "#000000",
+        "labelAlt-default": "#fffffff2",
+        "labelAlt-hover": "#fffffff2",
+        "error": {
+          "bg-default": "#E13E53",
+          "bgAlt-default": "#241212",
+          "bgAlt-hover": "#332122",
+          "bg-hover": "#eb646c",
+          "border-default": "#E13E53"
+        },
+        "info": {
+          "bg-default": "#007ED9",
+          "bgAlt-default": "#111722",
+          "bgAlt-hover": "#212631",
+          "bg-hover": "#5291e0",
+          "border-default": "#007ED9"
+        },
+        "neutral": {
+          "bg-default": "#7C7C7C",
+          "bgAlt-default": "#171717",
+          "bgAlt-hover": "#262626",
+          "bg-hover": "#909090",
+          "border-default": "#7C7C7C"
+        },
+        "success": {
+          "bg-default": "#009023",
+          "bgAlt-default": "#0e1a0b",
+          "bgAlt-hover": "#1e291d",
+          "bg-hover": "#2e9936",
+          "border-default": "#009023"
+        },
+        "warning": {
+          "bg-default": "#E04500",
+          "bgAlt-default": "#251206",
+          "bgAlt-hover": "#34211a",
+          "bg-hover": "#eb6732",
+          "border-default": "#E04500"
+        },
+        "readonly": {
+          "bg-default": "#4b4b4b",
+          "border-default": "#4b4b4b",
+          "label": "#ffffffab"
+        }
       },
       "rating": {
         "bg-default": "#00D639",
         "bg-defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",
         "bg-hover": "#18b032",
         "border-default": "#00D639"
-      },
-      "success": {
-        "bg-default": "#009023",
-        "bgAlt": "#0e1a0b",
-        "bgAlt-hover": "#1e291d",
-        "bg-hover": "#2e9936",
-        "border-default": "#009023",
-        "icon": "#009023"
-      },
-      "warning": {
-        "bg-default": "#E04500",
-        "bgAlt": "#251206",
-        "bgAlt-default": "#251206",
-        "bgAlt-hover": "#34211a",
-        "bg-hover": "#eb6732",
-        "border-default": "#E04500",
-        "icon": "#E04500"
       }
     },
     "size": {

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

@@ -12,14 +12,7 @@
             "withDefault": "#00D639"
           },
           "noBg": {
-            "S": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
-            "star": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
-            "mono": "#FFFFFF"
-          },
-          "withBg": {
-            "S": "#000000",
-            "star": "#000000",
-            "bg": "#FFFFFF"
+            "monochrome": "#FFFFFF"
           }
         }
       },
@@ -180,6 +173,17 @@
         }
       },
       "status": {
+        "caution": {
+          "default": "#E04500",
+          "defaultAlt": "#251206",
+          "hover": "#eb6732",
+          "hoverAlt": "#34211a",
+          "text": "#e75b23",
+          "frozenglobal": {
+            "default": "#E04500",
+            "hover": "#eb6732"
+          }
+        },
         "ai": {
           "default": "#000000",
           "defaultAlt": "#FFFFFF",
@@ -189,16 +193,6 @@
         "generic": {
           "default": "#008a89"
         },
-        "caution": {
-          "default": "#E04500",
-          "defaultAlt": "#251206",
-          "hover": "#eb6732",
-          "hoverAlt": "#34211a",
-          "text": "#e75b23",
-          "frozen": {
-            "default": "#251206"
-          }
-        },
         "content": {
           "withDefault": "#000000",
           "withDefaultAlt": "#fffffff2",
@@ -215,8 +209,9 @@
           "defaultAlt": "#111722",
           "hover": "#5291e0",
           "hoverAlt": "#212631",
-          "frozen": {
-            "default": "#111722"
+          "frozenglobal": {
+            "default": "#007ED9",
+            "hover": "#5291e0"
           }
         },
         "negative": {
@@ -227,14 +222,15 @@
           "text": "#E13E53"
         },
         "neutral": {
-          "alt": "#7C7C7C",
           "default": "#7C7C7C",
           "defaultAlt": "#171717",
           "hover": "#909090",
           "hoverAlt": "#262626",
           "frozen": {
             "default": "#9e9e9e",
-            "hover": "#909090"
+            "defaultAlt": "#171717",
+            "hover": "#909090",
+            "hoverAlt": "#262626"
           }
         },
         "positive": {

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

@@ -11,14 +11,7 @@
       },
       "copilot": {
         "noBg": {
-          "bg-S": "#000000",
-          "bg-star": "#000000",
           "fg-default": "#000000"
-        },
-        "withBg": {
-          "bg-S": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
-          "bg-star": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
-          "bg-default": "#000000"
         }
       },
       "AIIdentifier": {

package/json/nested/frozenproduct/small/light/components/status.json

@@ -2,73 +2,116 @@
   "status": {
     "color": {
       "none": "#fff0",
-      "bg-default": "#FFFFFF",
-      "bg-readonly": "#a6a6a6",
-      "border-readonly": "#a6a6a6",
-      "icon-default": "#FFFFFF",
-      "label-default": "#FFFFFF",
-      "label-readonly": "#FFFFFF",
-      "label-hover": "#FFFFFF",
-      "labelAlt-default": "#000000f2",
-      "labelAlt-readonly": "#000000ab",
-      "labelAlt-hover": "#000000",
-      "text": "#000000",
-      "AI": {
-        "bg-default": "#000000",
-        "border-default": "#000000"
-      },
-      "callout": {
-        "bgAlt": "#e5fae2",
-        "bgAlt-default": "#e5fae2",
-        "bgAlt-hover": "#d8ecd5"
-      },
-      "error": {
-        "bg-default": "#CD384B",
-        "bgAlt": "#fdeceb",
-        "bgAlt-hover": "#efdfde",
-        "bg-hover": "#aa323f",
-        "border-default": "#CD384B",
-        "icon": "#CD384B"
-      },
-      "info": {
-        "bg-default": "#0060A7",
-        "bgAlt": "#eaeef6",
-        "bgAlt-default": "#eaeef6",
-        "bgAlt-hover": "#dde1e8",
-        "bg-hover": "#10508a",
-        "border-default": "#0060A7",
-        "icon": "#0060A7"
+      "message": {
+        "global": {
+          "label-default": "#000000f2",
+          "label-hover": "#000000f2",
+          "callout": {
+            "bg-default": "#e5fae2",
+            "bg-hover": "#d8ecd5",
+            "icon": "#000000f2"
+          },
+          "info": {
+            "bg-default": "#eaeef6",
+            "bg-hover": "#dde1e8",
+            "icon": "#0060A7"
+          },
+          "warning": {
+            "bg-default": "#ffede5",
+            "bg-hover": "#f1e0d8",
+            "icon": "#D64309"
+          }
+        },
+        "contextual": {
+          "bg": "#FFFFFF",
+          "icon": "#FFFFFF",
+          "text": "#000000",
+          "AI": {
+            "bg-default": "#000000",
+            "bgAlt": "#efefef",
+            "border-default": "#000000"
+          },
+          "callout": {
+            "bgAlt": "#e5fae2",
+            "icon": "#000000f2"
+          },
+          "error": {
+            "bg-default": "#CD384B",
+            "bgAlt": "#fdeceb",
+            "border-default": "#CD384B",
+            "icon": "#CD384B"
+          },
+          "info": {
+            "bg-default": "#0060A7",
+            "bgAlt": "#eaeef6",
+            "border-default": "#0060A7",
+            "icon": "#0060A7"
+          },
+          "success": {
+            "bg-default": "#008A21",
+            "bgAlt": "#eaf3e8",
+            "border-default": "#008A21",
+            "icon": "#008A21"
+          },
+          "warning": {
+            "bg-default": "#D64309",
+            "bgAlt": "#ffede5",
+            "border-default": "#D64309",
+            "icon": "#D64309"
+          }
+        }
       },
-      "neutral": {
-        "bg-default": "#656565",
-        "bgAlt": "#efefef",
-        "bgAlt-hover": "#e2e2e2",
-        "bg-hover": "#555",
-        "border-default": "#656565",
-        "icon": "#656565"
+      "pill": {
+        "label-default": "#FFFFFF",
+        "label-hover": "#FFFFFF",
+        "labelAlt-default": "#000000f2",
+        "labelAlt-hover": "#000000f2",
+        "error": {
+          "bg-default": "#CD384B",
+          "bgAlt-default": "#fdeceb",
+          "bgAlt-hover": "#efdfde",
+          "bg-hover": "#aa323f",
+          "border-default": "#CD384B"
+        },
+        "info": {
+          "bg-default": "#0060A7",
+          "bgAlt-default": "#eaeef6",
+          "bgAlt-hover": "#dde1e8",
+          "bg-hover": "#10508a",
+          "border-default": "#0060A7"
+        },
+        "neutral": {
+          "bg-default": "#656565",
+          "bgAlt-default": "#efefef",
+          "bgAlt-hover": "#e2e2e2",
+          "bg-hover": "#555",
+          "border-default": "#656565"
+        },
+        "success": {
+          "bg-default": "#008A21",
+          "bgAlt-default": "#eaf3e8",
+          "bgAlt-hover": "#dde5db",
+          "bg-hover": "#0f731e",
+          "border-default": "#008A21"
+        },
+        "warning": {
+          "bg-default": "#D64309",
+          "bgAlt-default": "#ffede5",
+          "bgAlt-hover": "#f1e0d8",
+          "bg-hover": "#b13a0d",
+          "border-default": "#D64309"
+        },
+        "readonly": {
+          "bg-default": "#a6a6a6",
+          "border-default": "#a6a6a6",
+          "label": "#000000ab"
+        }
       },
       "rating": {
         "bg-default": "#00811F",
         "bg-defaultAlt": "linear-gradient(90deg, #00811F 0%, #00811F 50%, #d1d1d1 50%, #d1d1d1 100%)",
         "bg-hover": "#0e6b1d",
         "border-default": "#00811F"
-      },
-      "success": {
-        "bg-default": "#008A21",
-        "bgAlt": "#eaf3e8",
-        "bgAlt-hover": "#dde5db",
-        "bg-hover": "#0f731e",
-        "border-default": "#008A21",
-        "icon": "#008A21"
-      },
-      "warning": {
-        "bg-default": "#D64309",
-        "bgAlt": "#ffede5",
-        "bgAlt-default": "#ffede5",
-        "bgAlt-hover": "#f1e0d8",
-        "bg-hover": "#b13a0d",
-        "border-default": "#D64309",
-        "icon": "#D64309"
       }
     },
     "size": {

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

@@ -12,14 +12,7 @@
             "withDefault": "#00D639"
           },
           "noBg": {
-            "S": "#000000",
-            "star": "#000000",
-            "mono": "#000000"
-          },
-          "withBg": {
-            "S": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
-            "star": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
-            "bg": "#000000"
+            "monochrome": "#000000"
           }
         }
       },
@@ -195,8 +188,9 @@
           "hover": "#b13a0d",
           "hoverAlt": "#f1e0d8",
           "text": "#bf3e0c",
-          "frozen": {
-            "default": "#FF8629"
+          "frozenglobal": {
+            "default": "#ff8629",
+            "hover": "#ff9a4e"
           }
         },
         "content": {
@@ -215,8 +209,9 @@
           "defaultAlt": "#eaeef6",
           "hover": "#10508a",
           "hoverAlt": "#dde1e8",
-          "frozen": {
-            "default": "#65a9ff"
+          "frozenglobal": {
+            "default": "#65a9ff",
+            "hover": "#84b6ff"
           }
         },
         "negative": {
@@ -227,14 +222,15 @@
           "text": "#CD384B"
         },
         "neutral": {
-          "alt": "#656565",
           "default": "#656565",
           "defaultAlt": "#efefef",
           "hover": "#555",
           "hoverAlt": "#e2e2e2",
           "frozen": {
             "default": "#335B70",
-            "hover": "#20313b"
+            "defaultAlt": "#eaedf0",
+            "hover": "#20313b",
+            "hoverAlt": "#dde0e2"
           }
         },
         "positive": {

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

@@ -11,14 +11,7 @@
       },
       "copilot": {
         "noBg": {
-          "bg-S": "linear-gradient(191deg, #9D60FF 28.12%, #7C78F8 33.5%, #29B7E6 46.96%, #00D6DE 52.34%, #00D6DA 55.03%, #00D6D0 56.83%, #00D6C0 57.73%, #00D6A8 59.52%, #00D68A 60.42%, #00D665 62.21%, #00D639 63.11%)",
-          "bg-star": "radial-gradient(99.94% 104.1% at 8.01% 0.98%, #9D60FF 34%, #5A99F1 52%, #32B3E8 59%, #0DCCE0 68%, #00D6DE 72%, #00D6D7 74%, #00D6C6 77%, #00D6AA 81%, #00D682 84%, #00D650 88%, #00D639 90%)",
           "fg-default": "#FFFFFF"
-        },
-        "withBg": {
-          "bg-S": "#000000",
-          "bg-star": "#000000",
-          "bg-default": "#FFFFFF"
         }
       },
       "AIIdentifier": {