@adobe/spectrum-tokens 13.0.0-beta.32 → 13.0.0-beta.34

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.34
+
+### Minor Changes
+
+- [#334](https://github.com/adobe/spectrum-tokens/pull/334) [`4d28593`](https://github.com/adobe/spectrum-tokens/commit/4d28593c9d34414d72d78a1cc6c480d9ffdf82ce) Thanks [@nabuhasan](https://github.com/nabuhasan)! - S2 Popover tokens update
+
+  ## Token Diff
+
+  _Tokens added (3):_
+
+  - `popover-border-color`
+  - `popover-border-opacity`
+  - `popover-edge-to-content-area`
+
+  _Newly deprecated token (1):_
+
+  - `popover-top-to-content-area`
+
+## 13.0.0-beta.33
+
+### Minor Changes
+
+- [#331](https://github.com/adobe/spectrum-tokens/pull/331) [`0bbfedb`](https://github.com/adobe/spectrum-tokens/commit/0bbfedb9dbb63fdd5b20e91f65b3f958a833313b) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - S2 Menu token updates
+
+  ## Token Diff
+
+  _Tokens added (23):_
+
+  - `link-out-icon-size-100`
+  - `link-out-icon-size-200`
+  - `link-out-icon-size-75`
+  - `menu-item-background-color-default`
+  - `menu-item-background-color-disabled`
+  - `menu-item-background-color-down`
+  - `menu-item-background-color-hover`
+  - `menu-item-background-color-keyboard-focus`
+  - `menu-item-background-opacity`
+  - `menu-item-label-to-description`
+  - `menu-item-label-to-description-extra-large`
+  - `menu-item-label-to-description-large`
+  - `menu-item-label-to-description-medium`
+  - `menu-item-label-to-description-small`
+  - `menu-item-top-to-thumbnail-extra-large`
+  - `menu-item-top-to-thumbnail-large`
+  - `menu-item-top-to-thumbnail-medium`
+  - `menu-item-top-to-thumbnail-small`
+  - `menu-section-header-to-description-extra-large`
+  - `menu-section-header-to-description-large`
+  - `menu-section-header-to-description-medium`
+  - `menu-section-header-to-description-small`
+  - `text-to-visual-400`
+
+  _Token values updated (1):_
+
+  - `menu-item-section-divider-height`
+
 ## 13.0.0-beta.32
 
 ### Minor Changes

package/dist/json/drover.json

@@ -300,6 +300,11 @@
       "magenta-900": "rgb(217, 35, 97)",
       "magenta-background-color-default": "rgb(217, 35, 97)",
       "magenta-visual-color": "rgb(240, 45, 110)",
+      "menu-item-background-color-default": "rgb(233, 233, 233)",
+      "menu-item-background-color-disabled": "rgb(233, 233, 233)",
+      "menu-item-background-color-down": "rgb(233, 233, 233)",
+      "menu-item-background-color-hover": "rgb(233, 233, 233)",
+      "menu-item-background-color-keyboard-focus": "rgb(233, 233, 233)",
       "negative-background-color-default": "rgb(215, 50, 32)",
       "negative-background-color-down": "rgb(183, 40, 24)",
       "negative-background-color-hover": "rgb(183, 40, 24)",
@@ -420,6 +425,8 @@
       "pink-900": "rgb(206, 42, 146)",
       "pink-background-color-default": "rgb(206, 42, 146)",
       "pink-visual-color": "rgb(228, 52, 163)",
+      "popover-border-color": "rgb(225, 225, 225)",
+      "popover-border-opacity": "0",
       "positive-background-color-default": "rgb(5, 131, 78)",
       "positive-background-color-down": "rgb(3, 110, 69)",
       "positive-background-color-hover": "rgb(3, 110, 69)",
@@ -876,6 +883,11 @@
       "magenta-900": "rgb(255, 51, 119)",
       "magenta-background-color-default": "rgb(207, 31, 92)",
       "magenta-visual-color": "rgb(255, 51, 119)",
+      "menu-item-background-color-default": "rgb(50, 50, 50)",
+      "menu-item-background-color-disabled": "rgb(50, 50, 50)",
+      "menu-item-background-color-down": "rgb(50, 50, 50)",
+      "menu-item-background-color-hover": "rgb(50, 50, 50)",
+      "menu-item-background-color-keyboard-focus": "rgb(50, 50, 50)",
       "negative-background-color-default": "rgb(205, 46, 29)",
       "negative-background-color-down": "rgb(177, 38, 23)",
       "negative-background-color-hover": "rgb(177, 38, 23)",
@@ -996,6 +1008,8 @@
       "pink-900": "rgb(236, 67, 175)",
       "pink-background-color-default": "rgb(196, 39, 138)",
       "pink-visual-color": "rgb(236, 67, 175)",
+      "popover-border-color": "rgb(50, 50, 50)",
+      "popover-border-opacity": "1.0",
       "positive-background-color-default": "rgb(4, 124, 75)",
       "positive-background-color-down": "rgb(3, 106, 67)",
       "positive-background-color-hover": "rgb(3, 106, 67)",
@@ -1718,12 +1732,19 @@
     "in-line-alert-minimum-width": "240px",
     "line-height-100": "1.3",
     "line-height-200": "1.5",
+    "link-out-icon-size-100": "12px",
+    "link-out-icon-size-200": "14px",
+    "link-out-icon-size-75": "10px",
     "menu-item-edge-to-content-not-selected-extra-large": "45px",
     "menu-item-edge-to-content-not-selected-large": "38px",
     "menu-item-edge-to-content-not-selected-medium": "32px",
     "menu-item-edge-to-content-not-selected-small": "28px",
     "menu-item-label-to-description": "1px",
-    "menu-item-section-divider-height": "8px",
+    "menu-item-label-to-description-extra-large": "2px",
+    "menu-item-label-to-description-large": "2px",
+    "menu-item-label-to-description-medium": "1px",
+    "menu-item-label-to-description-small": "1px",
+    "menu-item-section-divider-height": "12px",
     "menu-item-top-to-disclosure-icon-extra-large": "17px",
     "menu-item-top-to-disclosure-icon-large": "14px",
     "menu-item-top-to-disclosure-icon-medium": "11px",
@@ -1732,6 +1753,14 @@
     "menu-item-top-to-selected-icon-large": "14px",
     "menu-item-top-to-selected-icon-medium": "11px",
     "menu-item-top-to-selected-icon-small": "7px",
+    "menu-item-top-to-thumbnail-extra-large": "11px",
+    "menu-item-top-to-thumbnail-large": "10px",
+    "menu-item-top-to-thumbnail-medium": "9px",
+    "menu-item-top-to-thumbnail-small": "8px",
+    "menu-section-header-to-description-extra-large": "2px",
+    "menu-section-header-to-description-large": "2px",
+    "menu-section-header-to-description-medium": "1px",
+    "menu-section-header-to-description-small": "1px",
     "meter-default-width": "192px",
     "meter-maximum-width": "768px",
     "meter-minimum-width": "48px",
@@ -1753,9 +1782,10 @@
     "picker-visual-to-disclosure-icon-large": "9px",
     "picker-visual-to-disclosure-icon-medium": "8px",
     "picker-visual-to-disclosure-icon-small": "7px",
+    "popover-edge-to-content-area": "8px",
     "popover-tip-height": "8px",
     "popover-tip-width": "16px",
-    "popover-top-to-content-area": "4px",
+    "popover-top-to-content-area": "8px",
     "progress-bar-maximum-width": "768px",
     "progress-bar-minimum-width": "48px",
     "progress-bar-thickness-extra-large": "10px",
@@ -2036,6 +2066,7 @@
     "text-to-visual-100": "6px",
     "text-to-visual-200": "7px",
     "text-to-visual-300": "8px",
+    "text-to-visual-400": "9px",
     "text-to-visual-50": "5px",
     "text-to-visual-75": "5px",
     "text-underline-gap": "1px",

package/dist/json/variables.json

@@ -5367,6 +5367,330 @@
     "value": "0.15",
     "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
   },
+  "menu-item-background-color-default": {
+    "sets": {
+      "light": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "f4d97d6a-c1f3-4ef5-b7e5-8fbee1365a83"
+      },
+      "dark": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(225, 225, 225)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(50, 50, 50)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "9b9e8b32-46b8-470d-85b9-352c00e90138"
+      },
+      "wireframe": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "9f60dd0a-2a38-4f0d-a83c-3acf777a622a"
+      }
+    }
+  },
+  "menu-item-background-color-hover": {
+    "sets": {
+      "light": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "857e82a6-537e-4534-9084-353c5401f567"
+      },
+      "dark": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(225, 225, 225)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(50, 50, 50)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "f68ff159-e886-4519-b95e-e93879a2f535"
+      },
+      "wireframe": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "d3d08f7a-c516-4f0c-9377-4824d615ab66"
+      }
+    }
+  },
+  "menu-item-background-color-down": {
+    "sets": {
+      "light": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "d609bd79-ab48-4a7a-95b1-da5a88ac5338"
+      },
+      "dark": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(225, 225, 225)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(50, 50, 50)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "7ccdd9e8-3677-4de8-b9df-19efa80d88c0"
+      },
+      "wireframe": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "a8911c6e-f480-4a7d-b7fe-e20a45fb8b2a"
+      }
+    }
+  },
+  "menu-item-background-color-keyboard-focus": {
+    "sets": {
+      "light": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "dd044387-57b9-4867-90fa-b3c4c4a62e5c"
+      },
+      "dark": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(225, 225, 225)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(50, 50, 50)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "ae9dc785-2406-407e-ab47-d42d6fbf65f6"
+      },
+      "wireframe": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "541a7020-5cf5-4ebd-ac1f-2b776d5925af"
+      }
+    }
+  },
+  "menu-item-background-color-disabled": {
+    "sets": {
+      "light": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "211d6540-cf9d-4d80-815b-885844283fa6"
+      },
+      "dark": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(225, 225, 225)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(50, 50, 50)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "0e2c2900-180c-443a-86ff-49170166e616"
+      },
+      "wireframe": {
+        "ref": "{gray-100}",
+        "sets": {
+          "light": {
+            "value": "rgb(233, 233, 233)",
+            "uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
+          },
+          "dark": {
+            "value": "rgb(44, 44, 44)",
+            "uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
+          },
+          "wireframe": {
+            "value": "rgb(244, 246, 252)",
+            "uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
+          }
+        },
+        "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
+      }
+    }
+  },
+  "popover-border-color": {
+    "ref": "{gray-200}",
+    "sets": {
+      "light": {
+        "value": "rgb(225, 225, 225)",
+        "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+      },
+      "dark": {
+        "value": "rgb(50, 50, 50)",
+        "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+      },
+      "wireframe": {
+        "value": "rgb(230, 236, 248)",
+        "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+      }
+    },
+    "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
+  },
+  "popover-border-opacity": {
+    "sets": {
+      "light": {
+        "value": "0",
+        "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
+      },
+      "dark": {
+        "value": "1.0",
+        "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
+      },
+      "wireframe": {
+        "value": "0",
+        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+      }
+    }
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -11814,18 +12138,17 @@
     "uuid": "5960406b-973d-4e1f-9bb4-2c7a22422c5b"
   },
   "popover-top-to-content-area": {
-    "sets": {
-      "desktop": {
-        "value": "4px",
-        "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
-      },
-      "mobile": {
-        "value": "5px",
-        "uuid": "6165bae4-7148-4cb2-a1b4-38a25f2d8cde"
-      }
-    }
+    "ref": "{popover-edge-to-content-area}",
+    "value": "8px",
+    "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
+  },
+  "popover-edge-to-content-area": {
+    "ref": "{spacing-100}",
+    "value": "8px",
+    "uuid": "2a3bd47e-fde5-41d3-a585-f970bdefaf07"
   },
   "menu-item-label-to-description": {
+    "ref": "{menu-item-label-to-description-medium}",
     "value": "1px",
     "uuid": "628cf42f-eb40-49b0-b110-3340421d4502"
   },
@@ -11974,7 +12297,7 @@
     }
   },
   "menu-item-section-divider-height": {
-    "value": "8px",
+    "value": "12px",
     "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
   },
   "slider-track-thickness": {
@@ -17407,6 +17730,126 @@
     },
     "uuid": "ee780be7-b32c-4da8-a6bc-fc0897799537"
   },
+  "link-out-icon-size-75": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "1e41d09e-684e-4f87-ae85-4bc95f958c0e"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "cb87186b-47aa-4baa-a47d-91b5e9f7965e"
+      }
+    }
+  },
+  "link-out-icon-size-100": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "cc8ad91e-22f2-4f59-ae8c-99d2c1433d6e"
+      },
+      "mobile": {
+        "value": "14px",
+        "uuid": "083c11fe-1e10-46f5-9e71-3fcc2567fe2d"
+      }
+    }
+  },
+  "link-out-icon-size-200": {
+    "sets": {
+      "desktop": {
+        "value": "14px",
+        "uuid": "f78418a4-5b55-418b-9c90-7f388d5bb275"
+      },
+      "mobile": {
+        "value": "16px",
+        "uuid": "0062482b-0339-4632-9b40-89b5f1a440cf"
+      }
+    }
+  },
+  "menu-item-label-to-description-small": {
+    "value": "1px",
+    "uuid": "66d57402-d7db-45df-8872-fd362014bcbe"
+  },
+  "menu-item-label-to-description-medium": {
+    "value": "1px",
+    "uuid": "608fd592-fff8-435e-88e2-846bd34cc235"
+  },
+  "menu-item-label-to-description-large": {
+    "value": "2px",
+    "uuid": "4ce8b4db-72f8-411b-baad-8b66c0496182"
+  },
+  "menu-item-label-to-description-extra-large": {
+    "value": "2px",
+    "uuid": "5543ede1-4e55-44f5-920f-288ee96e06ca"
+  },
+  "menu-section-header-to-description-small": {
+    "value": "1px",
+    "uuid": "ac039575-7c1f-4733-a310-b39cebf83b82"
+  },
+  "menu-section-header-to-description-medium": {
+    "value": "1px",
+    "uuid": "4211feff-12af-4288-b86d-4c66a5a55b8f"
+  },
+  "menu-section-header-to-description-large": {
+    "value": "2px",
+    "uuid": "2899d6e1-acad-453b-ad65-1e6a6e380363"
+  },
+  "menu-section-header-to-description-extra-large": {
+    "value": "2px",
+    "uuid": "c9e46b75-f1d8-4b19-a258-b8b0a0e66484"
+  },
+  "menu-item-top-to-thumbnail-small": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "456d5283-eb93-4b8d-b796-7f181ebcec04"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "af422766-3185-47d6-adba-31b1e97b92d9"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-medium": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "f71c4487-3c1e-4204-b631-b0658a6b5e12"
+      },
+      "mobile": {
+        "value": "11px",
+        "uuid": "62815f67-4e23-43f9-93d2-f29d1688cddf"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-large": {
+    "sets": {
+      "desktop": {
+        "value": "10px",
+        "uuid": "0d468b92-74df-4044-8af3-c867eebbf370"
+      },
+      "mobile": {
+        "value": "12px",
+        "uuid": "64b2f613-35b2-46a8-be7d-c39c314840b9"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-extra-large": {
+    "sets": {
+      "desktop": {
+        "value": "11px",
+        "uuid": "06a6c13b-2d58-4102-b169-073eed5599e6"
+      },
+      "mobile": {
+        "value": "13px",
+        "uuid": "dfeef197-57b9-41a1-b759-3c782a64f2f3"
+      }
+    }
+  },
+  "menu-item-background-opacity": {
+    "value": "0",
+    "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -17638,6 +18081,18 @@
       }
     }
   },
+  "text-to-visual-400": {
+    "sets": {
+      "desktop": {
+        "value": "9px",
+        "uuid": "3d393d59-b358-48a7-82c6-a7802408cd0d"
+      },
+      "mobile": {
+        "value": "11px",
+        "uuid": "b496071f-4151-4bc2-86eb-f2e41947e0f6"
+      }
+    }
+  },
   "text-to-control-75": {
     "sets": {
       "desktop": {

package/package.json

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

package/src/color-aliases.json

@@ -25,12 +25,14 @@
       "light": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0.4",
-        "uuid": "26b9803c-577f-4a29-badd-dfc459e8b73e"
+        "uuid": "26b9803c-577f-4a29-badd-dfc459e8b73e",
+        "deprecated": true
       },
       "dark": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0.6",
-        "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da"
+        "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da",
+        "deprecated": true
       },
       "wireframe": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
@@ -1721,4 +1723,4 @@
     "value": "{gray-100}",
     "uuid": "cc79fbaf-a2e1-4761-82e7-1dbea52acee8"
   }
-}
+}

package/src/color-component.json

@@ -267,5 +267,137 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
     "value": "0.15",
     "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
+  },
+  "menu-item-background-color-default": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "f4d97d6a-c1f3-4ef5-b7e5-8fbee1365a83"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-200}",
+        "uuid": "9b9e8b32-46b8-470d-85b9-352c00e90138"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "9f60dd0a-2a38-4f0d-a83c-3acf777a622a"
+      }
+    }
+  },
+  "menu-item-background-color-hover": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "857e82a6-537e-4534-9084-353c5401f567"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-200}",
+        "uuid": "f68ff159-e886-4519-b95e-e93879a2f535"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "d3d08f7a-c516-4f0c-9377-4824d615ab66"
+      }
+    }
+  },
+  "menu-item-background-color-down": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "d609bd79-ab48-4a7a-95b1-da5a88ac5338"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-200}",
+        "uuid": "7ccdd9e8-3677-4de8-b9df-19efa80d88c0"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "a8911c6e-f480-4a7d-b7fe-e20a45fb8b2a"
+      }
+    }
+  },
+  "menu-item-background-color-keyboard-focus": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "dd044387-57b9-4867-90fa-b3c4c4a62e5c"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-200}",
+        "uuid": "ae9dc785-2406-407e-ab47-d42d6fbf65f6"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "541a7020-5cf5-4ebd-ac1f-2b776d5925af"
+      }
+    }
+  },
+  "menu-item-background-color-disabled": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "211d6540-cf9d-4d80-815b-885844283fa6"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-200}",
+        "uuid": "0e2c2900-180c-443a-86ff-49170166e616"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{gray-100}",
+        "uuid": "ce26d102-2e5e-4b11-b9bf-4d1b347c60c5"
+      }
+    }
+  },
+  "popover-border-color": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-200}",
+    "uuid": "66da6f53-5446-43c1-bbe0-73b46763fde1"
+  },
+  "popover-border-opacity": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/color-set.json",
+    "sets": {
+      "light": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "0",
+        "uuid": "05c58363-1d34-4991-a7f7-7be7da4df50a"
+      },
+      "dark": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "1.0",
+        "uuid": "fa9feacc-0c82-41a7-badc-5803c45a703b"
+      },
+      "wireframe": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+        "value": "0",
+        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+      }
+    }
   }
 }

package/src/layout-component.json

@@ -1591,25 +1591,24 @@
   },
   "popover-top-to-content-area": {
     "component": "popover",
-    "$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": "f97488e8-b1c1-442e-b98c-0ae6cff0b774"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-        "value": "5px",
-        "uuid": "6165bae4-7148-4cb2-a1b4-38a25f2d8cde"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{popover-edge-to-content-area}",
+    "uuid": "f97488e8-b1c1-442e-b98c-0ae6cff0b774",
+    "deprecated": true,
+    "deprecated_comment": "Introduced as an error. Use popover-edge-to-content-area instead"
+  },
+  "popover-edge-to-content-area": {
+    "component": "popover",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{spacing-100}",
+    "uuid": "2a3bd47e-fde5-41d3-a585-f970bdefaf07"
   },
   "menu-item-label-to-description": {
     "component": "menu",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "1px",
-    "uuid": "628cf42f-eb40-49b0-b110-3340421d4502"
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{menu-item-label-to-description-medium}",
+    "uuid": "628cf42f-eb40-49b0-b110-3340421d4502",
+    "deprecated": true
   },
   "menu-item-edge-to-content-not-selected-small": {
     "component": "menu",
@@ -1806,7 +1805,7 @@
   "menu-item-section-divider-height": {
     "component": "menu",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "8px",
+    "value": "12px",
     "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
   },
   "slider-track-thickness": {
@@ -7911,5 +7910,171 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{text-to-visual-300}",
     "uuid": "ee780be7-b32c-4da8-a6bc-fc0897799537"
+  },
+  "link-out-icon-size-75": {
+    "component": "link-out-icon",
+    "$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": "10px",
+        "uuid": "1e41d09e-684e-4f87-ae85-4bc95f958c0e"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "cb87186b-47aa-4baa-a47d-91b5e9f7965e"
+      }
+    }
+  },
+  "link-out-icon-size-100": {
+    "component": "link-out-icon",
+    "$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": "cc8ad91e-22f2-4f59-ae8c-99d2c1433d6e"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "14px",
+        "uuid": "083c11fe-1e10-46f5-9e71-3fcc2567fe2d"
+      }
+    }
+  },
+  "link-out-icon-size-200": {
+    "component": "link-out-icon",
+    "$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": "14px",
+        "uuid": "f78418a4-5b55-418b-9c90-7f388d5bb275"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "16px",
+        "uuid": "0062482b-0339-4632-9b40-89b5f1a440cf"
+      }
+    }
+  },
+  "menu-item-label-to-description-small": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1px",
+    "uuid": "66d57402-d7db-45df-8872-fd362014bcbe"
+  },
+  "menu-item-label-to-description-medium": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1px",
+    "uuid": "608fd592-fff8-435e-88e2-846bd34cc235"
+  },
+  "menu-item-label-to-description-large": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "4ce8b4db-72f8-411b-baad-8b66c0496182"
+  },
+  "menu-item-label-to-description-extra-large": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "5543ede1-4e55-44f5-920f-288ee96e06ca"
+  },
+  "menu-section-header-to-description-small": {
+    "component": "menu",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1px",
+    "uuid": "ac039575-7c1f-4733-a310-b39cebf83b82"
+  },
+  "menu-section-header-to-description-medium": {
+    "component": "menu",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1px",
+    "uuid": "4211feff-12af-4288-b86d-4c66a5a55b8f"
+  },
+  "menu-section-header-to-description-large": {
+    "component": "menu",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "2899d6e1-acad-453b-ad65-1e6a6e380363"
+  },
+  "menu-section-header-to-description-extra-large": {
+    "component": "menu",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "c9e46b75-f1d8-4b19-a258-b8b0a0e66484"
+  },
+  "menu-item-top-to-thumbnail-small": {
+    "component": "menu-item",
+    "$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": "456d5283-eb93-4b8d-b796-7f181ebcec04"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "af422766-3185-47d6-adba-31b1e97b92d9"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-medium": {
+    "component": "menu-item",
+    "$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": "f71c4487-3c1e-4204-b631-b0658a6b5e12"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "62815f67-4e23-43f9-93d2-f29d1688cddf"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-large": {
+    "component": "menu-item",
+    "$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": "10px",
+        "uuid": "0d468b92-74df-4044-8af3-c867eebbf370"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "64b2f613-35b2-46a8-be7d-c39c314840b9"
+      }
+    }
+  },
+  "menu-item-top-to-thumbnail-extra-large": {
+    "component": "menu-item",
+    "$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": "06a6c13b-2d58-4102-b169-073eed5599e6"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "13px",
+        "uuid": "dfeef197-57b9-41a1-b759-3c782a64f2f3"
+      }
+    }
+  },
+  "menu-item-background-opacity": {
+    "component": "menu-item",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0",
+    "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
   }
 }

package/src/layout.json

@@ -287,6 +287,21 @@
       }
     }
   },
+  "text-to-visual-400": {
+    "$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": "3d393d59-b358-48a7-82c6-a7802408cd0d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "11px",
+        "uuid": "b496071f-4151-4bc2-86eb-f2e41947e0f6"
+      }
+    }
+  },
   "text-to-control-75": {
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
     "sets": {
@@ -2314,4 +2329,4 @@
     "value": "{drop-shadow-blur-200}",
     "uuid": "f3487a86-3aea-4527-8b5c-287c0bddad6c"
   }
-}
+}

package/src/semantic-color-palette.json

@@ -439,4 +439,4 @@
     "value": "{red-200}",
     "uuid": "8e9429cf-4c89-47be-bc6e-eeecc632aeb1"
   }
-}
+}

package/tasks/addIds.js

@@ -10,12 +10,9 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { glob } from "glob";
 import crypto from "crypto"; // (not the fake money)
 import { writeFile, readFile } from "fs/promises";
-
-const files = await glob("src/**/*.json");
-console.log(files);
+import { tokenFileNames, writeJson } from "../index.js";
 
 const VALUE = "value";
 const UUID = "uuid";
@@ -63,7 +60,7 @@ function addUUIDs(json) {
 }
 
 // run through the files and find uuids
-for (const fileName of files) {
+for (const fileName of tokenFileNames) {
   const fileData = await readFile(fileName, "utf8");
   const fileJSON = JSON.parse(fileData);
 
@@ -71,7 +68,7 @@ for (const fileName of files) {
 }
 
 // run through the files and add uuids
-for (const fileName of files) {
+for (const fileName of tokenFileNames) {
   const fileData = await readFile(fileName, "utf8");
   const fileJSON = JSON.parse(fileData);
 
@@ -79,7 +76,7 @@ for (const fileName of files) {
 
   addUUIDs(fileJSON);
 
-  await writeFile(fileName, JSON.stringify(fileJSON, null, 2));
+  await writeJson(fileName, fileJSON);
 
   if (uuids.length !== existing) {
     console.log(`  added: ${fileName} ${uuids.length - existing} uuids`);