npm - @sage/design-tokens - Versions diffs - 14.5.0 → 14.7.0 - Mend

@sage/design-tokens 14.5.0 → 14.7.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 (414) hide show

package/json/flat/product/small/light/components/button.json CHANGED Viewed

@@ -8,6 +8,7 @@
   "buttonSizeToggleS": 32,
   "buttonSizeToggleM": 40,
   "buttonSizeToggleL": 48,
+  "buttonSizeIconS": 16,
   "buttonSizeIconM": 20,
   "buttonSizeVideoS": 40,
   "buttonSizeVideoM": 64,
@@ -45,9 +46,12 @@
   "buttonSpacePrimaryYS": 4,
   "buttonSpacePrimaryYM": 8,
   "buttonSpacePrimaryYL": 9.5,
-  "buttonSpacePrimaryIcononlyXS": 4,
-  "buttonSpacePrimaryIcononlyXM": 4,
-  "buttonSpacePrimaryIcononlyXL": 4,
+  "buttonSpacePrimaryIcononlyXS": 6,
+  "buttonSpacePrimaryIcononlyXM": 10,
+  "buttonSpacePrimaryIcononlyXL": 14,
+  "buttonSpacePrimaryIcononlyYS": 6,
+  "buttonSpacePrimaryIcononlyYM": 10,
+  "buttonSpacePrimaryIcononlyYL": 14,
   "buttonSpaceSecondaryXXs": 6.4,
   "buttonSpaceSecondaryXS": 12,
   "buttonSpaceSecondaryXM": 12.8,
@@ -56,13 +60,18 @@
   "buttonSpaceSecondaryYS": 4,
   "buttonSpaceSecondaryYM": 8,
   "buttonSpaceSecondaryYL": 9.5,
+  "buttonSpaceSecondaryXgXs": 4,
   "buttonSpaceSecondaryXgS": 6.4,
   "buttonSpaceSecondaryXgM": 6.4,
   "buttonSpaceSecondaryXgL": 6.4,
-  "buttonSpaceSecondaryXgXs": 4,
-  "buttonSpaceSecondaryIcononlyXS": 4,
-  "buttonSpaceSecondaryIcononlyXM": 4,
-  "buttonSpaceSecondaryIcononlyXL": 4,
+  "buttonSpaceSecondaryIcononlyXXs": 4,
+  "buttonSpaceSecondaryIcononlyXS": 6,
+  "buttonSpaceSecondaryIcononlyXM": 10,
+  "buttonSpaceSecondaryIcononlyXL": 14,
+  "buttonSpaceSecondaryIcononlyYXs": 4,
+  "buttonSpaceSecondaryIcononlyYS": 6,
+  "buttonSpaceSecondaryIcononlyYM": 10,
+  "buttonSpaceSecondaryIcononlyYL": 14,
   "buttonSpaceTertiaryYXs": 1.1,
   "buttonSpaceTertiaryYS": 4,
   "buttonSpaceTertiaryYM": 8,
@@ -75,9 +84,14 @@
   "buttonSpaceTertiaryXgS": 6.4,
   "buttonSpaceTertiaryXgM": 6.4,
   "buttonSpaceTertiaryXgL": 6.4,
-  "buttonSpaceTertiaryIcononlyXS": 4,
-  "buttonSpaceTertiaryIcononlyXM": 4,
-  "buttonSpaceTertiaryIcononlyXL": 4,
+  "buttonSpaceTertiaryIcononlyXXs": 4,
+  "buttonSpaceTertiaryIcononlyXS": 6,
+  "buttonSpaceTertiaryIcononlyXM": 10,
+  "buttonSpaceTertiaryIcononlyXL": 14,
+  "buttonSpaceTertiaryIcononlyYXs": 4,
+  "buttonSpaceTertiaryIcononlyYS": 6,
+  "buttonSpaceTertiaryIcononlyYM": 10,
+  "buttonSpaceTertiaryIcononlyYL": 14,
   "buttonSpaceSubtleYXs": 1.1,
   "buttonSpaceSubtleYS": 4,
   "buttonSpaceSubtleYM": 8,
@@ -90,9 +104,14 @@
   "buttonSpaceSubtleXgS": 4,
   "buttonSpaceSubtleXgM": 4,
   "buttonSpaceSubtleXgL": 4,
-  "buttonSpaceSubtleIcononlyXS": 4,
-  "buttonSpaceSubtleIcononlyXM": 4,
-  "buttonSpaceSubtleIcononlyXL": 4,
+  "buttonSpaceSubtleIcononlyXXs": 4,
+  "buttonSpaceSubtleIcononlyXS": 6,
+  "buttonSpaceSubtleIcononlyXM": 10,
+  "buttonSpaceSubtleIcononlyXL": 14,
+  "buttonSpaceSubtleIcononlyYXs": 4,
+  "buttonSpaceSubtleIcononlyYS": 6,
+  "buttonSpaceSubtleIcononlyYM": 10,
+  "buttonSpaceSubtleIcononlyYL": 14,
   "buttonSpaceToggleButtonXXs": 6.4,
   "buttonSpaceToggleButtonXS": 9.6,
   "buttonSpaceToggleButtonXM": 12.8,

package/json/flat/product/small/light/components/container.json CHANGED Viewed

@@ -56,16 +56,23 @@
   "containerSizeCopilotEmptystateIllustration": 200,
   "containerSizeCopilotEmptystateContentMaxwidth": 600,
   "containerSizeCopilotOverlayMaxheight": 960,
+  "containerSizeDialogMaxWidthXxs": "300",
+  "containerSizeDialogMaxWidthXs": "380",
+  "containerSizeDialogMaxWidthS": "540",
+  "containerSizeDialogMaxWidthM": "750",
+  "containerSizeDialogMaxWidthL": "850",
+  "containerSizeDialogMaxWidthXl": "960",
+  "containerSizeDialogMaxWidthXxl": "1080",
   "containerSizeDragDroptarget": 2,
-  "containerSizeGenericEmptystateIllustrationPrimaryS": 200,
-  "containerSizeGenericEmptystateIllustrationPrimaryM": 240,
-  "containerSizeGenericEmptystateIllustrationPrimaryL": 320,
-  "containerSizeGenericEmptystateIllustrationSecondary": 60,
   "containerSizeDrawerMinwidth": 288,
   "containerSizeDrawerMaxwidth": 760,
   "containerSizeDrawerClosedM": 40,
   "containerSizeFooterM": 56,
   "containerSizeFooterL": 72,
+  "containerSizeGenericEmptystateIllustrationPrimaryS": 200,
+  "containerSizeGenericEmptystateIllustrationPrimaryM": 240,
+  "containerSizeGenericEmptystateIllustrationPrimaryL": 320,
+  "containerSizeGenericEmptystateIllustrationSecondary": 60,
   "containerSizeIconS": 20,
   "containerSizeIconM": 20,
   "containerSizeIconL": 20,

package/json/flat/product/small/light/components/form.json CHANGED Viewed

@@ -10,9 +10,9 @@
   "formSpaceCheckradioYS": 3,
   "formSpaceCheckradioYM": 2,
   "formSpaceCheckradioYL": 4,
-  "formSpaceDatepickerPrS": 2,
-  "formSpaceDatepickerPrM": 6,
-  "formSpaceDatepickerPrL": 10,
+  "formSpaceDatepickerPrS": "0",
+  "formSpaceDatepickerPrM": "0",
+  "formSpaceDatepickerPrL": "0",
   "formSpaceDropdownButtonXS": 16,
   "formSpaceDropdownButtonXM": 16,
   "formSpaceDropdownButtonXL": 16,
@@ -52,6 +52,9 @@
   "formSpaceDropdownPillXgS": 4,
   "formSpaceDropdownPillXgM": 4,
   "formSpaceDropdownPillXgL": 4,
+  "formSpaceDropdownTriggerSubtleS": 4,
+  "formSpaceDropdownTriggerSubtleM": 4,
+  "formSpaceDropdownTriggerSubtleL": 4,
   "formSpaceFileinputStatusXlM": 22.4,
   "formSpaceFileinputStatusYM": 4,
   "formSpaceFileinputThumbnailM": 4,

package/json/nested/frozenproduct/large/dark/components/button.json CHANGED Viewed

@@ -13,6 +13,7 @@
         "L": 48
       },
       "icon": {
+        "S": 16,
         "M": 20
       },
       "video": {
@@ -98,9 +99,14 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -118,16 +124,23 @@
           "L": 9.5
         },
         "xg": {
+          "XS": 4,
           "S": 8,
           "M": 8,
-          "L": 8,
-          "XS": 4
+          "L": 8
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -152,9 +165,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -179,9 +199,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },

package/json/nested/frozenproduct/large/dark/components/container.json CHANGED Viewed

@@ -100,9 +100,31 @@
           "maxheight": 960
         }
       },
+      "dialog": {
+        "maxWidth": {
+          "XXS": "300",
+          "XS": "380",
+          "S": "540",
+          "M": "750",
+          "L": "850",
+          "XL": "960",
+          "XXL": "1080"
+        }
+      },
       "drag": {
         "droptarget": 2
       },
+      "drawer": {
+        "minwidth": 288,
+        "maxwidth": 760,
+        "closed": {
+          "M": 40
+        }
+      },
+      "footer": {
+        "M": 56,
+        "L": 72
+      },
       "generic": {
         "emptystate": {
           "illustration": {
@@ -115,17 +137,6 @@
           }
         }
       },
-      "drawer": {
-        "minwidth": 288,
-        "maxwidth": 760,
-        "closed": {
-          "M": 40
-        }
-      },
-      "footer": {
-        "M": 56,
-        "L": 72
-      },
       "icon": {
         "S": 20,
         "M": 20,

package/json/nested/frozenproduct/large/dark/components/form.json CHANGED Viewed

@@ -32,9 +32,9 @@
       },
       "datepicker": {
         "pr": {
-          "S": 2,
-          "M": 6,
-          "L": 10
+          "S": "0",
+          "M": "0",
+          "L": "0"
         }
       },
       "dropdown": {
@@ -116,6 +116,13 @@
             "M": 4,
             "L": 4
           }
+        },
+        "trigger": {
+          "subtle": {
+            "S": 4,
+            "M": 4,
+            "L": 4
+          }
         }
       },
       "fileinput": {

package/json/nested/frozenproduct/large/global.json CHANGED Viewed

@@ -885,8 +885,8 @@
     },
     "fontSize": {
       "adaptive": {
-        "step-2": "11px",
-        "step-1": "12px",
+        "stepMinus2": "11px",
+        "stepMinus1": "12px",
         "step0": "14px",
         "step1": "16px",
         "step2": "18px",

package/json/nested/frozenproduct/large/light/components/button.json CHANGED Viewed

@@ -13,6 +13,7 @@
         "L": 48
       },
       "icon": {
+        "S": 16,
         "M": 20
       },
       "video": {
@@ -98,9 +99,14 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -118,16 +124,23 @@
           "L": 9.5
         },
         "xg": {
+          "XS": 4,
           "S": 8,
           "M": 8,
-          "L": 8,
-          "XS": 4
+          "L": 8
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -152,9 +165,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -179,9 +199,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },

package/json/nested/frozenproduct/large/light/components/container.json CHANGED Viewed

@@ -100,9 +100,31 @@
           "maxheight": 960
         }
       },
+      "dialog": {
+        "maxWidth": {
+          "XXS": "300",
+          "XS": "380",
+          "S": "540",
+          "M": "750",
+          "L": "850",
+          "XL": "960",
+          "XXL": "1080"
+        }
+      },
       "drag": {
         "droptarget": 2
       },
+      "drawer": {
+        "minwidth": 288,
+        "maxwidth": 760,
+        "closed": {
+          "M": 40
+        }
+      },
+      "footer": {
+        "M": 56,
+        "L": 72
+      },
       "generic": {
         "emptystate": {
           "illustration": {
@@ -115,17 +137,6 @@
           }
         }
       },
-      "drawer": {
-        "minwidth": 288,
-        "maxwidth": 760,
-        "closed": {
-          "M": 40
-        }
-      },
-      "footer": {
-        "M": 56,
-        "L": 72
-      },
       "icon": {
         "S": 20,
         "M": 20,

package/json/nested/frozenproduct/large/light/components/form.json CHANGED Viewed

@@ -32,9 +32,9 @@
       },
       "datepicker": {
         "pr": {
-          "S": 2,
-          "M": 6,
-          "L": 10
+          "S": "0",
+          "M": "0",
+          "L": "0"
         }
       },
       "dropdown": {
@@ -116,6 +116,13 @@
             "M": 4,
             "L": 4
           }
+        },
+        "trigger": {
+          "subtle": {
+            "S": 4,
+            "M": 4,
+            "L": 4
+          }
         }
       },
       "fileinput": {

package/json/nested/frozenproduct/small/dark/components/button.json CHANGED Viewed

@@ -13,6 +13,7 @@
         "L": 48
       },
       "icon": {
+        "S": 16,
         "M": 20
       },
       "video": {
@@ -98,9 +99,14 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -118,16 +124,23 @@
           "L": 9.5
         },
         "xg": {
+          "XS": 4,
           "S": 6.4,
           "M": 6.4,
-          "L": 6.4,
-          "XS": 4
+          "L": 6.4
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -152,9 +165,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },
@@ -179,9 +199,16 @@
         },
         "icononly": {
           "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
+          },
+          "y": {
+            "XS": 4,
+            "S": 6,
+            "M": 10,
+            "L": 14
           }
         }
       },

package/json/nested/frozenproduct/small/dark/components/container.json CHANGED Viewed

@@ -100,9 +100,31 @@
           "maxheight": 960
         }
       },
+      "dialog": {
+        "maxWidth": {
+          "XXS": "300",
+          "XS": "380",
+          "S": "540",
+          "M": "750",
+          "L": "850",
+          "XL": "960",
+          "XXL": "1080"
+        }
+      },
       "drag": {
         "droptarget": 2
       },
+      "drawer": {
+        "minwidth": 288,
+        "maxwidth": 760,
+        "closed": {
+          "M": 40
+        }
+      },
+      "footer": {
+        "M": 56,
+        "L": 72
+      },
       "generic": {
         "emptystate": {
           "illustration": {
@@ -115,17 +137,6 @@
           }
         }
       },
-      "drawer": {
-        "minwidth": 288,
-        "maxwidth": 760,
-        "closed": {
-          "M": 40
-        }
-      },
-      "footer": {
-        "M": 56,
-        "L": 72
-      },
       "icon": {
         "S": 20,
         "M": 20,

package/json/nested/frozenproduct/small/dark/components/form.json CHANGED Viewed

@@ -32,9 +32,9 @@
       },
       "datepicker": {
         "pr": {
-          "S": 2,
-          "M": 6,
-          "L": 10
+          "S": "0",
+          "M": "0",
+          "L": "0"
         }
       },
       "dropdown": {
@@ -116,6 +116,13 @@
             "M": 4,
             "L": 4
           }
+        },
+        "trigger": {
+          "subtle": {
+            "S": 4,
+            "M": 4,
+            "L": 4
+          }
         }
       },
       "fileinput": {

package/json/nested/frozenproduct/small/global.json CHANGED Viewed

@@ -885,8 +885,8 @@
     },
     "fontSize": {
       "adaptive": {
-        "step-2": "12px",
-        "step-1": "13px",
+        "stepMinus2": "12px",
+        "stepMinus1": "13px",
         "step0": "14px",
         "step1": "16px",
         "step2": "17px",