npm - @adobe/spectrum-tokens - Versions diffs - 13.0.0-beta.36 → 13.0.0-beta.37 - Mend

@adobe/spectrum-tokens 13.0.0-beta.36 → 13.0.0-beta.37

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

package/CHANGELOG.md +78 -0
package/dist/json/drover.json +25 -14
package/dist/json/variables.json +228 -74
package/package.json +1 -1
package/src/layout-component.json +241 -148

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,83 @@
 # @adobe/spectrum-tokens
+## 13.0.0-beta.37
+### Minor Changes
+- [#355](https://github.com/adobe/spectrum-tokens/pull/355) [`783a200`](https://github.com/adobe/spectrum-tokens/commit/783a200983efa8e1f2cc31fd40ac3ed7298bb312) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Updated tokens according to updated token spec for Spectrum 2, including new and deprecated tokens
+  ## Design Motivation
+  ### Change 1: Updated terminology to align with t-shirt sizes
+  Previously in S1, the breadcrumb variants were default, compact, and multiline. However, in S2, we have aligned breadcrumb to t-shirt sizes, resulting in the following changes:
+  - Breadcrumbs (default) -> Breadcrumbs (L)
+  - Breadcrumbs (compact) -> Breadcrumbs (M)
+  - Breadcrumbs (multiline) -> Breadcrumbs (multiline)
+  ### Change 2: Updated truncated menu button sizes and spacing
+  Other structural changes
+  - In S1 all variants used M sized action button – now we use S, M, L sized action buttons for respective sizes.
+  - In S1 all variants had same spacing 8px around chevron, now we use different spacings for all the three variants
+  ## Token Diff
+  _Tokens added (11):_
+  - `breadcrumbs-separator-to-bottom-text-multiline`
+  - `breadcrumbs-start-edge-to-text-large`
+  - `breadcrumbs-start-edge-to-text-medium`
+  - `breadcrumbs-start-edge-to-text-multiline`
+  - `breadcrumbs-top-to-separator-large`
+  - `breadcrumbs-top-to-separator-medium`
+  - `breadcrumbs-top-to-separator-multiline`
+  - `breadcrumbs-truncated-menu-to-separator`
+  - `breadcrumbs-text-to-separator-large`
+  - `breadcrumbs-text-to-separator-medium`
+  - `breadcrumbs-text-to-separator-multiline`
+  _Newly deprecated tokens (13):_
+  - `breadcrumbs-height`
+  - `breadcrumbs-height-compact`
+  - `breadcrumbs-top-to-text`
+  - `breadcrumbs-top-to-text-compact`
+  - `breadcrumbs-bottom-to-text`
+  - `breadcrumbs-bottom-to-text-compact`
+  - `breadcrumbs-start-edge-to-text`
+  - `breadcrumbs-top-to-separator-icon`
+  - `breadcrumbs-top-to-separator-icon-compact`
+  - `breadcrumbs-top-to-separator-icon-multiline`
+  - `breadcrumbs-separator-icon-to-bottom-text-multiline`
+  - `breadcrumbs-truncated-menu-to-separator-icon`
+  - `breadcrumbs-top-to-truncated-menu-compact`
+  _Token values updated (20):_
+  - `breadcrumbs-top-to-separator-icon-multiline`
+  - `breadcrumbs-top-to-text-multiline`
+  - `breadcrumbs-bottom-to-text-multiline`
+  - `breadcrumbs-height-multiline`
+  - `breadcrumbs-top-to-separator-icon-multiline`
+  - `breadcrumbs-top-to-text-multiline`
+  - `breadcrumbs-height`
+  - `breadcrumbs-height-compact`
+  - `breadcrumbs-truncated-menu-to-separator-icon`
+  - `breadcrumbs-truncated-menu-to-bottom-text`
+  - `breadcrumbs-bottom-to-text`
+  - `breadcrumbs-bottom-to-text-compact`
+  - `breadcrumbs-separator-icon-to-bottom-text-multiline`
+  - `breadcrumbs-start-edge-to-text`
+  - `breadcrumbs-top-to-separator-icon`
+  - `breadcrumbs-top-to-separator-icon-compact`
+  - `breadcrumbs-top-to-text`
+  - `breadcrumbs-top-to-text-compact`
+  - `breadcrumbs-top-to-truncated-menu`
+  - `breadcrumbs-top-to-truncated-menu-compact`
 ## 13.0.0-beta.36
 ### Minor Changes

package/dist/json/drover.json CHANGED Viewed

@@ -1475,26 +1475,37 @@
     "border-width-100": "1px",
     "border-width-200": "2px",
     "border-width-400": "4px",
-    "breadcrumbs-bottom-to-text": "15px",
-    "breadcrumbs-bottom-to-text-compact": "12px",
+    "breadcrumbs-bottom-to-text": "11px",
+    "breadcrumbs-bottom-to-text-compact": "9px",
     "breadcrumbs-bottom-to-text-multiline": "9px",
     "breadcrumbs-end-edge-to-text": "0px",
-    "breadcrumbs-height": "48px",
-    "breadcrumbs-height-compact": "40px",
+    "breadcrumbs-height": "40px",
+    "breadcrumbs-height-compact": "32px",
     "breadcrumbs-height-multiline": "72px",
     "breadcrumbs-separator-icon-to-bottom-text-multiline": "11px",
-    "breadcrumbs-start-edge-to-text": "8px",
+    "breadcrumbs-separator-to-bottom-text-multiline": "11px",
+    "breadcrumbs-start-edge-to-text": "9px",
+    "breadcrumbs-start-edge-to-text-large": "9px",
+    "breadcrumbs-start-edge-to-text-medium": "6px",
+    "breadcrumbs-start-edge-to-text-multiline": "4px",
     "breadcrumbs-start-edge-to-truncated-menu": "0px",
+    "breadcrumbs-text-to-separator-large": "9px",
+    "breadcrumbs-text-to-separator-medium": "6px",
+    "breadcrumbs-text-to-separator-multiline": "4px",
     "breadcrumbs-top-text-to-bottom-text": "9px",
-    "breadcrumbs-top-to-separator-icon": "19px",
-    "breadcrumbs-top-to-separator-icon-compact": "15px",
-    "breadcrumbs-top-to-separator-icon-multiline": "15px",
-    "breadcrumbs-top-to-text": "13px",
-    "breadcrumbs-top-to-text-compact": "11px",
-    "breadcrumbs-top-to-text-multiline": "12px",
-    "breadcrumbs-top-to-truncated-menu": "8px",
-    "breadcrumbs-top-to-truncated-menu-compact": "4px",
-    "breadcrumbs-truncated-menu-to-bottom-text": "0px",
+    "breadcrumbs-top-to-separator-icon": "15px",
+    "breadcrumbs-top-to-separator-icon-compact": "11px",
+    "breadcrumbs-top-to-separator-icon-multiline": "7px",
+    "breadcrumbs-top-to-separator-large": "15px",
+    "breadcrumbs-top-to-separator-medium": "11px",
+    "breadcrumbs-top-to-separator-multiline": "7px",
+    "breadcrumbs-top-to-text": "9px",
+    "breadcrumbs-top-to-text-compact": "6px",
+    "breadcrumbs-top-to-text-multiline": "4px",
+    "breadcrumbs-top-to-truncated-menu": "0px",
+    "breadcrumbs-top-to-truncated-menu-compact": "0px",
+    "breadcrumbs-truncated-menu-to-bottom-text": "4px",
+    "breadcrumbs-truncated-menu-to-separator": "0px",
     "breadcrumbs-truncated-menu-to-separator-icon": "0px",
     "button-minimum-width-multiplier": "2.25",
     "card-minimum-width": "100px",

package/dist/json/variables.json CHANGED Viewed

@@ -15448,29 +15448,29 @@
     }
   },
   "breadcrumbs-height": {
-    "ref": "{component-height-300}",
+    "ref": "{component-height-200}",
     "sets": {
       "desktop": {
-        "value": "48px",
-        "uuid": "f4aaa7bb-e724-42ad-8ddf-934cc972995a"
+        "value": "40px",
+        "uuid": "8bf70f40-b282-4c5d-98f0-329245bdb6f9"
       },
       "mobile": {
-        "value": "60px",
-        "uuid": "53c665a4-83ae-45f2-b90d-33ce52430b84"
+        "value": "50px",
+        "uuid": "7c69efb5-bde7-4ee0-ad1e-2f20e85ebc24"
       }
     },
     "uuid": "2d39863c-6987-413c-90d8-07fcc506a0d4"
   },
   "breadcrumbs-height-compact": {
-    "ref": "{component-height-200}",
+    "ref": "{component-height-100}",
     "sets": {
       "desktop": {
-        "value": "40px",
-        "uuid": "8bf70f40-b282-4c5d-98f0-329245bdb6f9"
+        "value": "32px",
+        "uuid": "3d7afc6a-f66b-4033-9ed4-e60cde661a18"
       },
       "mobile": {
-        "value": "50px",
-        "uuid": "7c69efb5-bde7-4ee0-ad1e-2f20e85ebc24"
+        "value": "40px",
+        "uuid": "5c31197d-0412-469d-a2dd-684efbd4b7e6"
       }
     },
     "uuid": "8393f599-37e8-484a-a1c6-0934ce15a507"
@@ -15482,70 +15482,78 @@
         "uuid": "237ff958-a86d-4632-aa7d-504a697509c3"
       },
       "mobile": {
-        "value": "84px",
+        "value": "90px",
         "uuid": "5e7426da-1a1e-4d37-8c96-4fdac06bfad5"
       }
     }
   },
   "breadcrumbs-top-to-text": {
+    "ref": "{component-top-to-text-200}",
     "sets": {
       "desktop": {
-        "value": "13px",
-        "uuid": "d084038e-bc31-43be-99ee-13cf727eaf9d"
+        "value": "9px",
+        "uuid": "c7914376-3769-4172-8467-fb811b3c155f"
       },
       "mobile": {
-        "value": "17px",
-        "uuid": "c4e58bb6-dcd7-4b64-b881-5b918c346989"
+        "value": "12px",
+        "uuid": "621c9cf1-02e2-478b-9f47-0804f0183531"
       }
-    }
+    },
+    "uuid": "d084038e-bc31-43be-99ee-13cf727eaf9d"
   },
   "breadcrumbs-top-to-text-compact": {
+    "ref": "{component-top-to-text-100}",
     "sets": {
       "desktop": {
-        "value": "11px",
-        "uuid": "b19547e2-bd8f-435d-b726-4f2ce6a83984"
+        "value": "6px",
+        "uuid": "15bf492b-3a65-4577-8a3b-df09026b96a7"
       },
       "mobile": {
-        "value": "16px",
-        "uuid": "da5c0b1f-a8df-407c-888f-ac62d1fefa7c"
+        "value": "8px",
+        "uuid": "bed358a2-0559-4501-a147-b375887f25af"
       }
-    }
+    },
+    "uuid": "b19547e2-bd8f-435d-b726-4f2ce6a83984"
   },
   "breadcrumbs-top-to-text-multiline": {
     "sets": {
       "desktop": {
-        "value": "12px",
+        "value": "4px",
         "uuid": "138070fe-1f06-48b4-ac49-f8ff117c5f42"
       },
       "mobile": {
-        "value": "15px",
+        "value": "5px",
         "uuid": "ea82fc23-82e7-4116-a8bb-186a253675ad"
       }
     }
   },
   "breadcrumbs-bottom-to-text": {
+    "ref": "{component-bottom-to-text-200}",
     "sets": {
       "desktop": {
-        "value": "15px",
-        "uuid": "f0e6a20d-8c2d-4aa3-9060-b6ca66aa7943"
+        "value": "11px",
+        "uuid": "ae65b844-9758-4708-8781-2c8df35af1e9"
       },
       "mobile": {
-        "value": "19px",
-        "uuid": "971f1589-f80b-4c1e-8814-b5c286c5f561"
+        "value": "14px",
+        "uuid": "a39cef5c-631c-4942-b5d2-9121e05d47f8"
       }
-    }
+    },
+    "uuid": "f0e6a20d-8c2d-4aa3-9060-b6ca66aa7943"
   },
   "breadcrumbs-bottom-to-text-compact": {
+    "ref": "{component-bottom-to-text-100}",
     "sets": {
       "desktop": {
-        "value": "12px",
-        "uuid": "70a356be-c304-4bb4-a9df-97806931f089"
+        "value": "9px",
+        "uuid": "24def269-4582-46f6-a00c-8b5a28410917"
       },
       "mobile": {
-        "value": "19px",
-        "uuid": "d783bd6f-fc7a-4be4-b53a-b8be86018b7b"
+        "value": "11px",
+        "uuid": "c8590269-dcaa-44f6-9c2d-d33274c3fe5e"
       }
-    }
+    },
+    "uuid": "70a356be-c304-4bb4-a9df-97806931f089"
   },
   "breadcrumbs-bottom-to-text-multiline": {
     "sets": {
@@ -15554,22 +15562,24 @@
         "uuid": "5a78f5a4-ceee-4854-96d4-b61d76cc522b"
       },
       "mobile": {
-        "value": "10px",
+        "value": "11px",
         "uuid": "a51a1142-e38e-4055-bd45-ad2bd0045880"
       }
     }
   },
   "breadcrumbs-start-edge-to-text": {
+    "ref": "{breadcrumbs-start-edge-to-text-large}",
     "sets": {
       "desktop": {
-        "value": "8px",
-        "uuid": "a0542dab-98fb-45d8-b4a0-79cfd2cc4f1c"
+        "value": "9px",
+        "uuid": "04141c6f-50ff-4301-a7b5-315bbd9cac18"
       },
       "mobile": {
-        "value": "9px",
-        "uuid": "6d632147-5a1e-4a19-9fca-019b234d0455"
+        "value": "11px",
+        "uuid": "1d7bd78d-4469-4385-89e7-fcd574cc6368"
       }
-    }
+    },
+    "uuid": "a0542dab-98fb-45d8-b4a0-79cfd2cc4f1c"
   },
   "breadcrumbs-end-edge-to-text": {
     "value": "0px",
@@ -15588,89 +15598,109 @@
     }
   },
   "breadcrumbs-top-to-separator-icon": {
+    "ref": "{breadcrumbs-top-to-separator-large}",
     "sets": {
       "desktop": {
-        "value": "19px",
-        "uuid": "15e56281-5fc1-4b59-b815-fc333231e364"
+        "value": "15px",
+        "uuid": "2e8091e4-f60b-438c-bcbb-111eb243900d"
       },
       "mobile": {
-        "value": "25px",
-        "uuid": "882046d8-7111-4020-bf31-b8eb9d9013e0"
+        "value": "20px",
+        "uuid": "2e12202a-8099-4a4d-b06d-703deaf20862"
       }
-    }
+    },
+    "uuid": "15e56281-5fc1-4b59-b815-fc333231e364"
   },
   "breadcrumbs-top-to-separator-icon-compact": {
+    "ref": "{breadcrumbs-top-to-separator-medium}",
     "sets": {
       "desktop": {
-        "value": "15px",
-        "uuid": "a63e8df1-124f-4f3e-9e1b-ba422b8d8257"
+        "value": "11px",
+        "uuid": "fdbf3b4b-7d6e-4464-8514-17c1b4790db6"
       },
       "mobile": {
-        "value": "23px",
-        "uuid": "f6c5b011-ec25-42ea-a708-d7dca1b5fb5a"
+        "value": "15px",
+        "uuid": "fcbd2bcb-7f53-4219-9d6b-89c01fd50da7"
       }
-    }
+    },
+    "uuid": "a63e8df1-124f-4f3e-9e1b-ba422b8d8257"
   },
   "breadcrumbs-top-to-separator-icon-multiline": {
     "sets": {
       "desktop": {
-        "value": "15px",
+        "ref": "{breadcrumbs-top-to-separator-multiline}",
+        "sets": {
+          "desktop": {
+            "value": "7px",
+            "uuid": "96d7dff4-4b3d-433a-8f83-8f55a1514812"
+          },
+          "mobile": {
+            "value": "10px",
+            "uuid": "4b7eab87-e6a8-40f6-a071-5aff25493f2f"
+          }
+        },
         "uuid": "6b310160-ab2e-40fd-9216-21ddcb36b575"
       },
       "mobile": {
-        "value": "20px",
+        "ref": "{breadcrumbs-separator-icon-to-bottom-text-multiline}",
+        "sets": {
+          "desktop": {
+            "value": "11px",
+            "uuid": "ba160ed7-e66b-4dd1-bef8-e91fe9b05d2c"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "a1c90c6d-851d-495f-99cc-bbeb0c6fdd4f"
+          }
+        },
         "uuid": "eb3b2566-6fc1-4a2c-a8cf-e40af3d34715"
       }
     }
   },
   "breadcrumbs-separator-icon-to-bottom-text-multiline": {
+    "ref": "{breadcrumbs-separator-to-bottom-text-multiline}",
     "sets": {
       "desktop": {
         "value": "11px",
-        "uuid": "56dd2fd0-c7a3-4f2c-bda9-8e6ba6d99e6c"
+        "uuid": "ba160ed7-e66b-4dd1-bef8-e91fe9b05d2c"
       },
       "mobile": {
         "value": "15px",
-        "uuid": "571239ce-690f-49ee-9e71-d14bbfe4b279"
+        "uuid": "a1c90c6d-851d-495f-99cc-bbeb0c6fdd4f"
       }
-    }
+    },
+    "uuid": "56dd2fd0-c7a3-4f2c-bda9-8e6ba6d99e6c"
   },
   "breadcrumbs-truncated-menu-to-separator-icon": {
+    "ref": "{breadcrumbs-truncated-menu-to-separator}",
     "value": "0px",
     "uuid": "1fe2a3df-3179-4c4a-8d1f-de41297b6d74"
   },
   "breadcrumbs-top-to-truncated-menu": {
-    "sets": {
-      "desktop": {
-        "value": "8px",
-        "uuid": "751734bd-1c58-4222-bbd8-8b2349f2fbd2"
-      },
-      "mobile": {
-        "value": "10px",
-        "uuid": "793da276-18a6-46d0-a0e5-a1676c4df583"
-      }
-    }
+    "value": "0px",
+    "uuid": "751734bd-1c58-4222-bbd8-8b2349f2fbd2"
   },
   "breadcrumbs-top-to-truncated-menu-compact": {
+    "ref": "{breadcrumbs-top-to-truncated-menu}",
+    "value": "0px",
+    "uuid": "e0aba287-799f-4621-97cb-563352002a20"
+  },
+  "breadcrumbs-start-edge-to-truncated-menu": {
+    "value": "0px",
+    "uuid": "b1fba444-c281-4be4-bded-4852b551cfee"
+  },
+  "breadcrumbs-truncated-menu-to-bottom-text": {
     "sets": {
       "desktop": {
         "value": "4px",
-        "uuid": "e0aba287-799f-4621-97cb-563352002a20"
+        "uuid": "2285d870-68ec-469f-a034-2fdeb31e33f0"
       },
       "mobile": {
         "value": "5px",
-        "uuid": "d5e92b0a-6d37-4b77-a5d0-6c4f1b9a722c"
+        "uuid": "154bce30-bfe2-445b-bbdd-69efce5565ae"
       }
     }
   },
-  "breadcrumbs-start-edge-to-truncated-menu": {
-    "value": "0px",
-    "uuid": "b1fba444-c281-4be4-bded-4852b551cfee"
-  },
-  "breadcrumbs-truncated-menu-to-bottom-text": {
-    "value": "0px",
-    "uuid": "2285d870-68ec-469f-a034-2fdeb31e33f0"
-  },
   "avatar-size-50": {
     "sets": {
       "desktop": {
@@ -20581,6 +20611,130 @@
     },
     "uuid": "644593be-82da-4ae4-ae57-fabebd4513ca"
   },
+  "breadcrumbs-separator-to-bottom-text-multiline": {
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "ba160ed7-e66b-4dd1-bef8-e91fe9b05d2c"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "a1c90c6d-851d-495f-99cc-bbeb0c6fdd4f"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "04141c6f-50ff-4301-a7b5-315bbd9cac18"
+      },
+      "mobile": {
+        "value": "11px",
+        "uuid": "1d7bd78d-4469-4385-89e7-fcd574cc6368"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "941f9040-ddb7-419c-ac05-dfa24effa055"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "e87a054b-dceb-4462-a8fc-733700cc0f79"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-multiline": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "3dd655e7-f0d4-4fa4-a885-4a7aff9510fd"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "60a75c05-a9cd-4ecf-89e5-0bca9e137e9f"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-large": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "2e8091e4-f60b-438c-bcbb-111eb243900d"
+      },
+      "mobile": {
+        "value": "20px",
+        "uuid": "2e12202a-8099-4a4d-b06d-703deaf20862"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-medium": {
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "fdbf3b4b-7d6e-4464-8514-17c1b4790db6"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "fcbd2bcb-7f53-4219-9d6b-89c01fd50da7"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-multiline": {
+    "sets": {
+      "desktop": {
+        "value": "7px",
+        "uuid": "96d7dff4-4b3d-433a-8f83-8f55a1514812"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "4b7eab87-e6a8-40f6-a071-5aff25493f2f"
+      }
+    }
+  },
+  "breadcrumbs-truncated-menu-to-separator": {
+    "value": "0px",
+    "uuid": "963bd7ed-cfc9-4a93-a8a6-a2340ec6479f"
+  },
+  "breadcrumbs-text-to-separator-large": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "3e19f21e-0c87-4eca-bc21-d4c13bc984ef"
+      },
+      "mobile": {
+        "value": "11px",
+        "uuid": "25d8256e-b05f-43e8-bbc3-5b60c24be29c"
+      }
+    }
+  },
+  "breadcrumbs-text-to-separator-medium": {
+    "sets": {
+      "desktop": {
+        "value": "6px",
+        "uuid": "74d2cda7-385e-4145-8a3e-26065db5e302"
+      },
+      "mobile": {
+        "value": "8px",
+        "uuid": "bf2e3518-154e-4975-b9fb-acbf60b7e154"
+      }
+    }
+  },
+  "breadcrumbs-text-to-separator-multiline": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "0d4dd9ba-5b01-432d-a7b2-d95947cfc43d"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "fbf763fe-9e35-4cdc-a5ed-9f90e03d23bd"
+      }
+    }
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.36",
+  "version": "13.0.0-beta.37",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",

package/src/layout-component.json CHANGED Viewed

@@ -2632,14 +2632,16 @@
   "breadcrumbs-height": {
     "component": "breadcrumbs",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{component-height-300}",
-    "uuid": "2d39863c-6987-413c-90d8-07fcc506a0d4"
+    "value": "{component-height-200}",
+    "uuid": "2d39863c-6987-413c-90d8-07fcc506a0d4",
+    "deprecated": true
   },
   "breadcrumbs-height-compact": {
     "component": "breadcrumbs",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{component-height-200}",
-    "uuid": "8393f599-37e8-484a-a1c6-0934ce15a507"
+    "value": "{component-height-100}",
+    "uuid": "8393f599-37e8-484a-a1c6-0934ce15a507",
+    "deprecated": true
   },
   "breadcrumbs-height-multiline": {
     "component": "breadcrumbs",
@@ -2652,42 +2654,24 @@
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "84px",
+        "value": "90px",
         "uuid": "5e7426da-1a1e-4d37-8c96-4fdac06bfad5"
       }
     }
   },
   "breadcrumbs-top-to-text": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "13px",
-        "uuid": "d084038e-bc31-43be-99ee-13cf727eaf9d"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "17px",
-        "uuid": "c4e58bb6-dcd7-4b64-b881-5b918c346989"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{component-top-to-text-200}",
+    "uuid": "d084038e-bc31-43be-99ee-13cf727eaf9d",
+    "deprecated": true
   },
   "breadcrumbs-top-to-text-compact": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "11px",
-        "uuid": "b19547e2-bd8f-435d-b726-4f2ce6a83984"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "16px",
-        "uuid": "da5c0b1f-a8df-407c-888f-ac62d1fefa7c"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{component-top-to-text-100}",
+    "uuid": "b19547e2-bd8f-435d-b726-4f2ce6a83984",
+    "deprecated": true
   },
   "breadcrumbs-top-to-text-multiline": {
     "component": "breadcrumbs",
@@ -2695,47 +2679,29 @@
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
+        "value": "4px",
         "uuid": "138070fe-1f06-48b4-ac49-f8ff117c5f42"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
+        "value": "5px",
         "uuid": "ea82fc23-82e7-4116-a8bb-186a253675ad"
       }
     }
   },
   "breadcrumbs-bottom-to-text": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
-        "uuid": "f0e6a20d-8c2d-4aa3-9060-b6ca66aa7943"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
-        "uuid": "971f1589-f80b-4c1e-8814-b5c286c5f561"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{component-bottom-to-text-200}",
+    "uuid": "f0e6a20d-8c2d-4aa3-9060-b6ca66aa7943",
+    "deprecated": true
   },
   "breadcrumbs-bottom-to-text-compact": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "12px",
-        "uuid": "70a356be-c304-4bb4-a9df-97806931f089"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
-        "uuid": "d783bd6f-fc7a-4be4-b53a-b8be86018b7b"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{component-bottom-to-text-100}",
+    "uuid": "70a356be-c304-4bb4-a9df-97806931f089",
+    "deprecated": true
   },
   "breadcrumbs-bottom-to-text-multiline": {
     "component": "breadcrumbs",
@@ -2748,26 +2714,18 @@
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "10px",
+        "value": "11px",
         "uuid": "a51a1142-e38e-4055-bd45-ad2bd0045880"
       }
     }
   },
   "breadcrumbs-start-edge-to-text": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "8px",
-        "uuid": "a0542dab-98fb-45d8-b4a0-79cfd2cc4f1c"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "9px",
-        "uuid": "6d632147-5a1e-4a19-9fca-019b234d0455"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-start-edge-to-text-large}",
+    "uuid": "a0542dab-98fb-45d8-b4a0-79cfd2cc4f1c",
+    "deprecated": true,
+    "deprecated_comment": "Use a sized token instead, e.g., breadcrumbs-start-edge-to-text-large."
   },
   "breadcrumbs-end-edge-to-text": {
     "component": "breadcrumbs",
@@ -2793,118 +2751,87 @@
   },
   "breadcrumbs-top-to-separator-icon": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "19px",
-        "uuid": "15e56281-5fc1-4b59-b815-fc333231e364"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "25px",
-        "uuid": "882046d8-7111-4020-bf31-b8eb9d9013e0"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-top-to-separator-large}",
+    "uuid": "15e56281-5fc1-4b59-b815-fc333231e364",
+    "deprecated": true,
+    "deprecated_comment": "Use a sized token instead, e.g., breadcrumbs-top-to-separator-large."
   },
   "breadcrumbs-top-to-separator-icon-compact": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
-        "uuid": "a63e8df1-124f-4f3e-9e1b-ba422b8d8257"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "23px",
-        "uuid": "f6c5b011-ec25-42ea-a708-d7dca1b5fb5a"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-top-to-separator-medium}",
+    "uuid": "a63e8df1-124f-4f3e-9e1b-ba422b8d8257",
+    "deprecated": true,
+    "deprecated_comment": "Use a sized token instead, e.g., breadcrumbs-top-to-separator-medium."
   },
   "breadcrumbs-top-to-separator-icon-multiline": {
     "component": "breadcrumbs",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
     "sets": {
       "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
-        "uuid": "6b310160-ab2e-40fd-9216-21ddcb36b575"
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{breadcrumbs-top-to-separator-multiline}",
+        "uuid": "6b310160-ab2e-40fd-9216-21ddcb36b575",
+        "deprecated": true
       },
       "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "20px",
-        "uuid": "eb3b2566-6fc1-4a2c-a8cf-e40af3d34715"
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{breadcrumbs-separator-icon-to-bottom-text-multiline}",
+        "uuid": "eb3b2566-6fc1-4a2c-a8cf-e40af3d34715",
+        "deprecated": true
       }
     }
   },
   "breadcrumbs-separator-icon-to-bottom-text-multiline": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "11px",
-        "uuid": "56dd2fd0-c7a3-4f2c-bda9-8e6ba6d99e6c"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "15px",
-        "uuid": "571239ce-690f-49ee-9e71-d14bbfe4b279"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-separator-to-bottom-text-multiline}",
+    "uuid": "56dd2fd0-c7a3-4f2c-bda9-8e6ba6d99e6c",
+    "deprecated": true
   },
   "breadcrumbs-truncated-menu-to-separator-icon": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "0px",
-    "uuid": "1fe2a3df-3179-4c4a-8d1f-de41297b6d74"
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-truncated-menu-to-separator}",
+    "uuid": "1fe2a3df-3179-4c4a-8d1f-de41297b6d74",
+    "deprecated": true
   },
   "breadcrumbs-top-to-truncated-menu": {
     "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
-    "sets": {
-      "desktop": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "8px",
-        "uuid": "751734bd-1c58-4222-bbd8-8b2349f2fbd2"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "10px",
-        "uuid": "793da276-18a6-46d0-a0e5-a1676c4df583"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "751734bd-1c58-4222-bbd8-8b2349f2fbd2"
   },
   "breadcrumbs-top-to-truncated-menu-compact": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{breadcrumbs-top-to-truncated-menu}",
+    "uuid": "e0aba287-799f-4621-97cb-563352002a20",
+    "deprecated": true
+  },
+  "breadcrumbs-start-edge-to-truncated-menu": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "b1fba444-c281-4be4-bded-4852b551cfee"
+  },
+  "breadcrumbs-truncated-menu-to-bottom-text": {
     "component": "breadcrumbs",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
     "sets": {
       "desktop": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "4px",
-        "uuid": "e0aba287-799f-4621-97cb-563352002a20"
+        "uuid": "2285d870-68ec-469f-a034-2fdeb31e33f0"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "5px",
-        "uuid": "d5e92b0a-6d37-4b77-a5d0-6c4f1b9a722c"
+        "uuid": "154bce30-bfe2-445b-bbdd-69efce5565ae"
       }
     }
   },
-  "breadcrumbs-start-edge-to-truncated-menu": {
-    "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "0px",
-    "uuid": "b1fba444-c281-4be4-bded-4852b551cfee"
-  },
-  "breadcrumbs-truncated-menu-to-bottom-text": {
-    "component": "breadcrumbs",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "0px",
-    "uuid": "2285d870-68ec-469f-a034-2fdeb31e33f0"
-  },
   "avatar-size-50": {
     "component": "avatar",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
@@ -8210,5 +8137,171 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{illustrated-message-medium-body-font-size}",
     "uuid": "644593be-82da-4ae4-ae57-fabebd4513ca"
+  },
+  "breadcrumbs-separator-to-bottom-text-multiline": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "ba160ed7-e66b-4dd1-bef8-e91fe9b05d2c"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "a1c90c6d-851d-495f-99cc-bbeb0c6fdd4f"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-large": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "9px",
+        "uuid": "04141c6f-50ff-4301-a7b5-315bbd9cac18"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "1d7bd78d-4469-4385-89e7-fcd574cc6368"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-medium": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "6px",
+        "uuid": "941f9040-ddb7-419c-ac05-dfa24effa055"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "e87a054b-dceb-4462-a8fc-733700cc0f79"
+      }
+    }
+  },
+  "breadcrumbs-start-edge-to-text-multiline": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "3dd655e7-f0d4-4fa4-a885-4a7aff9510fd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "60a75c05-a9cd-4ecf-89e5-0bca9e137e9f"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-large": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "2e8091e4-f60b-438c-bcbb-111eb243900d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "20px",
+        "uuid": "2e12202a-8099-4a4d-b06d-703deaf20862"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-medium": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "fdbf3b4b-7d6e-4464-8514-17c1b4790db6"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "fcbd2bcb-7f53-4219-9d6b-89c01fd50da7"
+      }
+    }
+  },
+  "breadcrumbs-top-to-separator-multiline": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "7px",
+        "uuid": "96d7dff4-4b3d-433a-8f83-8f55a1514812"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "4b7eab87-e6a8-40f6-a071-5aff25493f2f"
+      }
+    }
+  },
+  "breadcrumbs-truncated-menu-to-separator": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "0px",
+    "uuid": "963bd7ed-cfc9-4a93-a8a6-a2340ec6479f"
+  },
+  "breadcrumbs-text-to-separator-large": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "9px",
+        "uuid": "3e19f21e-0c87-4eca-bc21-d4c13bc984ef"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "25d8256e-b05f-43e8-bbc3-5b60c24be29c"
+      }
+    }
+  },
+  "breadcrumbs-text-to-separator-medium": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "6px",
+        "uuid": "74d2cda7-385e-4145-8a3e-26065db5e302"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "bf2e3518-154e-4975-b9fb-acbf60b7e154"
+      }
+    }
+  },
+  "breadcrumbs-text-to-separator-multiline": {
+    "component": "breadcrumbs",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "4px",
+        "uuid": "0d4dd9ba-5b01-432d-a7b2-d95947cfc43d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "fbf763fe-9e35-4cdc-a5ed-9f90e03d23bd"
+      }
+    }
   }
 }