@sage/design-tokens 5.3.0 → 7.0.0

package/js/common/product/large/dark/components/container.js

@@ -5661,7 +5661,7 @@ module.exports = {
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
-              value: "{global.space.micro.L}",
+              value: "{global.space.macro.XXXS}",
               type: "spacing",
               description: "gap between elements in pagination",
             },
@@ -5673,7 +5673,7 @@ module.exports = {
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
-                value: "{global.space.micro.L}",
+                value: "{global.space.macro.XXXS}",
                 type: "spacing",
                 description: "gap between elements in pagination",
               },
@@ -5719,25 +5719,25 @@ module.exports = {
         },
         y: {
           M: {
-            value: 8,
+            value: 12,
             type: "spacing",
             description: "top and bottom padding inside pagination",
             filePath: "data/tokens/components/container.json",
             isSource: true,
             original: {
-              value: "{global.space.micro.L}",
+              value: "{global.space.macro.XXS}",
               type: "spacing",
               description: "top and bottom padding inside pagination",
             },
             name: "containerSpacePaginationYM",
             attributes: {
-              value: 8,
+              value: 12,
               type: "spacing",
               description: "top and bottom padding inside pagination",
               filePath: "data/tokens/components/container.json",
               isSource: true,
               original: {
-                value: "{global.space.micro.L}",
+                value: "{global.space.macro.XXS}",
                 type: "spacing",
                 description: "top and bottom padding inside pagination",
               },
@@ -5749,6 +5749,80 @@ module.exports = {
             path: ["container", "space", "pagination", "y", "M"],
             comment: "top and bottom padding inside pagination",
           },
+          L: {
+            value: 16,
+            type: "spacing",
+            description:
+              "external margin on top of floating pagination variant",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              value: "{global.space.macro.XS}",
+              type: "spacing",
+              description:
+                "external margin on top of floating pagination variant",
+            },
+            name: "containerSpacePaginationYL",
+            attributes: {
+              value: 16,
+              type: "spacing",
+              description:
+                "external margin on top of floating pagination variant",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                value: "{global.space.macro.XS}",
+                type: "spacing",
+                description:
+                  "external margin on top of floating pagination variant",
+              },
+              name: "L",
+              attributes: {},
+              path: ["container", "space", "pagination", "y", "L"],
+              comment: "external margin on top of floating pagination variant",
+            },
+            path: ["container", "space", "pagination", "y", "L"],
+            comment: "external margin on top of floating pagination variant",
+          },
+        },
+        yg: {
+          M: {
+            value: 8,
+            type: "spacing",
+            description:
+              "gap between left and right pagination elements when stacked vertically on small screens",
+            filePath: "data/tokens/components/container.json",
+            isSource: true,
+            original: {
+              value: "{global.space.macro.XXXS}",
+              type: "spacing",
+              description:
+                "gap between left and right pagination elements when stacked vertically on small screens",
+            },
+            name: "containerSpacePaginationYgM",
+            attributes: {
+              value: 8,
+              type: "spacing",
+              description:
+                "gap between left and right pagination elements when stacked vertically on small screens",
+              filePath: "data/tokens/components/container.json",
+              isSource: true,
+              original: {
+                value: "{global.space.macro.XXXS}",
+                type: "spacing",
+                description:
+                  "gap between left and right pagination elements when stacked vertically on small screens",
+              },
+              name: "M",
+              attributes: {},
+              path: ["container", "space", "pagination", "yg", "M"],
+              comment:
+                "gap between left and right pagination elements when stacked vertically on small screens",
+            },
+            path: ["container", "space", "pagination", "yg", "M"],
+            comment:
+              "gap between left and right pagination elements when stacked vertically on small screens",
+          },
         },
         x: {
           M: {

package/js/common/product/large/dark/components/logo.d.ts

@@ -31,15 +31,8 @@ declare const tokens: {
       };
       copilot: {
         noBg: {
-          "bg-S": DesignToken;
-          "bg-star": DesignToken;
           "fg-default": DesignToken;
         };
-        withBg: {
-          "bg-S": DesignToken;
-          "bg-star": DesignToken;
-          "bg-default": DesignToken;
-        };
       };
       AIIdentifier: {
         "bg-star": DesignToken;

package/js/common/product/large/dark/components/logo.js

@@ -103,41 +103,13 @@ module.exports = {
       },
       copilot: {
         noBg: {
-          "bg-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/components/logo.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.brand.copilot.noBg.S}",
-              type: "color",
-            },
-            name: "logoColorCopilotNoBgBgS",
-            attributes: {},
-            path: ["logo", "color", "copilot", "noBg", "bg-S"],
-          },
-          "bg-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/components/logo.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.brand.copilot.noBg.star}",
-              type: "color",
-            },
-            name: "logoColorCopilotNoBgBgStar",
-            attributes: {},
-            path: ["logo", "color", "copilot", "noBg", "bg-star"],
-          },
           "fg-default": {
             value: "#FFFFFF",
             type: "color",
             filePath: "data/tokens/components/logo.json",
             isSource: true,
             original: {
-              value: "{modes.color.brand.copilot.noBg.mono}",
+              value: "{modes.color.brand.copilot.noBg.monochrome}",
               type: "color",
             },
             name: "logoColorCopilotNoBgFgDefault",
@@ -145,47 +117,6 @@ module.exports = {
             path: ["logo", "color", "copilot", "noBg", "fg-default"],
           },
         },
-        withBg: {
-          "bg-S": {
-            value: "#000000",
-            type: "color",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.brand.copilot.withBg.S}",
-              type: "color",
-            },
-            name: "logoColorCopilotWithBgBgS",
-            attributes: {},
-            path: ["logo", "color", "copilot", "withBg", "bg-S"],
-          },
-          "bg-star": {
-            value: "#000000",
-            type: "color",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.brand.copilot.withBg.star}",
-              type: "color",
-            },
-            name: "logoColorCopilotWithBgBgStar",
-            attributes: {},
-            path: ["logo", "color", "copilot", "withBg", "bg-star"],
-          },
-          "bg-default": {
-            value: "#FFFFFF",
-            type: "color",
-            filePath: "data/tokens/components/logo.json",
-            isSource: true,
-            original: {
-              value: "{modes.color.brand.copilot.withBg.bg}",
-              type: "color",
-            },
-            name: "logoColorCopilotWithBgBgDefault",
-            attributes: {},
-            path: ["logo", "color", "copilot", "withBg", "bg-default"],
-          },
-        },
       },
       AIIdentifier: {
         "bg-star": {

package/js/common/product/large/dark/components/status.d.ts

@@ -22,50 +22,110 @@ declare const tokens: {
   status: {
     color: {
       none: DesignToken;
-      "bg-default": DesignToken;
-      "bg-readonly": DesignToken;
-      "border-readonly": DesignToken;
-      "icon-default": DesignToken;
-      "label-default": DesignToken;
-      "label-readonly": DesignToken;
-      "label-hover": DesignToken;
-      "labelAlt-default": DesignToken;
-      "labelAlt-readonly": DesignToken;
-      "labelAlt-hover": DesignToken;
-      text: DesignToken;
-      AI: {
-        "bg-default": DesignToken;
-        "border-default": DesignToken;
-      };
-      callout: {
-        bgAlt: DesignToken;
-        "bgAlt-default": DesignToken;
-        "bgAlt-hover": DesignToken;
-      };
-      error: {
-        "bg-default": DesignToken;
-        bgAlt: DesignToken;
-        "bgAlt-hover": DesignToken;
-        "bg-hover": DesignToken;
-        "border-default": DesignToken;
-        icon: DesignToken;
-      };
-      info: {
-        "bg-default": DesignToken;
-        bgAlt: DesignToken;
-        "bgAlt-default": DesignToken;
-        "bgAlt-hover": DesignToken;
-        "bg-hover": DesignToken;
-        "border-default": DesignToken;
-        icon: DesignToken;
+      message: {
+        global: {
+          "label-default": DesignToken;
+          "label-hover": DesignToken;
+          callout: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+          info: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+          warning: {
+            "bg-default": DesignToken;
+            "bg-hover": DesignToken;
+            icon: DesignToken;
+          };
+        };
+        contextual: {
+          bg: DesignToken;
+          icon: DesignToken;
+          text: DesignToken;
+          AI: {
+            "bg-default": DesignToken;
+            bgAlt: DesignToken;
+            "border-default": DesignToken;
+          };
+          callout: {
+            bgAlt: DesignToken;
+            icon: DesignToken;
+          };
+          error: {
+            "bg-default": DesignToken;
+            bgAlt: DesignToken;
+            "border-default": DesignToken;
+            icon: DesignToken;
+          };
+          info: {
+            "bg-default": DesignToken;
+            bgAlt: DesignToken;
+            "border-default": DesignToken;
+            icon: DesignToken;
+          };
+          success: {
+            "bg-default": DesignToken;
+            bgAlt: DesignToken;
+            "border-default": DesignToken;
+            icon: DesignToken;
+          };
+          warning: {
+            "bg-default": DesignToken;
+            bgAlt: DesignToken;
+            "border-default": DesignToken;
+            icon: DesignToken;
+          };
+        };
       };
-      neutral: {
-        "bg-default": DesignToken;
-        bgAlt: DesignToken;
-        "bgAlt-hover": DesignToken;
-        "bg-hover": DesignToken;
-        "border-default": DesignToken;
-        icon: DesignToken;
+      pill: {
+        "label-default": DesignToken;
+        "label-hover": DesignToken;
+        "labelAlt-default": DesignToken;
+        "labelAlt-hover": DesignToken;
+        error: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+        };
+        info: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+        };
+        neutral: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+        };
+        success: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+        };
+        warning: {
+          "bg-default": DesignToken;
+          "bgAlt-default": DesignToken;
+          "bgAlt-hover": DesignToken;
+          "bg-hover": DesignToken;
+          "border-default": DesignToken;
+        };
+        readonly: {
+          "bg-default": DesignToken;
+          "border-default": DesignToken;
+          label: DesignToken;
+        };
       };
       rating: {
         "bg-default": DesignToken;
@@ -73,23 +133,6 @@ declare const tokens: {
         "bg-hover": DesignToken;
         "border-default": DesignToken;
       };
-      success: {
-        "bg-default": DesignToken;
-        bgAlt: DesignToken;
-        "bgAlt-hover": DesignToken;
-        "bg-hover": DesignToken;
-        "border-default": DesignToken;
-        icon: DesignToken;
-      };
-      warning: {
-        "bg-default": DesignToken;
-        bgAlt: DesignToken;
-        "bgAlt-default": DesignToken;
-        "bgAlt-hover": DesignToken;
-        "bg-hover": DesignToken;
-        "border-default": DesignToken;
-        icon: DesignToken;
-      };
     };
     size: {
       pill: {