@sage/design-tokens 8.2.0 → 8.4.0

package/json/nested/marketing/small/dark/components/container.json

@@ -1,18 +1,6 @@
 {
   "container": {
     "color": {
-      "standard": {
-        "bg-alt": "#0e0e0e",
-        "bg-default": "#000000",
-        "bgFooter-default": "#0e0e0e",
-        "border-active": "#FFFFFF",
-        "border-alt": "#4b4b4b",
-        "border-default": "#181818",
-        "dimmer": "#FFFFFF",
-        "icon": "#777",
-        "text-alt": "#ffffff8c",
-        "text-default": "#fffffff2"
-      },
       "AI": {
         "borderhorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
         "bordervertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
@@ -21,14 +9,54 @@
           "borderAi-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
         }
       },
-      "scrollbar": {
-        "bg-default": "#0e0e0e",
-        "fg-default": "#777"
+      "blockquote": {
+        "border": "#00D639"
       },
-      "interactive": {
-        "detailedicon": {
-          "bg": "#00D639"
+      "calendar": {
+        "label-default": "#FFFFFF",
+        "label-alt": "#FFFFFF",
+        "blue": {
+          "bg-default": "#00293F",
+          "pattern": "#0071c3"
+        },
+        "teal": {
+          "bg-default": "#002B2A",
+          "pattern": "#007C7B"
+        },
+        "green": {
+          "bg-default": "#002D05",
+          "pattern": "#00811F"
+        },
+        "lime": {
+          "bg-default": "#171e00",
+          "pattern": "#637700"
+        },
+        "orange": {
+          "bg-default": "#380D00",
+          "pattern": "#C54300"
+        },
+        "red": {
+          "bg-default": "#400011",
+          "pattern": "#DC004E"
+        },
+        "pink": {
+          "bg-default": "#3C002C",
+          "pattern": "#C8269A"
         },
+        "purple": {
+          "bg-default": "#270E41",
+          "pattern": "#8F4CD7"
+        },
+        "slate": {
+          "bg-default": "#121D23",
+          "pattern": "#527386"
+        },
+        "gray": {
+          "bg-default": "#1b1b1b",
+          "pattern": "#6F6F6F"
+        }
+      },
+      "interactive": {
         "bgFooter-activated": "#009023",
         "bgFooter-active": "#FFFFFF",
         "border-activated": "#009023",
@@ -51,10 +79,26 @@
         "text-disabled": "#ffffff4d",
         "text-enabled": "#fffffff2",
         "textAlt-enabled": "#ffffff8c",
-        "text-hover": "#ffffffe6"
+        "text-hover": "#ffffffe6",
+        "detailedicon": {
+          "bg": "#00D639"
+        }
       },
-      "blockquote": {
-        "border": "#00D639"
+      "scrollbar": {
+        "bg-default": "#0e0e0e",
+        "fg-default": "#777"
+      },
+      "standard": {
+        "bg-alt": "#0e0e0e",
+        "bg-default": "#000000",
+        "bgFooter-default": "#0e0e0e",
+        "border-active": "#FFFFFF",
+        "border-alt": "#4b4b4b",
+        "border-default": "#181818",
+        "dimmer": "#FFFFFF",
+        "icon": "#777",
+        "text-alt": "#ffffff8c",
+        "text-default": "#fffffff2"
       }
     },
     "size": {

package/json/nested/marketing/small/dark/components/form.json

@@ -414,6 +414,80 @@
         "text-hover": "#FFFFFF",
         "textAlt-enabled": "#ffffff8c"
       },
+      "colorpicker": {
+        "label-default": "#FFFFFF",
+        "label-alt": "#FFFFFF",
+        "blue": {
+          "border": "#0071c3",
+          "bg-alt": "#0071c3",
+          "bg-default": "#00293F",
+          "pattern": "#0071c3",
+          "label-default": "#007FD9"
+        },
+        "teal": {
+          "border": "#007C7B",
+          "bg-alt": "#007C7B",
+          "bg-default": "#002B2A",
+          "pattern": "#007C7B",
+          "label-default": "#008A89"
+        },
+        "green": {
+          "border": "#00811F",
+          "bg-alt": "#00811F",
+          "bg-default": "#002D05",
+          "pattern": "#00811F",
+          "label-default": "#009023"
+        },
+        "lime": {
+          "border": "#637700",
+          "bg-alt": "#637700",
+          "bg-default": "#171e00",
+          "pattern": "#637700",
+          "label-default": "#6E8500"
+        },
+        "orange": {
+          "border": "#C54300",
+          "bg-alt": "#C54300",
+          "bg-default": "#380D00",
+          "pattern": "#C54300",
+          "label-default": "#DB4B00"
+        },
+        "red": {
+          "border": "#DC004E",
+          "bg-alt": "#DC004E",
+          "bg-default": "#400011",
+          "pattern": "#DC004E",
+          "label-default": "#F50058"
+        },
+        "pink": {
+          "border": "#C8269A",
+          "bg-alt": "#C8269A",
+          "bg-default": "#3C002C",
+          "pattern": "#C8269A",
+          "label-default": "#DD2BAB"
+        },
+        "purple": {
+          "border": "#8F4CD7",
+          "bg-alt": "#8F4CD7",
+          "bg-default": "#270E41",
+          "pattern": "#8F4CD7",
+          "label-default": "#985FDC"
+        },
+        "slate": {
+          "border": "#527386",
+          "bg-alt": "#527386",
+          "bg-default": "#121D23",
+          "pattern": "#527386",
+          "label-default": "#5C8196"
+        },
+        "gray": {
+          "border": "#6F6F6F",
+          "bg-alt": "#6F6F6F",
+          "bg-default": "#1b1b1b",
+          "pattern": "#6F6F6F",
+          "label-default": "#7C7C7C"
+        }
+      },
       "dropdown": {
         "bg-hover": "#ffffff14",
         "label-active": "#000000",

package/json/nested/marketing/small/dark/components/tab.json

@@ -37,6 +37,7 @@
       "bg-active": "#000000",
       "bg-enabled": "#fff0",
       "bg-hover": "#ffffff14",
+      "border-activealt": "#282828",
       "border-active": "#FFFFFF",
       "border-enabled": "#282828",
       "border-hover": "#777",
@@ -74,7 +75,8 @@
     "borderwidth": {
       "navigation": {
         "bottom": 2,
-        "side": 2
+        "side": 2,
+        "top": 2
       }
     },
     "typography": {

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

@@ -20,6 +20,58 @@
         "default": "#00D639",
         "frozen": "#00D639"
       },
+      "colorcode": {
+        "blue": {
+          "deep": "#007FD9",
+          "muted": "#00293F",
+          "rich": "#0071c3"
+        },
+        "teal": {
+          "deep": "#008A89",
+          "muted": "#002B2A",
+          "rich": "#007C7B"
+        },
+        "green": {
+          "deep": "#009023",
+          "muted": "#002D05",
+          "rich": "#00811F"
+        },
+        "lime": {
+          "deep": "#6E8500",
+          "muted": "#171e00",
+          "rich": "#637700"
+        },
+        "orange": {
+          "deep": "#DB4B00",
+          "muted": "#380D00",
+          "rich": "#C54300"
+        },
+        "red": {
+          "deep": "#F50058",
+          "muted": "#400011",
+          "rich": "#DC004E"
+        },
+        "pink": {
+          "deep": "#DD2BAB",
+          "muted": "#3C002C",
+          "rich": "#C8269A"
+        },
+        "purple": {
+          "deep": "#985FDC",
+          "muted": "#270E41",
+          "rich": "#8F4CD7"
+        },
+        "slate": {
+          "deep": "#5C8196",
+          "muted": "#121D23",
+          "rich": "#527386"
+        },
+        "gray": {
+          "deep": "#7C7C7C",
+          "muted": "#1b1b1b",
+          "rich": "#6F6F6F"
+        }
+      },
       "generic": {
         "bg": {
           "nought": "#000000",

package/json/nested/marketing/small/light/components/badge.json

@@ -4,6 +4,7 @@
       "notification": {
         "border-default": "#FFFFFF",
         "bg-default": "#CD384B",
+        "bg-alt": "#0060A7",
         "label-default": "#FFFFFF"
       }
     },

package/json/nested/marketing/small/light/components/container.json

@@ -1,18 +1,6 @@
 {
   "container": {
     "color": {
-      "standard": {
-        "bg-alt": "#f3f3f3",
-        "bg-default": "#FFFFFF",
-        "bgFooter-default": "#f3f3f3",
-        "border-active": "#000000",
-        "border-alt": "#a6a6a6",
-        "border-default": "#e8e8e8",
-        "dimmer": "#000000",
-        "icon": "#777",
-        "text-alt": "#0000008c",
-        "text-default": "#000000f2"
-      },
       "AI": {
         "borderhorizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
         "bordervertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
@@ -21,14 +9,54 @@
           "borderAi-vertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
         }
       },
-      "scrollbar": {
-        "bg-default": "#f3f3f3",
-        "fg-default": "#777"
+      "blockquote": {
+        "border": "#00811F"
       },
-      "interactive": {
-        "detailedicon": {
-          "bg": "#00811F"
+      "calendar": {
+        "label-default": "#000000",
+        "label-alt": "#000000",
+        "blue": {
+          "bg-default": "#CDE5FF",
+          "pattern": "#0084E1"
+        },
+        "teal": {
+          "bg-default": "#C1FBFB",
+          "pattern": "#009B99"
+        },
+        "green": {
+          "bg-default": "#C5FFC9",
+          "pattern": "#00a128"
+        },
+        "lime": {
+          "bg-default": "#FFFF9C",
+          "pattern": "#819B00"
+        },
+        "orange": {
+          "bg-default": "#FEEAB0",
+          "pattern": "#EA5100"
+        },
+        "red": {
+          "bg-default": "#FFDBCF",
+          "pattern": "#FE005B"
+        },
+        "pink": {
+          "bg-default": "#FFD7EE",
+          "pattern": "#e62db2"
         },
+        "purple": {
+          "bg-default": "#E7DEF8",
+          "pattern": "#9C66DE"
+        },
+        "slate": {
+          "bg-default": "#D4E5F1",
+          "pattern": "#60869C"
+        },
+        "gray": {
+          "bg-default": "#E2E2E2",
+          "pattern": "#9b9b9b"
+        }
+      },
+      "interactive": {
         "bgFooter-activated": "#00811F",
         "bgFooter-active": "#000000",
         "border-activated": "#00811F",
@@ -51,10 +79,26 @@
         "text-disabled": "#0000006b",
         "text-enabled": "#000000f2",
         "textAlt-enabled": "#0000008c",
-        "text-hover": "#000000e6"
+        "text-hover": "#000000e6",
+        "detailedicon": {
+          "bg": "#00811F"
+        }
       },
-      "blockquote": {
-        "border": "#00811F"
+      "scrollbar": {
+        "bg-default": "#f3f3f3",
+        "fg-default": "#777"
+      },
+      "standard": {
+        "bg-alt": "#f3f3f3",
+        "bg-default": "#FFFFFF",
+        "bgFooter-default": "#f3f3f3",
+        "border-active": "#000000",
+        "border-alt": "#a6a6a6",
+        "border-default": "#e8e8e8",
+        "dimmer": "#000000",
+        "icon": "#777",
+        "text-alt": "#0000008c",
+        "text-default": "#000000f2"
       }
     },
     "size": {

package/json/nested/marketing/small/light/components/form.json

@@ -414,6 +414,80 @@
         "text-hover": "#000000",
         "textAlt-enabled": "#0000008c"
       },
+      "colorpicker": {
+        "label-default": "#000000",
+        "label-alt": "#000000",
+        "blue": {
+          "border": "#0084E1",
+          "bg-alt": "#0084E1",
+          "bg-default": "#CDE5FF",
+          "pattern": "#0084E1",
+          "label-default": "#0071c3"
+        },
+        "teal": {
+          "border": "#009B99",
+          "bg-alt": "#009B99",
+          "bg-default": "#C1FBFB",
+          "pattern": "#009B99",
+          "label-default": "#007C7B"
+        },
+        "green": {
+          "border": "#00a128",
+          "bg-alt": "#00a128",
+          "bg-default": "#C5FFC9",
+          "pattern": "#00a128",
+          "label-default": "#00811F"
+        },
+        "lime": {
+          "border": "#819B00",
+          "bg-alt": "#819B00",
+          "bg-default": "#FFFF9C",
+          "pattern": "#819B00",
+          "label-default": "#637700"
+        },
+        "orange": {
+          "border": "#EA5100",
+          "bg-alt": "#EA5100",
+          "bg-default": "#FEEAB0",
+          "pattern": "#EA5100",
+          "label-default": "#C54300"
+        },
+        "red": {
+          "border": "#FE005B",
+          "bg-alt": "#FE005B",
+          "bg-default": "#FFDBCF",
+          "pattern": "#FE005B",
+          "label-default": "#DC004E"
+        },
+        "pink": {
+          "border": "#e62db2",
+          "bg-alt": "#e62db2",
+          "bg-default": "#FFD7EE",
+          "pattern": "#e62db2",
+          "label-default": "#C8269A"
+        },
+        "purple": {
+          "border": "#9C66DE",
+          "bg-alt": "#9C66DE",
+          "bg-default": "#E7DEF8",
+          "pattern": "#9C66DE",
+          "label-default": "#8F4CD7"
+        },
+        "slate": {
+          "border": "#60869C",
+          "bg-alt": "#60869C",
+          "bg-default": "#D4E5F1",
+          "pattern": "#60869C",
+          "label-default": "#527386"
+        },
+        "gray": {
+          "border": "#9b9b9b",
+          "bg-alt": "#9b9b9b",
+          "bg-default": "#E2E2E2",
+          "pattern": "#9b9b9b",
+          "label-default": "#6F6F6F"
+        }
+      },
       "dropdown": {
         "bg-hover": "#00000014",
         "label-active": "#FFFFFF",

package/json/nested/marketing/small/light/components/tab.json

@@ -37,6 +37,7 @@
       "bg-active": "#FFFFFF",
       "bg-enabled": "#fff0",
       "bg-hover": "#00000014",
+      "border-activealt": "#d1d1d1",
       "border-active": "#000000",
       "border-enabled": "#d1d1d1",
       "border-hover": "#777",
@@ -74,7 +75,8 @@
     "borderwidth": {
       "navigation": {
         "bottom": 2,
-        "side": 2
+        "side": 2,
+        "top": 2
       }
     },
     "typography": {

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

@@ -20,6 +20,58 @@
         "default": "#00811F",
         "frozen": "#008046"
       },
+      "colorcode": {
+        "blue": {
+          "deep": "#0071c3",
+          "muted": "#CDE5FF",
+          "rich": "#0084E1"
+        },
+        "teal": {
+          "deep": "#007C7B",
+          "muted": "#C1FBFB",
+          "rich": "#009B99"
+        },
+        "green": {
+          "deep": "#00811F",
+          "muted": "#C5FFC9",
+          "rich": "#00a128"
+        },
+        "lime": {
+          "deep": "#637700",
+          "muted": "#FFFF9C",
+          "rich": "#819B00"
+        },
+        "orange": {
+          "deep": "#C54300",
+          "muted": "#FEEAB0",
+          "rich": "#EA5100"
+        },
+        "red": {
+          "deep": "#DC004E",
+          "muted": "#FFDBCF",
+          "rich": "#FE005B"
+        },
+        "pink": {
+          "deep": "#C8269A",
+          "muted": "#FFD7EE",
+          "rich": "#e62db2"
+        },
+        "purple": {
+          "deep": "#8F4CD7",
+          "muted": "#E7DEF8",
+          "rich": "#9C66DE"
+        },
+        "slate": {
+          "deep": "#527386",
+          "muted": "#D4E5F1",
+          "rich": "#60869C"
+        },
+        "gray": {
+          "deep": "#6F6F6F",
+          "muted": "#E2E2E2",
+          "rich": "#9b9b9b"
+        }
+      },
       "generic": {
         "bg": {
           "nought": "#FFFFFF",

package/json/nested/product/large/dark/components/badge.json

@@ -4,6 +4,7 @@
       "notification": {
         "border-default": "#000000",
         "bg-default": "#E13E53",
+        "bg-alt": "#007ED9",
         "label-default": "#000000"
       }
     },

package/json/nested/product/large/dark/components/container.json

@@ -1,18 +1,6 @@
 {
   "container": {
     "color": {
-      "standard": {
-        "bg-alt": "#0e0e0e",
-        "bg-default": "#000000",
-        "bgFooter-default": "#0e0e0e",
-        "border-active": "#FFFFFF",
-        "border-alt": "#4b4b4b",
-        "border-default": "#181818",
-        "dimmer": "#FFFFFF",
-        "icon": "#777",
-        "text-alt": "#ffffff8c",
-        "text-default": "#fffffff2"
-      },
       "AI": {
         "borderhorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
         "bordervertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)",
@@ -21,14 +9,54 @@
           "borderAi-vertical": "linear-gradient(180deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
         }
       },
-      "scrollbar": {
-        "bg-default": "#0e0e0e",
-        "fg-default": "#777"
+      "blockquote": {
+        "border": "#00D639"
       },
-      "interactive": {
-        "detailedicon": {
-          "bg": "#00D639"
+      "calendar": {
+        "label-default": "#FFFFFF",
+        "label-alt": "#FFFFFF",
+        "blue": {
+          "bg-default": "#00293F",
+          "pattern": "#0071c3"
+        },
+        "teal": {
+          "bg-default": "#002B2A",
+          "pattern": "#007C7B"
+        },
+        "green": {
+          "bg-default": "#002D05",
+          "pattern": "#00811F"
+        },
+        "lime": {
+          "bg-default": "#171e00",
+          "pattern": "#637700"
+        },
+        "orange": {
+          "bg-default": "#380D00",
+          "pattern": "#C54300"
+        },
+        "red": {
+          "bg-default": "#400011",
+          "pattern": "#DC004E"
+        },
+        "pink": {
+          "bg-default": "#3C002C",
+          "pattern": "#C8269A"
         },
+        "purple": {
+          "bg-default": "#270E41",
+          "pattern": "#8F4CD7"
+        },
+        "slate": {
+          "bg-default": "#121D23",
+          "pattern": "#527386"
+        },
+        "gray": {
+          "bg-default": "#1b1b1b",
+          "pattern": "#6F6F6F"
+        }
+      },
+      "interactive": {
         "bgFooter-activated": "#009023",
         "bgFooter-active": "#FFFFFF",
         "border-activated": "#009023",
@@ -51,10 +79,26 @@
         "text-disabled": "#ffffff4d",
         "text-enabled": "#fffffff2",
         "textAlt-enabled": "#ffffff8c",
-        "text-hover": "#ffffffe6"
+        "text-hover": "#ffffffe6",
+        "detailedicon": {
+          "bg": "#00D639"
+        }
       },
-      "blockquote": {
-        "border": "#00D639"
+      "scrollbar": {
+        "bg-default": "#0e0e0e",
+        "fg-default": "#777"
+      },
+      "standard": {
+        "bg-alt": "#0e0e0e",
+        "bg-default": "#000000",
+        "bgFooter-default": "#0e0e0e",
+        "border-active": "#FFFFFF",
+        "border-alt": "#4b4b4b",
+        "border-default": "#181818",
+        "dimmer": "#FFFFFF",
+        "icon": "#777",
+        "text-alt": "#ffffff8c",
+        "text-default": "#fffffff2"
       }
     },
     "size": {