feat(data): finalising first draft of all sizes needed

Sage · Jan 17, 2024 · 7258d2e · 7258d2e
1 parent 7eab9d6
commit 7258d2e
Show file tree

Hide file tree

Showing 9 changed files with 122 additions and 23 deletions.
diff --git a/data/tokens/Components/badge.json b/data/tokens/Components/badge.json
@@ -40,10 +40,15 @@
         "type": "sizing",
         "description": "Micro dot badge size"
       },
-      "L": {
+      "M": {
         "value": "{global.size.component.XS}",
         "type": "sizing",
         "description": "standard badge size"
+      },
+      "L": {
+        "value": "{global.size.component.S} + {origin.dimension.50}",
+        "type": "sizing",
+        "description": "Standard badge max-width"
       }
     }
   }

diff --git a/data/tokens/Components/button.json b/data/tokens/Components/button.json
@@ -22,9 +22,14 @@
         "description": "min-height on XL Buttons"
       },
       "XXL": {
-        "value": "{global.size.component.XL} + {origin.dimension.100}",
+        "value": "{global.size.component.S} * 2",
         "type": "sizing",
-        "description": "color picker items on hover"
+        "description": "color picker items on hover, Small file preview thumbnails"
+      },
+      "XXXL": {
+        "value": "{global.size.component.M} + {global.size.component.S}",
+        "type": "sizing",
+        "description": "Large file preview thumbnails"
       }
     },
     "space": {

diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -208,6 +208,39 @@
           "type": "sizing",
           "description": "min and max widths for responsive tile items"
         }
+      },
+      "drawer": {
+        "closed": {
+          "M": {
+            "value": "{global.size.component.M}",
+            "type": "sizing",
+            "description": "width for the closed drawer state"
+          }
+        }
+      },
+      "footer": {
+        "M": {
+          "value": "{global.size.component.XL}",
+          "type": "sizing",
+          "description": "card and tile footers"
+        },
+        "L": {
+          "value": "{global.size.component.M} + {global.size.component.S}",
+          "type": "sizing",
+          "description": "Dialog, sidebar and drawer footer max-height"
+        }
+      },
+      "tooltip": {
+        "width": {
+          "value": "{global.size.decorative.XXL}",
+          "type": "sizing",
+          "description": "tooltip arrow width"
+        },
+        "height": {
+          "value": "{global.size.decorative.M}",
+          "type": "sizing",
+          "description": "tooltip arrow height"
+        }
       }
     }
   }

diff --git a/data/tokens/Components/feedback.json b/data/tokens/Components/feedback.json
@@ -244,6 +244,13 @@
           "value": "{global.size.component.S}",
           "type": "sizing"
         }
+      },
+      "message": {
+        "M": {
+          "value": "{global.size.component.M}",
+          "type": "sizing",
+          "description": "message and toast icon container width"
+        }
       }
     }
   }

diff --git a/data/tokens/Components/focus.json b/data/tokens/Components/focus.json
@@ -17,6 +17,13 @@
         "value": "{base.color.interactive.focus.default}",
         "type": "color"
       }
+    },
+    "size": {
+      "underline": {
+        "value": "{global.size.decorative.XS}",
+        "type": "sizing",
+        "description": "focus black underline on links and skiplink"
+      }
     }
   }
 }
diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -148,6 +148,11 @@
           "value": "{global.size.component.M}",
           "type": "sizing",
           "description": "day buttons"
+        },
+        "underline": {
+          "value": "{global.size.decorative.XS}",
+          "type": "sizing",
+          "description": "day underline"
         }
       },
       "validation": {

diff --git a/data/tokens/Components/link.json b/data/tokens/Components/link.json
@@ -81,6 +81,14 @@
           }
         }
       }
+    },
+    "size": {
+      "skiplink": {
+        "M": {
+          "value": "{global.size.component.M}",
+          "type": "sizing"
+        }
+      }
     }
   }
 }
diff --git a/data/tokens/Components/nav.json b/data/tokens/Components/nav.json
@@ -120,25 +120,6 @@
     },
     "size": {
       "horizontal": {
-        "container": {
-          "value": "{global.size.component.M}",
-          "type": "sizing",
-          "description": "global nav and horizontal nav container height"
-        }
-      },
-      "vertical": {
-        "container": {
-          "value": "{global.size.component.XL} + {origin.dimension.550}",
-          "type": "sizing",
-          "description": "Left nav parent container"
-        },
-        "parentItem": {
-          "value": "{global.size.component.L}",
-          "type": "sizing",
-          "description": "Left nav collapsed item min-height"
-        }
-      },
-      "menuItem": {
         "S": {
           "value": "{global.size.component.S}",
           "type": "sizing",
@@ -147,7 +128,28 @@
         "M": {
           "value": "{global.size.component.M}",
           "type": "sizing",
-          "description": "Left nav child menu item min-height"
+          "description": "global nav and horizontal nav container height"
+        }
+      },
+      "vertical": {
+        "inside": {
+          "M": {
+            "value": "{global.size.component.M}",
+            "type": "sizing",
+            "description": "Left nav child menu item min-height"
+          },
+          "L": {
+            "value": "{global.size.component.L}",
+            "type": "sizing",
+            "description": "Left nav collapsed item min-height"
+          }
+        },
+        "outside": {
+          "M": {
+            "value": "{global.size.component.XL} + {origin.dimension.550}",
+            "type": "sizing",
+            "description": "Left nav parent container"
+          }
         }
       }
     }

diff --git a/data/tokens/Components/progress.json b/data/tokens/Components/progress.json
@@ -54,6 +54,33 @@
           "type": "sizing",
           "description": "XL spinners"
         }
+      },
+      "skeleton": {
+        "XS": {
+          "value": "{origin.dimension.200}",
+          "type": "sizing",
+          "description": "Skeleton paragraph and H5"
+        },
+        "S": {
+          "value": "{origin.dimension.200} + {origin.dimension.25}",
+          "type": "sizing",
+          "description": "H3 Skeletons"
+        },
+        "M": {
+          "value": "{origin.dimension.250}",
+          "type": "sizing",
+          "description": "H3 Skeletons"
+        },
+        "L": {
+          "value": "{origin.dimension.250} + {origin.dimension.25}",
+          "type": "sizing",
+          "description": "H2 Skeletons"
+        },
+        "XL": {
+          "value": "{origin.dimension.300}",
+          "type": "sizing",
+          "description": "H1 Skeletons"
+        }
       }
     },
     "color": {