@adobe/spectrum-tokens 13.0.0-beta.33 → 13.0.0-beta.35

package/CHANGELOG.md

@@ -1,5 +1,65 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.35
+
+### Minor Changes
+
+- [#337](https://github.com/adobe/spectrum-tokens/pull/337) [`df2ab7e`](https://github.com/adobe/spectrum-tokens/commit/df2ab7ed77d385593342a3ced7bfded94bd8af8e) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Updated illustrated message and drop zone tokens
+
+  ## Design Motivation
+
+  - The previous tokens had the incorrect types. By fixing the type, they can reference the updated tokens that are replacing them.
+  - Illustrated message now has three sizes (S, M, L) in Spectrum 2 to cover a wider range of use cases
+  - Component font size tokens now specify font in the token name
+
+  ## Token Diff
+
+  _Tokens added (12):_
+
+  - `drop-zone-body-font-size`
+  - `drop-zone-cjk-title-font-size`
+  - `drop-zone-title-font-size`
+  - `illustrated-message-large-body-font-size`
+  - `illustrated-message-large-cjk-title-font-size`
+  - `illustrated-message-large-title-font-size`
+  - `illustrated-message-medium-body-font-size`
+  - `illustrated-message-medium-cjk-title-font-size`
+  - `illustrated-message-medium-title-font-size`
+  - `illustrated-message-small-body-font-size`
+  - `illustrated-message-small-cjk-title-font-size`
+  - `illustrated-message-small-title-font-size`
+
+  _Newly deprecated tokens (6):_
+
+  - `drop-zone-body-size`
+  - `drop-zone-cjk-title-size`
+  - `drop-zone-title-size`
+  - `illustrated-message-body-size`
+  - `illustrated-message-cjk-title-size`
+  - `illustrated-message-title-size`
+
+  _Token value updated (1):_
+
+  - `drop-zone-border-dash-gap`
+
+## 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

package/dist/json/drover.json

@@ -425,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)",
@@ -1006,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)",
@@ -1571,12 +1575,12 @@
     "drop-shadow-y-200": "2px",
     "drop-zone-background-color-opacity": "0.1",
     "drop-zone-background-color-opacity-filled": "0.3",
-    "drop-zone-body-size": "14px",
-    "drop-zone-border-dash-gap": "4px",
+    "drop-zone-body-font-size": "14px",
+    "drop-zone-border-dash-gap": "6px",
     "drop-zone-border-dash-length": "8px",
-    "drop-zone-cjk-title-size": "20px",
+    "drop-zone-cjk-title-font-size": "18px",
     "drop-zone-content-maximum-width": "380px",
-    "drop-zone-title-size": "22px",
+    "drop-zone-title-font-size": "20px",
     "drop-zone-width": "428px",
     "field-default-width-extra-large": "240px",
     "field-default-width-large": "224px",
@@ -1695,7 +1699,16 @@
     "help-text-top-to-workflow-icon-small": "4px",
     "illustrated-message-body-size": "14px",
     "illustrated-message-cjk-title-size": "20px",
+    "illustrated-message-large-body-font-size": "14px",
+    "illustrated-message-large-cjk-title-font-size": "20px",
+    "illustrated-message-large-title-font-size": "22px",
     "illustrated-message-maximum-width": "380px",
+    "illustrated-message-medium-body-font-size": "14px",
+    "illustrated-message-medium-cjk-title-font-size": "18px",
+    "illustrated-message-medium-title-font-size": "20px",
+    "illustrated-message-small-body-font-size": "12px",
+    "illustrated-message-small-cjk-title-font-size": "14px",
+    "illustrated-message-small-title-font-size": "16px",
     "illustrated-message-title-size": "22px",
     "in-field-button-edge-to-disclosure-icon-stacked-extra-large": "16px",
     "in-field-button-edge-to-disclosure-icon-stacked-large": "13px",
@@ -1778,9 +1791,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",

package/dist/json/variables.json

@@ -5657,6 +5657,40 @@
       }
     }
   },
+  "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"
@@ -12104,16 +12138,14 @@
     "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}",
@@ -13565,9 +13597,10 @@
     "uuid": "0e464925-5524-4fcc-a2f1-54ef42a2990a"
   },
   "illustrated-message-title-size": {
+    "ref": "{illustrated-message-large-title-font-size}",
     "sets": {
       "desktop": {
-        "ref": "{heading-size-m}",
+        "ref": "{title-size-xxl}",
         "sets": {
           "desktop": {
             "value": "22px",
@@ -13578,28 +13611,30 @@
             "uuid": "a69a5079-1b5b-4ccf-946f-8b6e3fae4d7e"
           }
         },
-        "uuid": "365ec548-431b-4e1e-9f9d-7b04d337f001"
+        "uuid": "abfe147d-04dd-45bd-8e86-eae6249e1745"
       },
       "mobile": {
-        "ref": "{heading-size-s}",
+        "ref": "{title-size-xl}",
         "sets": {
           "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+            "value": "20px",
+            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
           },
           "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+            "value": "24px",
+            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
           }
         },
-        "uuid": "cfca5a29-7073-4627-8a61-27d37552dc03"
+        "uuid": "05104cea-7882-4f80-a994-3e072d29eec2"
       }
-    }
+    },
+    "uuid": "365ec548-431b-4e1e-9f9d-7b04d337f001"
   },
   "illustrated-message-cjk-title-size": {
+    "ref": "{illustrated-message-large-cjk-title-font-size}",
     "sets": {
       "desktop": {
-        "ref": "{heading-cjk-size-m}",
+        "ref": "{title-cjk-size-xxl}",
         "sets": {
           "desktop": {
             "value": "20px",
@@ -13610,10 +13645,10 @@
             "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
           }
         },
-        "uuid": "e77279df-bc62-441a-8a30-5faa41d0df10"
+        "uuid": "1929c819-5333-43ad-ba6c-fcf236270251"
       },
       "mobile": {
-        "ref": "{heading-cjk-size-s}",
+        "ref": "{title-cjk-size-xl}",
         "sets": {
           "desktop": {
             "value": "18px",
@@ -13624,11 +13659,13 @@
             "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
           }
         },
-        "uuid": "00c938e6-e62e-4bc3-8884-cf23b10e286c"
+        "uuid": "e3c5a7ed-94f9-4938-9b92-b411e971af20"
       }
-    }
+    },
+    "uuid": "e77279df-bc62-441a-8a30-5faa41d0df10"
   },
   "illustrated-message-body-size": {
+    "ref": "{illustrated-message-large-body-font-size}",
     "sets": {
       "desktop": {
         "ref": "{body-size-s}",
@@ -13642,7 +13679,7 @@
             "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
           }
         },
-        "uuid": "4140710f-ae31-4ae3-b8b6-2d3eb6a1ae78"
+        "uuid": "0208e74a-4a86-42e4-a5d0-f931715c293b"
       },
       "mobile": {
         "ref": "{body-size-xs}",
@@ -13656,9 +13693,10 @@
             "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
           }
         },
-        "uuid": "f3ba73a4-16ba-44a4-abf2-9893e8f02344"
+        "uuid": "f4956b2c-dfda-4449-850b-36cf3a82ea09"
       }
-    }
+    },
+    "uuid": "4140710f-ae31-4ae3-b8b6-2d3eb6a1ae78"
   },
   "search-field-minimum-width-multiplier": {
     "value": "4",
@@ -13711,109 +13749,22 @@
     "uuid": "a596af57-256f-4445-b91f-36e47bfb2d95"
   },
   "drop-zone-border-dash-gap": {
-    "value": "4px",
+    "value": "6px",
     "uuid": "47c15433-53d3-425b-8b87-ea234701f781"
   },
   "drop-zone-title-size": {
-    "ref": "{illustrated-message-title-size}",
-    "sets": {
-      "desktop": {
-        "ref": "{heading-size-m}",
-        "sets": {
-          "desktop": {
-            "value": "22px",
-            "uuid": "9be56e29-2e79-41e0-b5a9-6a2dabc70aa1"
-          },
-          "mobile": {
-            "value": "27px",
-            "uuid": "a69a5079-1b5b-4ccf-946f-8b6e3fae4d7e"
-          }
-        },
-        "uuid": "365ec548-431b-4e1e-9f9d-7b04d337f001"
-      },
-      "mobile": {
-        "ref": "{heading-size-s}",
-        "sets": {
-          "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
-          },
-          "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
-          }
-        },
-        "uuid": "cfca5a29-7073-4627-8a61-27d37552dc03"
-      }
-    },
+    "ref": "{drop-zone-title-font-size}",
+    "value": "{drop-zone-title-font-size}",
     "uuid": "edc68bfe-7ad3-4a12-81fa-ded8fb6fc2e3"
   },
   "drop-zone-cjk-title-size": {
-    "ref": "{illustrated-message-cjk-title-size}",
-    "sets": {
-      "desktop": {
-        "ref": "{heading-cjk-size-m}",
-        "sets": {
-          "desktop": {
-            "value": "20px",
-            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
-          },
-          "mobile": {
-            "value": "24px",
-            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
-          }
-        },
-        "uuid": "e77279df-bc62-441a-8a30-5faa41d0df10"
-      },
-      "mobile": {
-        "ref": "{heading-cjk-size-s}",
-        "sets": {
-          "desktop": {
-            "value": "18px",
-            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
-          },
-          "mobile": {
-            "value": "22px",
-            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
-          }
-        },
-        "uuid": "00c938e6-e62e-4bc3-8884-cf23b10e286c"
-      }
-    },
+    "ref": "{drop-zone-cjk-title-font-size}",
+    "value": "{drop-zone-cjk-title-font-size}",
     "uuid": "013387e8-8925-4bb4-a8ee-94420141fde9"
   },
   "drop-zone-body-size": {
-    "ref": "{illustrated-message-body-size}",
-    "sets": {
-      "desktop": {
-        "ref": "{body-size-s}",
-        "sets": {
-          "desktop": {
-            "value": "14px",
-            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
-          },
-          "mobile": {
-            "value": "17px",
-            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
-          }
-        },
-        "uuid": "4140710f-ae31-4ae3-b8b6-2d3eb6a1ae78"
-      },
-      "mobile": {
-        "ref": "{body-size-xs}",
-        "sets": {
-          "desktop": {
-            "value": "12px",
-            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
-          },
-          "mobile": {
-            "value": "15px",
-            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
-          }
-        },
-        "uuid": "f3ba73a4-16ba-44a4-abf2-9893e8f02344"
-      }
-    },
+    "ref": "{drop-zone-body-font-size}",
+    "value": "{drop-zone-body-font-size}",
     "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
   },
   "coach-mark-width": {
@@ -17818,6 +17769,378 @@
     "value": "0",
     "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
   },
+  "illustrated-message-small-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "f21da7b8-ba19-43e0-96e5-f9e60476ef6e"
+      },
+      "mobile": {
+        "ref": "{title-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "ef8d0abb-9652-4db3-8f1d-506c03e5e115"
+      }
+    }
+  },
+  "illustrated-message-small-cjk-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-cjk-size-m}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "9a6cf390-ca10-4242-a7d4-da4c9acc4058"
+      },
+      "mobile": {
+        "ref": "{title-cjk-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "a144455d-6bb3-43d4-828c-6b6f67ae9c51"
+      }
+    }
+  },
+  "illustrated-message-medium-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "20px",
+            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+          },
+          "mobile": {
+            "value": "24px",
+            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+          }
+        },
+        "uuid": "8e2d1a48-937c-4493-9624-5ca8383f74bd"
+      },
+      "mobile": {
+        "ref": "{title-size-l}",
+        "sets": {
+          "desktop": {
+            "value": "18px",
+            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+          },
+          "mobile": {
+            "value": "22px",
+            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+          }
+        },
+        "uuid": "65961091-abdb-4155-9887-4aebe857c4fd"
+      }
+    }
+  },
+  "illustrated-message-medium-cjk-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-cjk-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "18px",
+            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+          },
+          "mobile": {
+            "value": "22px",
+            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+          }
+        },
+        "uuid": "ee763c7d-b98f-4f2e-9fc4-764cfa2ac53f"
+      },
+      "mobile": {
+        "ref": "{title-cjk-size-l}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "1cb0c913-f4ec-478c-b92d-4c9d78875362"
+      }
+    }
+  },
+  "illustrated-message-large-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-xxl}",
+        "sets": {
+          "desktop": {
+            "value": "22px",
+            "uuid": "9be56e29-2e79-41e0-b5a9-6a2dabc70aa1"
+          },
+          "mobile": {
+            "value": "27px",
+            "uuid": "a69a5079-1b5b-4ccf-946f-8b6e3fae4d7e"
+          }
+        },
+        "uuid": "abfe147d-04dd-45bd-8e86-eae6249e1745"
+      },
+      "mobile": {
+        "ref": "{title-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "20px",
+            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+          },
+          "mobile": {
+            "value": "24px",
+            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+          }
+        },
+        "uuid": "05104cea-7882-4f80-a994-3e072d29eec2"
+      }
+    }
+  },
+  "illustrated-message-large-cjk-title-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{title-cjk-size-xxl}",
+        "sets": {
+          "desktop": {
+            "value": "20px",
+            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+          },
+          "mobile": {
+            "value": "24px",
+            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+          }
+        },
+        "uuid": "1929c819-5333-43ad-ba6c-fcf236270251"
+      },
+      "mobile": {
+        "ref": "{title-cjk-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "18px",
+            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+          },
+          "mobile": {
+            "value": "22px",
+            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+          }
+        },
+        "uuid": "e3c5a7ed-94f9-4938-9b92-b411e971af20"
+      }
+    }
+  },
+  "illustrated-message-small-body-font-size": {
+    "ref": "{body-size-xs}",
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+      }
+    },
+    "uuid": "fad078e5-1791-4003-994d-3567162d8233"
+  },
+  "illustrated-message-medium-body-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "ca0d9e22-35a8-4ae5-99ee-29cce3ffa0bd"
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "32b359dc-b489-4476-afbd-1c04e6b0ff0e"
+      }
+    }
+  },
+  "illustrated-message-large-body-font-size": {
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "0208e74a-4a86-42e4-a5d0-f931715c293b"
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "f4956b2c-dfda-4449-850b-36cf3a82ea09"
+      }
+    }
+  },
+  "drop-zone-title-font-size": {
+    "ref": "{illustrated-message-medium-title-font-size}",
+    "sets": {
+      "desktop": {
+        "ref": "{title-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "20px",
+            "uuid": "292a28d6-2e15-46e2-80cd-5171d977e9b5"
+          },
+          "mobile": {
+            "value": "24px",
+            "uuid": "d5ed0e8d-01ac-495f-bd15-fecc30af17c4"
+          }
+        },
+        "uuid": "8e2d1a48-937c-4493-9624-5ca8383f74bd"
+      },
+      "mobile": {
+        "ref": "{title-size-l}",
+        "sets": {
+          "desktop": {
+            "value": "18px",
+            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+          },
+          "mobile": {
+            "value": "22px",
+            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+          }
+        },
+        "uuid": "65961091-abdb-4155-9887-4aebe857c4fd"
+      }
+    },
+    "uuid": "07564dd0-3628-42e1-8a29-253448a8c75f"
+  },
+  "drop-zone-cjk-title-font-size": {
+    "ref": "{illustrated-message-medium-cjk-title-font-size}",
+    "sets": {
+      "desktop": {
+        "ref": "{title-cjk-size-xl}",
+        "sets": {
+          "desktop": {
+            "value": "18px",
+            "uuid": "3dc9b6a4-77e3-484b-be8c-fbc2f50e6175"
+          },
+          "mobile": {
+            "value": "22px",
+            "uuid": "9b9a7175-dcca-43aa-98ce-f1c3e4eefda7"
+          }
+        },
+        "uuid": "ee763c7d-b98f-4f2e-9fc4-764cfa2ac53f"
+      },
+      "mobile": {
+        "ref": "{title-cjk-size-l}",
+        "sets": {
+          "desktop": {
+            "value": "16px",
+            "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
+          },
+          "mobile": {
+            "value": "19px",
+            "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
+          }
+        },
+        "uuid": "1cb0c913-f4ec-478c-b92d-4c9d78875362"
+      }
+    },
+    "uuid": "56fc89be-658e-4c5c-9b8e-7ac6f7d7db75"
+  },
+  "drop-zone-body-font-size": {
+    "ref": "{illustrated-message-medium-body-font-size}",
+    "sets": {
+      "desktop": {
+        "ref": "{body-size-s}",
+        "sets": {
+          "desktop": {
+            "value": "14px",
+            "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
+          },
+          "mobile": {
+            "value": "17px",
+            "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
+          }
+        },
+        "uuid": "ca0d9e22-35a8-4ae5-99ee-29cce3ffa0bd"
+      },
+      "mobile": {
+        "ref": "{body-size-xs}",
+        "sets": {
+          "desktop": {
+            "value": "12px",
+            "uuid": "55d90327-8cc9-4d4f-891f-9d42751d989a"
+          },
+          "mobile": {
+            "value": "15px",
+            "uuid": "07e1c2a8-3925-4d71-8fae-3486483ff44c"
+          }
+        },
+        "uuid": "32b359dc-b489-4476-afbd-1c04e6b0ff0e"
+      }
+    },
+    "uuid": "644593be-82da-4ae4-ae57-fabebd4513ca"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.33",
+  "version": "13.0.0-beta.35",
   "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",

package/src/color-component.json

@@ -372,5 +372,32 @@
         "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,19 +1591,17 @@
   },
   "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",
@@ -3365,51 +3363,27 @@
   },
   "illustrated-message-title-size": {
     "component": "illustrated-message",
-    "$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/alias.json",
-        "value": "{heading-size-m}",
-        "uuid": "365ec548-431b-4e1e-9f9d-7b04d337f001"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{heading-size-s}",
-        "uuid": "cfca5a29-7073-4627-8a61-27d37552dc03"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{illustrated-message-large-title-font-size}",
+    "uuid": "365ec548-431b-4e1e-9f9d-7b04d337f001",
+    "deprecated": true,
+    "deprecated_comment": "Use illustrated-message-medium-title-font-size instead"
   },
   "illustrated-message-cjk-title-size": {
     "component": "illustrated-message",
-    "$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/alias.json",
-        "value": "{heading-cjk-size-m}",
-        "uuid": "e77279df-bc62-441a-8a30-5faa41d0df10"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{heading-cjk-size-s}",
-        "uuid": "00c938e6-e62e-4bc3-8884-cf23b10e286c"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{illustrated-message-large-cjk-title-font-size}",
+    "uuid": "e77279df-bc62-441a-8a30-5faa41d0df10",
+    "deprecated": true,
+    "deprecated_comment": "Use illustrated-message-medium-cjk-title-font-size instead"
   },
   "illustrated-message-body-size": {
     "component": "illustrated-message",
-    "$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/alias.json",
-        "value": "{body-size-s}",
-        "uuid": "4140710f-ae31-4ae3-b8b6-2d3eb6a1ae78"
-      },
-      "mobile": {
-        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-        "value": "{body-size-xs}",
-        "uuid": "f3ba73a4-16ba-44a4-abf2-9893e8f02344"
-      }
-    }
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{illustrated-message-large-body-font-size}",
+    "uuid": "4140710f-ae31-4ae3-b8b6-2d3eb6a1ae78",
+    "deprecated": true,
+    "deprecated_comment": "Use illustrated-message-medium-body-font-size instead"
   },
   "search-field-minimum-width-multiplier": {
     "component": "search-field",
@@ -3486,26 +3460,32 @@
   "drop-zone-border-dash-gap": {
     "component": "drop-zone",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "4px",
+    "value": "6px",
     "uuid": "47c15433-53d3-425b-8b87-ea234701f781"
   },
   "drop-zone-title-size": {
     "component": "drop-zone",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{illustrated-message-title-size}",
-    "uuid": "edc68bfe-7ad3-4a12-81fa-ded8fb6fc2e3"
+    "value": "{drop-zone-title-font-size}",
+    "uuid": "edc68bfe-7ad3-4a12-81fa-ded8fb6fc2e3",
+    "deprecated": true,
+    "deprecated_comment": "Use drop-zone-title-font-size instead"
   },
   "drop-zone-cjk-title-size": {
     "component": "drop-zone",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{illustrated-message-cjk-title-size}",
-    "uuid": "013387e8-8925-4bb4-a8ee-94420141fde9"
+    "value": "{drop-zone-cjk-title-font-size}",
+    "uuid": "013387e8-8925-4bb4-a8ee-94420141fde9",
+    "deprecated": true,
+    "deprecated_comment": "Use drop-zone-cjk-title-font-size instead"
   },
   "drop-zone-body-size": {
     "component": "drop-zone",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{illustrated-message-body-size}",
-    "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
+    "value": "{drop-zone-body-font-size}",
+    "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457",
+    "deprecated": true,
+    "deprecated_comment": "Use drop-zone-body-font-size instead"
   },
   "coach-mark-width": {
     "component": "coach-mark",
@@ -8078,5 +8058,157 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
     "value": "0",
     "uuid": "6f464689-0b87-4f38-b9a4-e5015acdd0d7"
+  },
+  "illustrated-message-small-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-size-m}",
+        "uuid": "f21da7b8-ba19-43e0-96e5-f9e60476ef6e"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-s}",
+        "uuid": "ef8d0abb-9652-4db3-8f1d-506c03e5e115"
+      }
+    }
+  },
+  "illustrated-message-small-cjk-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-cjk-size-m}",
+        "uuid": "9a6cf390-ca10-4242-a7d4-da4c9acc4058"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-cjk-size-s}",
+        "uuid": "a144455d-6bb3-43d4-828c-6b6f67ae9c51"
+      }
+    }
+  },
+  "illustrated-message-medium-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-size-xl}",
+        "uuid": "8e2d1a48-937c-4493-9624-5ca8383f74bd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-l}",
+        "uuid": "65961091-abdb-4155-9887-4aebe857c4fd"
+      }
+    }
+  },
+  "illustrated-message-medium-cjk-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-cjk-size-xl}",
+        "uuid": "ee763c7d-b98f-4f2e-9fc4-764cfa2ac53f"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-cjk-size-l}",
+        "uuid": "1cb0c913-f4ec-478c-b92d-4c9d78875362"
+      }
+    }
+  },
+  "illustrated-message-large-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-size-xxl}",
+        "uuid": "abfe147d-04dd-45bd-8e86-eae6249e1745"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-size-xl}",
+        "uuid": "05104cea-7882-4f80-a994-3e072d29eec2"
+      }
+    }
+  },
+  "illustrated-message-large-cjk-title-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{title-cjk-size-xxl}",
+        "uuid": "1929c819-5333-43ad-ba6c-fcf236270251"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{title-cjk-size-xl}",
+        "uuid": "e3c5a7ed-94f9-4938-9b92-b411e971af20"
+      }
+    }
+  },
+  "illustrated-message-small-body-font-size": {
+    "component": "illustrated-message",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{body-size-xs}",
+    "uuid": "fad078e5-1791-4003-994d-3567162d8233"
+  },
+  "illustrated-message-medium-body-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{body-size-s}",
+        "uuid": "ca0d9e22-35a8-4ae5-99ee-29cce3ffa0bd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-xs}",
+        "uuid": "32b359dc-b489-4476-afbd-1c04e6b0ff0e"
+      }
+    }
+  },
+  "illustrated-message-large-body-font-size": {
+    "component": "illustrated-message",
+    "$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/alias.json",
+        "value": "{body-size-s}",
+        "uuid": "0208e74a-4a86-42e4-a5d0-f931715c293b"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{body-size-xs}",
+        "uuid": "f4956b2c-dfda-4449-850b-36cf3a82ea09"
+      }
+    }
+  },
+  "drop-zone-title-font-size": {
+    "component": "drop-zone",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{illustrated-message-medium-title-font-size}",
+    "uuid": "07564dd0-3628-42e1-8a29-253448a8c75f"
+  },
+  "drop-zone-cjk-title-font-size": {
+    "component": "drop-zone",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{illustrated-message-medium-cjk-title-font-size}",
+    "uuid": "56fc89be-658e-4c5c-9b8e-7ac6f7d7db75"
+  },
+  "drop-zone-body-font-size": {
+    "component": "drop-zone",
+    "$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"
   }
 }