@sage/design-tokens 14.5.0 → 14.7.0

package/js/umd/product/large/light/components/button.js

@@ -162,6 +162,19 @@
           },
         },
         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,
@@ -795,14 +808,14 @@
             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",
                 },
@@ -812,14 +825,14 @@
               },
               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",
                 },
@@ -829,14 +842,14 @@
               },
               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",
                 },
@@ -845,6 +858,59 @@
                 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: {
@@ -973,6 +1039,21 @@
             },
           },
           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,
@@ -1018,34 +1099,36 @@
               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",
                 },
@@ -1055,14 +1138,14 @@
               },
               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",
                 },
@@ -1072,14 +1155,14 @@
               },
               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",
                 },
@@ -1088,6 +1171,76 @@
                 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: {
@@ -1279,16 +1432,33 @@
           },
           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",
                 },
@@ -1298,14 +1468,14 @@
               },
               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",
                 },
@@ -1315,14 +1485,14 @@
               },
               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",
                 },
@@ -1331,6 +1501,76 @@
                 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: {
@@ -1522,16 +1762,33 @@
           },
           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",
                 },
@@ -1541,14 +1798,14 @@
               },
               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",
                 },
@@ -1558,14 +1815,14 @@
               },
               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",
                 },
@@ -1574,6 +1831,76 @@
                 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: {