npm - @sage/design-tokens - Versions diffs - 15.1.0 → 15.2.1 - Mend

@sage/design-tokens 15.1.0 → 15.2.1

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 (571) hide show

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

@@ -4,10 +4,10 @@
       "none": 0,
       "calendar": {
         "x": {
-          "M": 19.2
+          "M": 24
         },
         "y": {
-          "M": 19.2
+          "M": 24
         },
         "yg": {
           "M": 8
@@ -40,9 +40,9 @@
       "dropdown": {
         "button": {
           "x": {
-            "S": 16,
-            "M": 16,
-            "L": 16
+            "S": 20,
+            "M": 20,
+            "L": 20
           }
         },
         "heading": {
@@ -57,21 +57,21 @@
             "L": 12
           },
           "pl": {
-            "S": 16,
-            "M": 16,
-            "L": 16
+            "S": 20,
+            "M": 20,
+            "L": 20
           }
         },
         "menu": {
           "y": {
-            "S": 4.8,
-            "M": 6.4,
-            "L": 9.6
+            "S": 6,
+            "M": 8,
+            "L": 12
           },
           "x": {
-            "S": 16,
-            "M": 16,
-            "L": 16
+            "S": 20,
+            "M": 20,
+            "L": 20
           }
         },
         "option": {
@@ -99,9 +99,9 @@
           },
           "subtext": {
             "x": {
-              "S": 16,
-              "M": 16,
-              "L": 16
+              "S": 20,
+              "M": 20,
+              "L": 20
             },
             "y": {
               "S": 2,
@@ -128,7 +128,7 @@
       "fileinput": {
         "status": {
           "xl": {
-            "M": 22.4
+            "M": 28
           },
           "y": {
             "M": 4
@@ -147,10 +147,10 @@
         },
         "dropzone": {
           "x": {
-            "M": 19.2
+            "M": 24
           },
           "y": {
-            "M": 19.2
+            "M": 24
           },
           "yg": {
             "M": 12
@@ -160,25 +160,25 @@
       "input": {
         "button": {
           "x": {
-            "S": 6.4,
-            "M": 9.6,
-            "L": 12.8
+            "S": 8,
+            "M": 12,
+            "L": 16
           }
         },
         "stack": {
-          "S": 12.8,
-          "M": 16,
-          "L": 19.2
+          "S": 16,
+          "M": 20,
+          "L": 24
         },
         "x": {
           "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         },
         "xg": {
-          "S": 12.8,
-          "M": 16,
-          "L": 19.2
+          "S": 16,
+          "M": 20,
+          "L": 24
         },
         "y": {
           "S": 4,
@@ -188,7 +188,7 @@
         "yg": {
           "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         }
       },
       "integral": {
@@ -205,9 +205,9 @@
         },
         "progressive": {
           "x": {
-            "S": 17.2,
-            "M": 25.6,
-            "L": 34
+            "S": 22,
+            "M": 32,
+            "L": 42
           },
           "y": {
             "S": 8,
@@ -229,9 +229,9 @@
       },
       "layout": {
         "stack": {
-          "S": 12.8,
-          "M": 16,
-          "L": 19.2
+          "S": 16,
+          "M": 20,
+          "L": 24
         }
       },
       "switch": {
@@ -252,7 +252,7 @@
         "y": {
           "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         },
         "yg": {
           "S": 4,
@@ -262,23 +262,23 @@
         "x": {
           "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         },
         "processing": {
           "y": {
-            "S": 19.2,
-            "M": 25.6,
-            "L": 32
+            "S": 24,
+            "M": 32,
+            "L": 40
           },
           "yg": {
             "S": 12,
-            "M": 12.8,
-            "L": 19.2
+            "M": 16,
+            "L": 24
           },
           "x": {
-            "S": 19.2,
-            "M": 25.6,
-            "L": 32
+            "S": 24,
+            "M": 32,
+            "L": 40
           }
         }
       },
@@ -431,7 +431,8 @@
         "label-alt": "#000000e6",
         "label-disabled": "#0000006b",
         "label-enabled": "#000000ab",
-        "label-hover": "#000000"
+        "label-hover": "#000000",
+        "label-subtext": "#0000008c"
       },
       "labelset": {
         "label-required": "#CD384B",
@@ -581,6 +582,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "13px",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",
@@ -629,6 +637,13 @@
           }
         },
         "default": {
+          "XS": {
+            "fontFamily": "Sage UI",
+            "fontWeight": "400",
+            "lineHeight": 1.5,
+            "fontSize": "clamp(0.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
+            "paragraphSpacing": "0"
+          },
           "S": {
             "fontFamily": "Sage UI",
             "fontWeight": "400",

package/json/nested/product/small/light/components/link.json CHANGED Viewed

@@ -46,7 +46,7 @@
         }
       },
       "skiplink": {
-        "x": 19.2,
+        "x": 24,
         "y": 12
       }
     },

package/json/nested/product/small/light/components/nav.json CHANGED Viewed

@@ -231,7 +231,7 @@
         "content": {
           "x": {
             "M": 8,
-            "L": 12.8
+            "L": 16
           },
           "xg": {
             "M": 8
@@ -255,7 +255,7 @@
       },
       "navbar": {
         "x": {
-          "M": 19.2
+          "M": 24
         },
         "y": {
           "M": 2
@@ -281,10 +281,10 @@
         },
         "logo": {
           "x": {
-            "M": 12.8
+            "M": 16
           },
           "xg": {
-            "M": 12.8
+            "M": 16
           },
           "y": {
             "M": 4
@@ -294,19 +294,19 @@
       "leftnav": {
         "container": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "S": 9.6,
-            "M": 12.8
+            "S": 12,
+            "M": 16
           },
           "yg": {
-            "S": 6.4,
-            "M": 12.8
+            "S": 8,
+            "M": 16
           },
           "outer": {
             "y": {
-              "M": 44.8
+              "M": 56
             }
           }
         },
@@ -324,13 +324,13 @@
           },
           "horizontal": {
             "x": {
-              "M": 6.4
+              "M": 8
             },
             "xg": {
               "M": 4
             },
             "y": {
-              "M": 6.4
+              "M": 8
             },
             "yg": {
               "M": 4
@@ -339,112 +339,112 @@
         },
         "childitem": {
           "yg": {
-            "M": 3.2
+            "M": 4
           },
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "xg": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "M": 6.4
+            "M": 8
           }
         },
         "grandchilditem": {
           "x": {
-            "M": 6.4,
+            "M": 8,
             "indent": "33"
           },
           "xg": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "M": 6.4
+            "M": 8
           },
           "yg": {
-            "M": 3.2
+            "M": 4
           }
         }
       },
       "modal": {
         "container": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "M": 12.8
+            "M": 16
           },
           "yg": {
-            "M": 4.4
+            "M": 6
           },
           "outer": {
             "y": {
-              "M": 44.8
+              "M": 56
             }
           }
         },
         "parentitem": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "xg": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "M": 6.4
+            "M": 8
           },
           "yg": {
-            "M": 3.2
+            "M": 4
           }
         },
         "childitem": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "xg": {
-            "M": 3.2
+            "M": 4
           },
           "y": {
-            "M": 3.2
+            "M": 4
           }
         },
         "headeritem": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "xg": {
-            "M": 6.4
+            "M": 8
           },
           "y": {
-            "M": 6.4,
-            "L": 12.8
+            "M": 8,
+            "L": 16
           }
         }
       },
       "topnav": {
         "container": {
           "x": {
-            "S": 6.4,
-            "M": 25.6
+            "S": 8,
+            "M": 32
           },
           "xg": {
-            "M": 3.2
+            "M": 4
           },
           "y": {
-            "S": 3.2,
-            "M": 3.2
+            "S": 4,
+            "M": 4
           }
         },
         "parentitem": {
           "x": {
-            "M": 6.4
+            "M": 8
           },
           "xg": {
             "M": 4
           },
           "y": {
-            "M": 3.2
+            "M": 4
           }
         }
       }

package/json/nested/product/small/light/components/page.json CHANGED Viewed

@@ -2,41 +2,41 @@
   "page": {
     "space": {
       "x": {
-        "L": 32,
-        "XXXS": 3.2,
-        "XXS": 6.4,
-        "XS": 12.8,
-        "S": 19.2,
-        "M": 25.6,
-        "XL": 64
+        "L": 40,
+        "XXXS": 4,
+        "XXS": 8,
+        "XS": 16,
+        "S": 24,
+        "M": 32,
+        "XL": 80
       },
       "y": {
-        "L": 32,
-        "XXXS": 3.2,
-        "XXS": 6.4,
-        "XS": 12.8,
-        "S": 19.2,
-        "M": 25.6,
-        "XL": 64
+        "L": 40,
+        "XXXS": 4,
+        "XXS": 8,
+        "XS": 16,
+        "S": 24,
+        "M": 32,
+        "XL": 80
       },
       "none": 0,
       "xg": {
-        "XXXS": 3.2,
-        "XXS": 6.4,
-        "XS": 12.8,
-        "S": 19.2,
-        "M": 25.6,
-        "L": 32,
-        "XL": 64
+        "XXXS": 4,
+        "XXS": 8,
+        "XS": 16,
+        "S": 24,
+        "M": 32,
+        "L": 40,
+        "XL": 80
       },
       "yg": {
-        "XXXS": 3.2,
-        "XXS": 6.4,
-        "XS": 12.8,
-        "S": 19.2,
-        "M": 25.6,
-        "L": 32,
-        "XL": 64
+        "XXXS": 4,
+        "XXS": 8,
+        "XS": 16,
+        "S": 24,
+        "M": 32,
+        "L": 40,
+        "XL": 80
       }
     },
     "color": {

package/json/nested/product/small/light/components/popover.json CHANGED Viewed

@@ -50,19 +50,19 @@
     "space": {
       "menu": {
         "x": {
-          "S": 4.8,
-          "M": 6.4,
-          "L": 9.6
+          "S": 6,
+          "M": 8,
+          "L": 12
         },
         "y": {
-          "S": 4.8,
-          "M": 6.4,
-          "L": 9.6
+          "S": 6,
+          "M": 8,
+          "L": 12
         },
         "yg": {
-          "S": 4.8,
-          "M": 6.4,
-          "L": 9.6
+          "S": 6,
+          "M": 8,
+          "L": 12
         }
       },
       "option": {
@@ -84,9 +84,9 @@
       },
       "submenu": {
         "x": {
-          "S": 12.8,
-          "M": 12.8,
-          "L": 12.8
+          "S": 16,
+          "M": 16,
+          "L": 16
         }
       }
     },

package/json/nested/product/small/light/components/profile.json CHANGED Viewed

@@ -33,13 +33,13 @@
     "space": {
       "none": 0,
       "x": {
-        "XS": 6.4,
-        "S": 9.6,
-        "M": 12.8,
-        "ML": 12.8,
-        "L": 16,
-        "XL": 19.2,
-        "XXL": 25.6
+        "XS": 8,
+        "S": 12,
+        "M": 16,
+        "ML": 16,
+        "L": 20,
+        "XL": 24,
+        "XXL": 32
       }
     },
     "borderwidth": {

package/json/nested/product/small/light/components/progress.json CHANGED Viewed

@@ -151,7 +151,7 @@
           "M": 8
         },
         "y": {
-          "M": 12.8
+          "M": 16
         }
       },
       "integral": {
@@ -166,7 +166,7 @@
         "xg": {
           "S": 8,
           "M": 12,
-          "L": 12.8
+          "L": 16
         }
       },
       "skeleton": {
@@ -192,7 +192,7 @@
             "S": 8,
             "M": 12,
             "L": 12,
-            "XL": 12.8
+            "XL": 16
           }
         }
       },
@@ -205,7 +205,7 @@
         },
         "steps": {
           "xg": {
-            "M": 12.8
+            "M": 16
           },
           "yg": {
             "M": 4
@@ -226,7 +226,7 @@
         "generic": {
           "g": {
             "S": 12,
-            "M": 12.8
+            "M": 16
           },
           "text": {
             "yg": {