feat(data): 1. Update descriptions in varius border radius tokens. 2.…

… Add new border radius tokens to container and form. 3. Remove portrait border radius token from form, and add to profile. 4. Remove link and skiplink border radius tokens from focus, and add them to link. 5. Rename badge border radius token from circle to badge. 6. Reorder various border radius tokens to be alphabetical.
Sage · Feb 6, 2024 · b672e39 · b672e39 · clairedenning · Feb 6, 2024
1 parent e974606
commit b672e39
Show file tree

Hide file tree

Showing 10 changed files with 97 additions and 46 deletions.
diff --git a/data/tokens/Components/badge.json b/data/tokens/Components/badge.json
@@ -52,7 +52,7 @@
       }
     },
     "borderradius": {
-      "circle": {
+      "badge": {
         "value": "{global.border-radius.circle}",
         "type": "borderRadius",
         "description": "Badge"

diff --git a/data/tokens/Components/container.json b/data/tokens/Components/container.json
@@ -293,15 +293,25 @@
         "type": "borderRadius",
         "description": "Carousel (parent container), "
       },
+      "dialog": {
+        "value": "{global.border-radius.container.L}",
+        "type": "borderRadius",
+        "description": "Dialog"
+      },
+      "filepreview": {
+        "value": "{global.border-radius.container.L}",
+        "type": "borderRadius",
+        "description": "File preview (parent container), "
+      },
       "note": {
         "value": "{global.border-radius.container.M}",
         "type": "borderRadius",
         "description": "Note"
       },
-      "preview": {
-        "value": "{global.border-radius.container.M}",
+      "linkpreview": {
+        "value": "{global.border-radius.interactive.M}",
         "type": "borderRadius",
-        "description": "Carousel (slide), Link preview"
+        "description": "Link preview (outer corners)"
       },
       "subscriptiontile": {
         "value": "{global.border-radius.container.M}",
@@ -318,6 +328,18 @@
         "type": "borderRadius",
         "description": "Tooltip\n"
       },
+      "card": {
+        "moderate": {
+          "value": "{global.border-radius.interactive.M}",
+          "type": "borderRadius",
+          "description": "Card (less rounded)"
+        },
+        "curved": {
+          "value": "{global.border-radius.interactive.L}",
+          "type": "borderRadius",
+          "description": "Card (more rounded)"
+        }
+      },
       "skeleton": {
         "rectangle": {
           "value": "{global.border-radius.container.M}",
@@ -329,6 +351,18 @@
           "type": "borderRadius",
           "description": "Skeleton (circle)"
         }
+      },
+      "tile": {
+        "moderate": {
+          "value": "{global.border-radius.container.M}",
+          "type": "borderRadius",
+          "description": "Tile (less rounded)"
+        },
+        "curved": {
+          "value": "{global.border-radius.container.L}",
+          "type": "borderRadius",
+          "description": "Tile (more rounded)"
+        }
       }
     },
     "space": {

diff --git a/data/tokens/Components/focus.json b/data/tokens/Components/focus.json
@@ -25,17 +25,5 @@
         "description": "focus black underline on links and skiplink"
       }
     }
-  },
-  "borderradius": {
-    "link": {
-      "value": "{global.border-radius.container.XS}",
-      "type": "borderRadius",
-      "description": "Link (focus bg corners and bottom corners of focus underline)"
-    },
-    "skiplink": {
-      "value": "{global.border-radius.container.M}",
-      "type": "borderRadius",
-      "description": "Skiplink (right corners of focus bg and border)"
-    }
   }
 }
diff --git a/data/tokens/Components/form.json b/data/tokens/Components/form.json
@@ -444,31 +444,21 @@
         "type": "borderRadius",
         "description": "Text editor (internal corners)"
       },
-      "dialog": {
-        "value": "{global.border-radius.container.L}",
+      "fileupload": {
+        "value": "{global.border-radius.container.S}",
         "type": "borderRadius",
-        "description": "Dialog\n"
+        "description": "File input (file uploads)"
+      },
+      "fileselector": {
+        "value": "{global.border-radius.container.S}",
+        "type": "borderRadius",
+        "description": "File preview (file selector asset)"
       },
       "input": {
         "value": "{global.border-radius.interactive.S}",
         "type": "borderRadius",
         "description": "Checkbox, Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input"
       },
-      "validationbar": {
-        "value": "{global.border-radius.interactive.XS}",
-        "type": "borderRadius",
-        "description": "Validation bar"
-      },
-      "portrait": {
-        "value": "{global.border-radius.circle}",
-        "type": "borderRadius",
-        "description": "Portrait"
-      },
-      "preview": {
-        "value": "{global.border-radius.container.S}",
-        "type": "borderRadius",
-        "description": "File input (file uploads), Link preview"
-      },
       "radio": {
         "value": "{global.border-radius.circle}",
         "type": "borderRadius",
@@ -479,6 +469,11 @@
         "type": "borderRadius",
         "description": "Switch container and handle"
       },
+      "validationbar": {
+        "value": "{global.border-radius.interactive.XS}",
+        "type": "borderRadius",
+        "description": "Validation bar"
+      },
       "calendar": {
         "none": {
           "value": "{global.border-radius.none}",

diff --git a/data/tokens/Components/link.json b/data/tokens/Components/link.json
@@ -90,6 +90,18 @@
           "type": "sizing"
         }
       }
+    },
+    "borderradius": {
+      "link": {
+        "value": "{global.border-radius.interactive.XS}",
+        "type": "borderRadius",
+        "description": "Link (focus bg and bottom corners of focus underline)"
+      },
+      "skiplink": {
+        "value": "{global.border-radius.interactive.M}",
+        "type": "borderRadius",
+        "description": "Skiplink (right corners of focus bg and border)"
+      }
     }
   }
 }
diff --git a/data/tokens/Components/nav.json b/data/tokens/Components/nav.json
@@ -146,10 +146,20 @@
       }
     },
     "borderradius": {
+      "menu": {
+        "value": "{global.border-radius.interactive.M}",
+        "type": "borderRadius",
+        "description": "Menu (bottom corners), "
+      },
       "menuitem": {
         "value": "{global.border-radius.interactive.S}",
         "type": "borderRadius",
         "description": "Menu (menu item state bg shape), "
+      },
+      "navigationleft": {
+        "value": "{global.border-radius.interactive.L}",
+        "type": "borderRadius",
+        "description": "Navigation left (collapsible Assets/Menu select top-right and bottom-right corners)"
       }
     }
   }

diff --git a/data/tokens/Components/profile.json b/data/tokens/Components/profile.json
@@ -105,6 +105,13 @@
           "type": "color"
         }
       }
+    },
+    "borderradius": {
+      "portrait": {
+        "value": "{global.border-radius.circle}",
+        "type": "borderRadius",
+        "description": "Portrait"
+      }
     }
   }
 }
diff --git a/data/tokens/Components/progress.json b/data/tokens/Components/progress.json
@@ -185,12 +185,17 @@
         "type": "borderRadius",
         "description": "File input (bottom corners of integrated status bar)"
       },
+      "scrollbar": {
+        "value": "{global.border-radius.circle}",
+        "type": "borderRadius",
+        "description": "Scrollbar"
+      },
       "stepflow": {
         "value": "{global.border-radius.circle}",
         "type": "borderRadius",
         "description": "Step flow (step indicators)"
       },
-      "standalone": {
+      "bar": {
         "S": {
           "value": "{global.border-radius.container.XS}",
           "type": "borderRadius",
@@ -199,7 +204,7 @@
         "M": {
           "value": "{global.border-radius.container.S}",
           "type": "borderRadius",
-          "description": "File input (bottom corners of integrated status bar), Progress tracker M, Scrollbar"
+          "description": "File input (bottom corners of integrated status bar), Progress tracker M, "
         },
         "L": {
           "value": "{global.border-radius.container.M}",

diff --git a/data/tokens/Components/table.json b/data/tokens/Components/table.json
@@ -144,7 +144,7 @@
       "container": {
         "value": "{global.border-radius.container.M}",
         "type": "borderRadius",
-        "description": "📦Table (parent container)"
+        "description": "Table (parent container)"
       }
     }
   },

diff --git a/data/tokens/global/radius.json b/data/tokens/global/radius.json
@@ -25,44 +25,44 @@
         "XS": {
           "value": "{origin.dimension.25} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "TIGHT. Pill"
+          "description": "POINTED. Pill"
         },
         "S": {
           "value": "{origin.dimension.50} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "MODERATE. Color picker advanced (inner swatch container), File input (file uploads & integrated progress bar (bottom corners), Link preview, Tooltip."
+          "description": "SUBTLE. Color picker advanced (inner swatch container), File input (file uploads & integrated progress bar (bottom corners), Link preview, Tooltip."
         },
         "M": {
           "value": "{origin.dimension.100} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "GENTLE. Card select (single), Card select group (outer corners), Carousel (slides), File preview (File selector assets on left), Message, Note, Popover (menu container in Action popover, Button-split, Button-multi-action, Calendar, Dropdown), Subscription tile (currently a pattern), Table (parent container), Tile & Tile flexbox (less rounded), Toast"
+          "description": "MODERATE. Card select (single), Card select group (outer corners), Carousel (slides), File preview (File selector assets on left), Message, Note, Popover (menu container in Action popover, Button-split, Button-multi-action, Calendar, Dropdown), Subscription tile (currently a pattern), Table (parent container), Tile & Tile flexbox (less rounded), Toast"
         },
         "L": {
           "value": "{origin.dimension.200} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "SWEEPING. Carousel (parent container), Color picker advanced (parent container), Dialog (not full screen), File preview (parent container), Tile & Tile flexbox (more rounded)."
+          "description": "CURVED. Carousel (parent container), Color picker advanced (parent container), Dialog (not full screen), File preview (parent container), Tile & Tile flexbox (more rounded)."
         }
       },
       "interactive": {
         "XS": {
           "value": "{origin.dimension.25} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "TIGHT. Checkbox (S, M), Link (focus background and underline)"
+          "description": "POINTED. Checkbox (S, M), Link (focus background and underline)"
         },
         "S": {
           "value": "{origin.dimension.50} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "MODERATE. Checkbox L, Date picker input, Date range input, Dropdown select (trigger), File input (draggable area), Link (focus bg and underline bottom-right and bottom-left), Menu (state bg shape), Search, Text area, Text editor, Text input"
+          "description": "SUBTLE. Checkbox L, Date picker input, Date range input, Dropdown select (trigger), File input (draggable area), Link (focus bg and underline bottom-right and bottom-left), Menu (state bg shape), Search, Text area, Text editor, Text input"
         },
         "M": {
           "value": "{origin.dimension.100} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "GENTLE. Button subtle, Card (less rounded), Menu (bottom corners), Navigation: left (state bg shape), Skip focus, Tab, "
+          "description": "MODERATE. Button subtle, Card (less rounded), Menu (bottom corners), Navigation: left (state bg shape), Skip focus, Tab, "
         },
         "L": {
           "value": "{origin.dimension.200} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "SWEEPING. Buttons S (typical and destructive, and inc bar, split and multi), Card (more rounded), Navigation left (collapsible Assets/Menu select top-right and bottom-right corners), "
+          "description": "CURVED. Buttons S (typical and destructive, and inc bar, split and multi), Card (more rounded), Navigation left (collapsible Assets/Menu select top-right and bottom-right corners), "
         },
         "XL": {
           "value": "{origin.dimension.250} * {global.border-radius.scale}",
@@ -72,7 +72,7 @@
         "XXL": {
           "value": "{origin.dimension.300} * {global.border-radius.scale}",
           "type": "borderRadius",
-          "description": "ROUNDED. Buttons L (typical and destructive and inc bar split and multi), Button toggle L (parent container), "
+          "description": "SWEEPING. Buttons L (typical and destructive and inc bar split and multi), Button toggle L (parent container), "
         }
       }
     }