npm - @sage/design-tokens - Versions diffs - 7.1.7 → 7.2.0 - Mend

@sage/design-tokens 7.1.7 → 7.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 (243) hide show

package/js/common/marketing/small/light/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         XXL: {
           $type: "sizing",
-          $value: 104,
+          $value: 72,
           $description: "XXL Portraits",
           filePath: "data/tokens/components/profile.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.micro.M} * 13",
+            $value: "{global.size.micro.M} * 9",
             $description: "XXL Portraits",
           },
           name: "profileSizeInsideXxl",

package/js/common/marketing/small/light/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/marketing/small/light/mode.js CHANGED Viewed

@@ -879,6 +879,23 @@ module.exports = {
             attributes: {},
             path: ["modes", "color", "generic", "fg", "moderate"],
           },
+          frozen: {
+            soft: {
+              $type: "color",
+              $value: "#335B70",
+              $description: "frozen progress tracker border",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.neutral.frozen.default}",
+                $description: "frozen progress tracker border",
+              },
+              name: "modesColorGenericFgFrozenSoft",
+              attributes: {},
+              path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+            },
+          },
         },
         backdrop: {
           nought: {
@@ -2258,6 +2275,29 @@ module.exports = {
                   "active",
                 ],
               },
+              active2: {
+                $type: "color",
+                $value: "#335B70",
+                $description: "Frozen progress tracker",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.generic.fg.frozen.soft}",
+                  $description: "Frozen progress tracker",
+                },
+                name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "monochrome",
+                  "generic",
+                  "frozen",
+                  "active2",
+                ],
+              },
             },
           },
           marketing: {
@@ -2971,6 +3011,49 @@ module.exports = {
                 "bg",
               ],
             },
+            "bg-alt": {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.75",
+                    space: "lch",
+                    color: "#FFFFFF",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#cad3d9",
+              $description: "progress tracker bg",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.75",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastLess}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{primitives.colors.navy}",
+                $description: "progress tracker bg",
+              },
+              name: "modesColorInteractiveProgressFrozenBgAlt",
+              attributes: {},
+              path: [
+                "modes",
+                "color",
+                "interactive",
+                "progress",
+                "frozen",
+                "bg-alt",
+              ],
+            },
           },
         },
       },

package/js/common/product/large/dark/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         XXL: {
           $type: "sizing",
-          $value: 104,
+          $value: 72,
           $description: "XXL Portraits",
           filePath: "data/tokens/components/profile.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.micro.M} * 13",
+            $value: "{global.size.micro.M} * 9",
             $description: "XXL Portraits",
           },
           name: "profileSizeInsideXxl",

package/js/common/product/large/dark/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/product/large/dark/mode.js CHANGED Viewed

@@ -877,6 +877,42 @@ module.exports = {
             attributes: {},
             path: ["modes", "color", "generic", "fg", "moderate"],
           },
+          frozen: {
+            soft: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.32",
+                    space: "lch",
+                    color: "#FFFFFF ",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#4b4b4b",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore} ",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.generic.fg.nought}",
+              },
+              name: "modesColorGenericFgFrozenSoft",
+              attributes: {},
+              path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+            },
+          },
         },
         backdrop: {
           nought: {
@@ -2178,6 +2214,29 @@ module.exports = {
                   "active",
                 ],
               },
+              active2: {
+                $type: "color",
+                $value: "#FFFFFF",
+                $description: "progress tracker",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.interactive.monochrome.generic.active}",
+                  $description: "progress tracker",
+                },
+                name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "monochrome",
+                  "generic",
+                  "frozen",
+                  "active2",
+                ],
+              },
             },
           },
           marketing: {
@@ -2871,6 +2930,26 @@ module.exports = {
                 "bg",
               ],
             },
+            "bg-alt": {
+              $type: "color",
+              $value: "#ffffff14",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.progress.bg}",
+              },
+              name: "modesColorInteractiveProgressFrozenBgAlt",
+              attributes: {},
+              path: [
+                "modes",
+                "color",
+                "interactive",
+                "progress",
+                "frozen",
+                "bg-alt",
+              ],
+            },
           },
         },
       },

package/js/common/product/large/light/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         XXL: {
           $type: "sizing",
-          $value: 104,
+          $value: 72,
           $description: "XXL Portraits",
           filePath: "data/tokens/components/profile.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.micro.M} * 13",
+            $value: "{global.size.micro.M} * 9",
             $description: "XXL Portraits",
           },
           name: "profileSizeInsideXxl",

package/js/common/product/large/light/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/product/large/light/mode.js CHANGED Viewed

@@ -879,6 +879,23 @@ module.exports = {
             attributes: {},
             path: ["modes", "color", "generic", "fg", "moderate"],
           },
+          frozen: {
+            soft: {
+              $type: "color",
+              $value: "#335B70",
+              $description: "frozen progress tracker border",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.status.neutral.frozen.default}",
+                $description: "frozen progress tracker border",
+              },
+              name: "modesColorGenericFgFrozenSoft",
+              attributes: {},
+              path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+            },
+          },
         },
         backdrop: {
           nought: {
@@ -2258,6 +2275,29 @@ module.exports = {
                   "active",
                 ],
               },
+              active2: {
+                $type: "color",
+                $value: "#335B70",
+                $description: "Frozen progress tracker",
+                filePath: "data/tokens/modes/light.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.generic.fg.frozen.soft}",
+                  $description: "Frozen progress tracker",
+                },
+                name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "monochrome",
+                  "generic",
+                  "frozen",
+                  "active2",
+                ],
+              },
             },
           },
           marketing: {
@@ -2971,6 +3011,49 @@ module.exports = {
                 "bg",
               ],
             },
+            "bg-alt": {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.75",
+                    space: "lch",
+                    color: "#FFFFFF",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#cad3d9",
+              $description: "progress tracker bg",
+              filePath: "data/tokens/modes/light.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.75",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastLess}",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{primitives.colors.navy}",
+                $description: "progress tracker bg",
+              },
+              name: "modesColorInteractiveProgressFrozenBgAlt",
+              attributes: {},
+              path: [
+                "modes",
+                "color",
+                "interactive",
+                "progress",
+                "frozen",
+                "bg-alt",
+              ],
+            },
           },
         },
       },

package/js/common/product/small/dark/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         XXL: {
           $type: "sizing",
-          $value: 104,
+          $value: 72,
           $description: "XXL Portraits",
           filePath: "data/tokens/components/profile.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.micro.M} * 13",
+            $value: "{global.size.micro.M} * 9",
             $description: "XXL Portraits",
           },
           name: "profileSizeInsideXxl",

package/js/common/product/small/dark/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };

package/js/common/product/small/dark/mode.js CHANGED Viewed

@@ -877,6 +877,42 @@ module.exports = {
             attributes: {},
             path: ["modes", "color", "generic", "fg", "moderate"],
           },
+          frozen: {
+            soft: {
+              $extensions: {
+                "studio.tokens": {
+                  modify: {
+                    type: "mix",
+                    value: "0.32",
+                    space: "lch",
+                    color: "#FFFFFF ",
+                    format: "hex",
+                  },
+                },
+              },
+              $type: "color",
+              $value: "#4b4b4b",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $extensions: {
+                  "studio.tokens": {
+                    modify: {
+                      type: "mix",
+                      value: "0.32",
+                      space: "lch",
+                      color: "{modes.color.modifier.contrastMore} ",
+                    },
+                  },
+                },
+                $type: "color",
+                $value: "{modes.color.generic.fg.nought}",
+              },
+              name: "modesColorGenericFgFrozenSoft",
+              attributes: {},
+              path: ["modes", "color", "generic", "fg", "frozen", "soft"],
+            },
+          },
         },
         backdrop: {
           nought: {
@@ -2178,6 +2214,29 @@ module.exports = {
                   "active",
                 ],
               },
+              active2: {
+                $type: "color",
+                $value: "#FFFFFF",
+                $description: "progress tracker",
+                filePath: "data/tokens/modes/dark.json",
+                isSource: true,
+                original: {
+                  $type: "color",
+                  $value: "{modes.color.interactive.monochrome.generic.active}",
+                  $description: "progress tracker",
+                },
+                name: "modesColorInteractiveMonochromeGenericFrozenActive2",
+                attributes: {},
+                path: [
+                  "modes",
+                  "color",
+                  "interactive",
+                  "monochrome",
+                  "generic",
+                  "frozen",
+                  "active2",
+                ],
+              },
             },
           },
           marketing: {
@@ -2871,6 +2930,26 @@ module.exports = {
                 "bg",
               ],
             },
+            "bg-alt": {
+              $type: "color",
+              $value: "#ffffff14",
+              filePath: "data/tokens/modes/dark.json",
+              isSource: true,
+              original: {
+                $type: "color",
+                $value: "{modes.color.interactive.progress.bg}",
+              },
+              name: "modesColorInteractiveProgressFrozenBgAlt",
+              attributes: {},
+              path: [
+                "modes",
+                "color",
+                "interactive",
+                "progress",
+                "frozen",
+                "bg-alt",
+              ],
+            },
           },
         },
       },

package/js/common/product/small/light/components/profile.js CHANGED Viewed

@@ -225,13 +225,13 @@ module.exports = {
         },
         XXL: {
           $type: "sizing",
-          $value: 104,
+          $value: 72,
           $description: "XXL Portraits",
           filePath: "data/tokens/components/profile.json",
           isSource: true,
           original: {
             $type: "sizing",
-            $value: "{global.size.micro.M} * 13",
+            $value: "{global.size.micro.M} * 9",
             $description: "XXL Portraits",
           },
           name: "profileSizeInsideXxl",

package/js/common/product/small/light/mode.d.ts CHANGED Viewed

@@ -71,6 +71,9 @@ declare const tokens: {
           delicate: DesignToken;
           soft: DesignToken;
           moderate: DesignToken;
+          frozen: {
+            soft: DesignToken;
+          };
         };
         backdrop: {
           nought: DesignToken;
@@ -150,6 +153,7 @@ declare const tokens: {
             withHover: DesignToken;
             frozen: {
               active: DesignToken;
+              active2: DesignToken;
             };
           };
           marketing: {
@@ -190,6 +194,7 @@ declare const tokens: {
           bgAlt: DesignToken;
           frozen: {
             bg: DesignToken;
+            "bg-alt": DesignToken;
           };
         };
       };