@sage/design-tokens 5.3.0 → 7.0.0

package/js/umd/product/small/light/mode.js

@@ -140,7 +140,7 @@
               },
             },
             noBg: {
-              S: {
+              monochrome: {
                 value: "#000000",
                 type: "color",
                 filePath: "data/tokens/modes/light.json",
@@ -149,80 +149,16 @@
                   value: "{primitives.colors.black}",
                   type: "color",
                 },
-                name: "modesColorBrandCopilotNoBgS",
+                name: "modesColorBrandCopilotNoBgMonochrome",
                 attributes: {},
-                path: ["modes", "color", "brand", "copilot", "noBg", "S"],
-              },
-              star: {
-                value: "#000000",
-                type: "color",
-                filePath: "data/tokens/modes/light.json",
-                isSource: true,
-                original: {
-                  value: "{primitives.colors.black}",
-                  type: "color",
-                },
-                name: "modesColorBrandCopilotNoBgStar",
-                attributes: {},
-                path: ["modes", "color", "brand", "copilot", "noBg", "star"],
-              },
-              mono: {
-                value: "#000000",
-                type: "color",
-                filePath: "data/tokens/modes/light.json",
-                isSource: true,
-                original: {
-                  value: "{primitives.colors.black}",
-                  type: "color",
-                },
-                name: "modesColorBrandCopilotNoBgMono",
-                attributes: {},
-                path: ["modes", "color", "brand", "copilot", "noBg", "mono"],
-              },
-            },
-            withBg: {
-              S: {
-                value:
-                  "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%)",
-                type: "color",
-                filePath: "data/tokens/modes/light.json",
-                isSource: true,
-                original: {
-                  value:
-                    "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%)",
-                  type: "color",
-                },
-                name: "modesColorBrandCopilotWithBgS",
-                attributes: {},
-                path: ["modes", "color", "brand", "copilot", "withBg", "S"],
-              },
-              star: {
-                value:
-                  "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%)",
-                type: "color",
-                filePath: "data/tokens/modes/light.json",
-                isSource: true,
-                original: {
-                  value:
-                    "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%)",
-                  type: "color",
-                },
-                name: "modesColorBrandCopilotWithBgStar",
-                attributes: {},
-                path: ["modes", "color", "brand", "copilot", "withBg", "star"],
-              },
-              bg: {
-                value: "#000000",
-                type: "color",
-                filePath: "data/tokens/modes/light.json",
-                isSource: true,
-                original: {
-                  value: "{primitives.colors.black}",
-                  type: "color",
-                },
-                name: "modesColorBrandCopilotWithBgBg",
-                attributes: {},
-                path: ["modes", "color", "brand", "copilot", "withBg", "bg"],
+                path: [
+                  "modes",
+                  "color",
+                  "brand",
+                  "copilot",
+                  "noBg",
+                  "monochrome",
+                ],
               },
             },
           },
@@ -5301,27 +5237,27 @@
               attributes: {},
               path: ["modes", "color", "status", "caution", "text"],
             },
-            frozen: {
+            frozenglobal: {
               default: {
-                value: "#FF8629",
+                value: "#ff8629",
                 type: "color",
                 description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
-                  value: "#FF8629",
+                  value: "#ff8629",
                   type: "color",
                   description: "used on global message bg",
                 },
-                name: "modesColorStatusCautionFrozenDefault",
+                name: "modesColorStatusCautionFrozenglobalDefault",
                 attributes: {
-                  value: "#FF8629",
+                  value: "#ff8629",
                   type: "color",
                   description: "used on global message bg",
                   filePath: "data/tokens/modes/light.json",
                   isSource: true,
                   original: {
-                    value: "#FF8629",
+                    value: "#ff8629",
                     type: "color",
                     description: "used on global message bg",
                   },
@@ -5332,7 +5268,7 @@
                     "color",
                     "status",
                     "caution",
-                    "frozen",
+                    "frozenglobal",
                     "default",
                   ],
                   comment: "used on global message bg",
@@ -5342,48 +5278,105 @@
                   "color",
                   "status",
                   "caution",
-                  "frozen",
+                  "frozenglobal",
                   "default",
                 ],
                 comment: "used on global message bg",
               },
-              icon: {
-                value: "#000000",
+              hover: {
+                value: "#ff9a4e",
                 type: "color",
-                description: "used on global message icon",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.16 ",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      filePath: "data/tokens/modes/light.json",
+                      isSource: true,
+                      format: "hex",
+                    },
+                  },
+                },
+                description: "used on global message bg",
                 filePath: "data/tokens/modes/light.json",
                 isSource: true,
                 original: {
-                  value: "{primitives.colors.black}",
+                  value: "{modes.color.status.caution.frozenglobal.default}",
                   type: "color",
-                  description: "used on global message icon",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{modes.color.modifiers.button.hover} ",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess} ",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                      },
+                    },
+                  },
+                  description: "used on global message bg",
                 },
-                name: "modesColorStatusCautionFrozenIcon",
+                name: "modesColorStatusCautionFrozenglobalHover",
                 attributes: {
-                  value: "#000000",
+                  value: "#ff8629",
                   type: "color",
-                  description: "used on global message icon",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.16 ",
+                        space: "lch",
+                        color: "#FFFFFF ",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                        format: "hex",
+                      },
+                    },
+                  },
+                  description: "used on global message bg",
                   filePath: "data/tokens/modes/light.json",
                   isSource: true,
                   original: {
-                    value: "{primitives.colors.black}",
+                    value: "{modes.color.status.caution.frozenglobal.default}",
                     type: "color",
-                    description: "used on global message icon",
+                    $extensions: {
+                      "studio.tokens": {
+                        modify: {
+                          type: "mix",
+                          value: "{modes.color.modifiers.button.hover} ",
+                          space: "lch",
+                          color: "{modes.color.modifier.contrastLess} ",
+                          filePath: "data/tokens/modes/light.json",
+                          isSource: true,
+                        },
+                      },
+                    },
+                    description: "used on global message bg",
                   },
-                  name: "icon",
+                  name: "hover",
                   attributes: {},
                   path: [
                     "modes",
                     "color",
                     "status",
                     "caution",
-                    "frozen",
-                    "icon",
+                    "frozenglobal",
+                    "hover",
                   ],
-                  comment: "used on global message icon",
+                  comment: "used on global message bg",
                 },
-                path: ["modes", "color", "status", "caution", "frozen", "icon"],
-                comment: "used on global message icon",
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "caution",
+                  "frozenglobal",
+                  "hover",
+                ],
+                comment: "used on global message bg",
               },
             },
           },
@@ -5854,7 +5847,7 @@
               path: ["modes", "color", "status", "info", "hoverAlt"],
               comment: "used on pill hover states and message bg",
             },
-            frozen: {
+            frozenglobal: {
               default: {
                 value: "#65a9ff",
                 type: "color",
@@ -5866,7 +5859,7 @@
                   type: "color",
                   description: "used on global message bg",
                 },
-                name: "modesColorStatusInfoFrozenDefault",
+                name: "modesColorStatusInfoFrozenglobalDefault",
                 attributes: {
                   value: "#65a9ff",
                   type: "color",
@@ -5885,12 +5878,114 @@
                     "color",
                     "status",
                     "info",
-                    "frozen",
+                    "frozenglobal",
                     "default",
                   ],
                   comment: "used on global message bg",
                 },
-                path: ["modes", "color", "status", "info", "frozen", "default"],
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "info",
+                  "frozenglobal",
+                  "default",
+                ],
+                comment: "used on global message bg",
+              },
+              hover: {
+                value: "#84b6ff",
+                type: "color",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.16 ",
+                      space: "lch",
+                      color: "#FFFFFF ",
+                      filePath: "data/tokens/modes/light.json",
+                      isSource: true,
+                      format: "hex",
+                    },
+                  },
+                },
+                description: "used on global message bg",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  value: "{modes.color.status.info.frozenglobal.default}",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "{modes.color.modifiers.button.hover} ",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess} ",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                      },
+                    },
+                  },
+                  description: "used on global message bg",
+                },
+                name: "modesColorStatusInfoFrozenglobalHover",
+                attributes: {
+                  value: "#65a9ff",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.16 ",
+                        space: "lch",
+                        color: "#FFFFFF ",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                        format: "hex",
+                      },
+                    },
+                  },
+                  description: "used on global message bg",
+                  filePath: "data/tokens/modes/light.json",
+                  isSource: true,
+                  original: {
+                    value: "{modes.color.status.info.frozenglobal.default}",
+                    type: "color",
+                    $extensions: {
+                      "studio.tokens": {
+                        modify: {
+                          type: "mix",
+                          value: "{modes.color.modifiers.button.hover} ",
+                          space: "lch",
+                          color: "{modes.color.modifier.contrastLess} ",
+                          filePath: "data/tokens/modes/light.json",
+                          isSource: true,
+                        },
+                      },
+                    },
+                    description: "used on global message bg",
+                  },
+                  name: "hover",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "status",
+                    "info",
+                    "frozenglobal",
+                    "hover",
+                  ],
+                  comment: "used on global message bg",
+                },
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "info",
+                  "frozenglobal",
+                  "hover",
+                ],
                 comment: "used on global message bg",
               },
             },
@@ -6191,19 +6286,6 @@
             },
           },
           neutral: {
-            alt: {
-              value: "#656565",
-              type: "color",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                value: "{primitives.colors.storm}",
-                type: "color",
-              },
-              name: "modesColorStatusNeutralAlt",
-              attributes: {},
-              path: ["modes", "color", "status", "neutral", "alt"],
-            },
             default: {
               value: "#656565",
               type: "color",
@@ -6481,6 +6563,101 @@
                   "default",
                 ],
               },
+              defaultAlt: {
+                value: "#eaedf0",
+                type: "color",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.9",
+                      space: "lch",
+                      color: "#FFFFFF",
+                      filePath: "data/tokens/modes/light.json",
+                      isSource: true,
+                      format: "hex",
+                    },
+                  },
+                },
+                description: "Subtle message bg",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  value: "{primitives.colors.navy}",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastLess}",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                      },
+                    },
+                  },
+                  description: "Subtle message bg",
+                },
+                name: "modesColorStatusNeutralFrozenDefaultAlt",
+                attributes: {
+                  value: "#335B70",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.9",
+                        space: "lch",
+                        color: "#FFFFFF",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                        format: "hex",
+                      },
+                    },
+                  },
+                  description: "Subtle message bg",
+                  filePath: "data/tokens/modes/light.json",
+                  isSource: true,
+                  original: {
+                    value: "{primitives.colors.navy}",
+                    type: "color",
+                    $extensions: {
+                      "studio.tokens": {
+                        modify: {
+                          type: "mix",
+                          value: "0.9",
+                          space: "lch",
+                          color: "{modes.color.modifier.contrastLess}",
+                          filePath: "data/tokens/modes/light.json",
+                          isSource: true,
+                        },
+                      },
+                    },
+                    description: "Subtle message bg",
+                  },
+                  name: "defaultAlt",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "status",
+                    "neutral",
+                    "frozen",
+                    "defaultAlt",
+                  ],
+                  comment: "Subtle message bg",
+                },
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "neutral",
+                  "frozen",
+                  "defaultAlt",
+                ],
+                comment: "Subtle message bg",
+              },
               hover: {
                 value: "#20313b",
                 type: "color",
@@ -6526,6 +6703,101 @@
                   "hover",
                 ],
               },
+              hoverAlt: {
+                value: "#dde0e2",
+                type: "color",
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.05",
+                      space: "lch",
+                      color: "#000000",
+                      filePath: "data/tokens/modes/light.json",
+                      isSource: true,
+                      format: "hex",
+                    },
+                  },
+                },
+                description: "used on pill hover states and message bg",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  value: "{modes.color.status.neutral.frozen.defaultAlt}",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.05",
+                        space: "lch",
+                        color: "{modes.color.modifier.contrastMore}",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                      },
+                    },
+                  },
+                  description: "used on pill hover states and message bg",
+                },
+                name: "modesColorStatusNeutralFrozenHoverAlt",
+                attributes: {
+                  value: "#eaedf0",
+                  type: "color",
+                  $extensions: {
+                    "studio.tokens": {
+                      modify: {
+                        type: "mix",
+                        value: "0.05",
+                        space: "lch",
+                        color: "#000000",
+                        filePath: "data/tokens/modes/light.json",
+                        isSource: true,
+                        format: "hex",
+                      },
+                    },
+                  },
+                  description: "used on pill hover states and message bg",
+                  filePath: "data/tokens/modes/light.json",
+                  isSource: true,
+                  original: {
+                    value: "{modes.color.status.neutral.frozen.defaultAlt}",
+                    type: "color",
+                    $extensions: {
+                      "studio.tokens": {
+                        modify: {
+                          type: "mix",
+                          value: "0.05",
+                          space: "lch",
+                          color: "{modes.color.modifier.contrastMore}",
+                          filePath: "data/tokens/modes/light.json",
+                          isSource: true,
+                        },
+                      },
+                    },
+                    description: "used on pill hover states and message bg",
+                  },
+                  name: "hoverAlt",
+                  attributes: {},
+                  path: [
+                    "modes",
+                    "color",
+                    "status",
+                    "neutral",
+                    "frozen",
+                    "hoverAlt",
+                  ],
+                  comment: "used on pill hover states and message bg",
+                },
+                path: [
+                  "modes",
+                  "color",
+                  "status",
+                  "neutral",
+                  "frozen",
+                  "hoverAlt",
+                ],
+                comment: "used on pill hover states and message bg",
+              },
             },
           },
           positive: {

package/json/flat/frozenproduct/large/dark/components/container.json

@@ -184,7 +184,9 @@
   "containerSpaceLinkpreviewYgL": 12,
   "containerSpacePaginationXgM": 8,
   "containerSpacePaginationXgL": 16,
-  "containerSpacePaginationYM": 8,
+  "containerSpacePaginationYM": 12,
+  "containerSpacePaginationYL": 16,
+  "containerSpacePaginationYgM": 8,
   "containerSpacePaginationXM": 16,
   "containerSpaceScrollbarYInner": 1,
   "containerSpaceScrollbarYOuter": 2,

package/json/flat/frozenproduct/large/dark/components/logo.json

@@ -3,12 +3,7 @@
   "logoColorSageBgAlt": "#FFFFFF",
   "logoColorTrustBgDefault": "#009023",
   "logoColorTrustOutline": "#FFFFFF",
-  "logoColorCopilotNoBgBgS": "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%)",
-  "logoColorCopilotNoBgBgStar": "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%)",
   "logoColorCopilotNoBgFgDefault": "#FFFFFF",
-  "logoColorCopilotWithBgBgS": "#000000",
-  "logoColorCopilotWithBgBgStar": "#000000",
-  "logoColorCopilotWithBgBgDefault": "#FFFFFF",
   "logoColorAiIdentifierBgStar": "#FFFFFF",
   "logoColorAiIdentifierBgDot": "#00D639",
   "logoColorAiIdentifierOutline": "#FFFFFF",