@sage/design-tokens 14.5.0 → 14.7.0

package/js/common/marketing/large/dark/components/button.js

@@ -151,6 +151,19 @@ module.exports = {
         },
       },
       icon: {
+        S: {
+          $type: "sizing",
+          $value: 16,
+          filePath: "data/tokens/components/button.json",
+          isSource: true,
+          original: {
+            $type: "sizing",
+            $value: "{global.size.icon.S}",
+          },
+          name: "buttonSizeIconS",
+          attributes: {},
+          path: ["button", "size", "icon", "S"],
+        },
         M: {
           $type: "sizing",
           $value: 20,
@@ -782,14 +795,14 @@ module.exports = {
           x: {
             S: {
               $type: "spacing",
-              $value: 4,
+              $value: 6,
               $description:
                 "Left and right padding on icon-only S size primary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.M}",
                 $description:
                   "Left and right padding on icon-only S size primary buttons",
               },
@@ -799,14 +812,14 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 4,
+              $value: 10,
               $description:
                 "Left and right padding on icon-only M size primary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XL}",
                 $description:
                   "Left and right padding on icon-only M size primary buttons",
               },
@@ -816,14 +829,14 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 4,
+              $value: 14,
               $description:
                 "Left and right padding on icon-only L size primary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
                 $description:
                   "Left and right padding on icon-only L size primary buttons",
               },
@@ -832,6 +845,59 @@ module.exports = {
               path: ["button", "space", "primary", "icononly", "x", "L"],
             },
           },
+          y: {
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Top and bottom padding on icon-only S size primary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
+                $description:
+                  "Top and bottom padding on icon-only S size primary buttons",
+              },
+              name: "buttonSpacePrimaryIcononlyYS",
+              attributes: {},
+              path: ["button", "space", "primary", "icononly", "y", "S"],
+            },
+            M: {
+              $type: "spacing",
+              $value: 10,
+              $description:
+                "Top and bottom padding on icon-only M size primary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XL}",
+                $description:
+                  "Top and bottom padding on icon-only M size primary buttons",
+              },
+              name: "buttonSpacePrimaryIcononlyYM",
+              attributes: {},
+              path: ["button", "space", "primary", "icononly", "y", "M"],
+            },
+            L: {
+              $type: "spacing",
+              $value: 14,
+              $description:
+                "Top and bottom padding on icon-only L size primary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
+                $description:
+                  "Top and bottom padding on icon-only L size primary buttons",
+              },
+              name: "buttonSpacePrimaryIcononlyYL",
+              attributes: {},
+              path: ["button", "space", "primary", "icononly", "y", "L"],
+            },
+          },
         },
       },
       secondary: {
@@ -960,6 +1026,21 @@ module.exports = {
           },
         },
         xg: {
+          XS: {
+            $type: "spacing",
+            $value: 4,
+            $description: "Item spacing inside XS buttons",
+            filePath: "data/tokens/components/button.json",
+            isSource: true,
+            original: {
+              $type: "spacing",
+              $value: "{global.space.micro.S}",
+              $description: "Item spacing inside XS buttons",
+            },
+            name: "buttonSpaceSecondaryXgXs",
+            attributes: {},
+            path: ["button", "space", "secondary", "xg", "XS"],
+          },
           S: {
             $type: "spacing",
             $value: 8,
@@ -1005,34 +1086,36 @@ module.exports = {
             attributes: {},
             path: ["button", "space", "secondary", "xg", "L"],
           },
-          XS: {
-            $type: "spacing",
-            $value: 4,
-            $description: "Item spacing inside XS buttons",
-            filePath: "data/tokens/components/button.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "Item spacing inside XS buttons",
-            },
-            name: "buttonSpaceSecondaryXgXs",
-            attributes: {},
-            path: ["button", "space", "secondary", "xg", "XS"],
-          },
         },
         icononly: {
           x: {
-            S: {
+            XS: {
               $type: "spacing",
               $value: 4,
               $description:
-                "Left and right padding on icon-only S size secondary buttons",
+                "Left and right padding on icon-only XS size secondary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
                 $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on icon-only XS size secondary buttons",
+              },
+              name: "buttonSpaceSecondaryIcononlyXXs",
+              attributes: {},
+              path: ["button", "space", "secondary", "icononly", "x", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Left and right padding on icon-only S size secondary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
                 $description:
                   "Left and right padding on icon-only S size secondary buttons",
               },
@@ -1042,14 +1125,14 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 4,
+              $value: 10,
               $description:
                 "Left and right padding on icon-only M size secondary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XL}",
                 $description:
                   "Left and right padding on icon-only M size secondary buttons",
               },
@@ -1059,14 +1142,14 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 4,
+              $value: 14,
               $description:
                 "Left and right padding on icon-only L size secondary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
                 $description:
                   "Left and right padding on icon-only L size secondary buttons",
               },
@@ -1075,6 +1158,76 @@ module.exports = {
               path: ["button", "space", "secondary", "icononly", "x", "L"],
             },
           },
+          y: {
+            XS: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Top and bottom padding on icon-only XS size secondary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Top and bottom padding on icon-only XS size secondary buttons",
+              },
+              name: "buttonSpaceSecondaryIcononlyYXs",
+              attributes: {},
+              path: ["button", "space", "secondary", "icononly", "y", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Top and bottom padding on icon-only S size secondary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
+                $description:
+                  "Top and bottom padding on icon-only S size secondary buttons",
+              },
+              name: "buttonSpaceSecondaryIcononlyYS",
+              attributes: {},
+              path: ["button", "space", "secondary", "icononly", "y", "S"],
+            },
+            M: {
+              $type: "spacing",
+              $value: 10,
+              $description:
+                "Top and bottom padding on icon-only M size secondary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XL}",
+                $description:
+                  "Top and bottom padding on icon-only M size secondary buttons",
+              },
+              name: "buttonSpaceSecondaryIcononlyYM",
+              attributes: {},
+              path: ["button", "space", "secondary", "icononly", "y", "M"],
+            },
+            L: {
+              $type: "spacing",
+              $value: 14,
+              $description:
+                "Top and bottom padding on icon-only L size secondary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
+                $description:
+                  "Top and bottom padding on icon-only L size secondary buttons",
+              },
+              name: "buttonSpaceSecondaryIcononlyYL",
+              attributes: {},
+              path: ["button", "space", "secondary", "icononly", "y", "L"],
+            },
+          },
         },
       },
       tertiary: {
@@ -1266,16 +1419,33 @@ module.exports = {
         },
         icononly: {
           x: {
-            S: {
+            XS: {
               $type: "spacing",
               $value: 4,
               $description:
-                "Left and right padding on icon-only S size tertiary buttons",
+                "Left and right padding on icon-only XS size tertiary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
                 $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on icon-only XS size tertiary buttons",
+              },
+              name: "buttonSpaceTertiaryIcononlyXXs",
+              attributes: {},
+              path: ["button", "space", "tertiary", "icononly", "x", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Left and right padding on icon-only S size tertiary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
                 $description:
                   "Left and right padding on icon-only S size tertiary buttons",
               },
@@ -1285,14 +1455,14 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 4,
+              $value: 10,
               $description:
                 "Left and right padding on icon-only M size tertiary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XL}",
                 $description:
                   "Left and right padding on icon-only M size tertiary buttons",
               },
@@ -1302,14 +1472,14 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 4,
+              $value: 14,
               $description:
                 "Left and right padding on icon-only L size tertiary buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
                 $description:
                   "Left and right padding on icon-only L size tertiary buttons",
               },
@@ -1318,6 +1488,76 @@ module.exports = {
               path: ["button", "space", "tertiary", "icononly", "x", "L"],
             },
           },
+          y: {
+            XS: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Top and bottom padding on icon-only XS size tertiary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Top and bottom padding on icon-only XS size tertiary buttons",
+              },
+              name: "buttonSpaceTertiaryIcononlyYXs",
+              attributes: {},
+              path: ["button", "space", "tertiary", "icononly", "y", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Top and bottom padding on icon-only S size tertiary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
+                $description:
+                  "Top and bottom padding on icon-only S size tertiary buttons",
+              },
+              name: "buttonSpaceTertiaryIcononlyYS",
+              attributes: {},
+              path: ["button", "space", "tertiary", "icononly", "y", "S"],
+            },
+            M: {
+              $type: "spacing",
+              $value: 10,
+              $description:
+                "Top and bottom padding on icon-only M size tertiary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XL}",
+                $description:
+                  "Top and bottom padding on icon-only M size tertiary buttons",
+              },
+              name: "buttonSpaceTertiaryIcononlyYM",
+              attributes: {},
+              path: ["button", "space", "tertiary", "icononly", "y", "M"],
+            },
+            L: {
+              $type: "spacing",
+              $value: 14,
+              $description:
+                "Top and bottom padding on icon-only L size tertiary buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
+                $description:
+                  "Top and bottom padding on icon-only L size tertiary buttons",
+              },
+              name: "buttonSpaceTertiaryIcononlyYL",
+              attributes: {},
+              path: ["button", "space", "tertiary", "icononly", "y", "L"],
+            },
+          },
         },
       },
       subtle: {
@@ -1509,16 +1749,33 @@ module.exports = {
         },
         icononly: {
           x: {
-            S: {
+            XS: {
               $type: "spacing",
               $value: 4,
               $description:
-                "Left and right padding on icon-only S size subtle buttons",
+                "Left and right padding on icon-only XS size subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
                 $value: "{global.space.micro.S}",
+                $description:
+                  "Left and right padding on icon-only XS size subtle buttons",
+              },
+              name: "buttonSpaceSubtleIcononlyXXs",
+              attributes: {},
+              path: ["button", "space", "subtle", "icononly", "x", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Left and right padding on icon-only S size subtle buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
                 $description:
                   "Left and right padding on icon-only S size subtle buttons",
               },
@@ -1528,14 +1785,14 @@ module.exports = {
             },
             M: {
               $type: "spacing",
-              $value: 4,
+              $value: 10,
               $description:
                 "Left and right padding on icon-only M size subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XL}",
                 $description:
                   "Left and right padding on icon-only M size subtle buttons",
               },
@@ -1545,14 +1802,14 @@ module.exports = {
             },
             L: {
               $type: "spacing",
-              $value: 4,
+              $value: 14,
               $description:
                 "Left and right padding on icon-only L size subtle buttons",
               filePath: "data/tokens/components/button.json",
               isSource: true,
               original: {
                 $type: "spacing",
-                $value: "{global.space.micro.S}",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
                 $description:
                   "Left and right padding on icon-only L size subtle buttons",
               },
@@ -1561,6 +1818,76 @@ module.exports = {
               path: ["button", "space", "subtle", "icononly", "x", "L"],
             },
           },
+          y: {
+            XS: {
+              $type: "spacing",
+              $value: 4,
+              $description:
+                "Top and bottom padding on icon-only XS size subtle buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.S}",
+                $description:
+                  "Top and bottom padding on icon-only XS size subtle buttons",
+              },
+              name: "buttonSpaceSubtleIcononlyYXs",
+              attributes: {},
+              path: ["button", "space", "subtle", "icononly", "y", "XS"],
+            },
+            S: {
+              $type: "spacing",
+              $value: 6,
+              $description:
+                "Top and bottom padding on icon-only S size subtle buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.M}",
+                $description:
+                  "Top and bottom padding on icon-only S size subtle buttons",
+              },
+              name: "buttonSpaceSubtleIcononlyYS",
+              attributes: {},
+              path: ["button", "space", "subtle", "icononly", "y", "S"],
+            },
+            M: {
+              $type: "spacing",
+              $value: 10,
+              $description:
+                "Top and bottom padding on icon-only M size subtle buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XL}",
+                $description:
+                  "Top and bottom padding on icon-only M size subtle buttons",
+              },
+              name: "buttonSpaceSubtleIcononlyYM",
+              attributes: {},
+              path: ["button", "space", "subtle", "icononly", "y", "M"],
+            },
+            L: {
+              $type: "spacing",
+              $value: 14,
+              $description:
+                "Top and bottom padding on icon-only L size subtle buttons",
+              filePath: "data/tokens/components/button.json",
+              isSource: true,
+              original: {
+                $type: "spacing",
+                $value: "{global.space.micro.XXL} + {global.space.micro.XS}",
+                $description:
+                  "Top and bottom padding on icon-only L size subtle buttons",
+              },
+              name: "buttonSpaceSubtleIcononlyYL",
+              attributes: {},
+              path: ["button", "space", "subtle", "icononly", "y", "L"],
+            },
+          },
         },
       },
       toggle: {

package/js/common/marketing/large/dark/components/container.d.ts

@@ -120,9 +120,31 @@ declare const tokens: {
           maxheight: DesignToken;
         };
       };
+      dialog: {
+        maxWidth: {
+          XXS: DesignToken;
+          XS: DesignToken;
+          S: DesignToken;
+          M: DesignToken;
+          L: DesignToken;
+          XL: DesignToken;
+          XXL: DesignToken;
+        };
+      };
       drag: {
         droptarget: DesignToken;
       };
+      drawer: {
+        minwidth: DesignToken;
+        maxwidth: DesignToken;
+        closed: {
+          M: DesignToken;
+        };
+      };
+      footer: {
+        M: DesignToken;
+        L: DesignToken;
+      };
       generic: {
         emptystate: {
           illustration: {
@@ -135,17 +157,6 @@ declare const tokens: {
           };
         };
       };
-      drawer: {
-        minwidth: DesignToken;
-        maxwidth: DesignToken;
-        closed: {
-          M: DesignToken;
-        };
-      };
-      footer: {
-        M: DesignToken;
-        L: DesignToken;
-      };
       icon: {
         S: DesignToken;
         M: DesignToken;