From 4a9a38c7f40a3ab14c5123e8c8be160c3c93036d Mon Sep 17 00:00:00 2001
From: garthdb <garthdb@gmail.com>
Date: Wed, 29 Jul 2020 14:36:30 -0600
Subject: [PATCH] fix: added modal to tray component

---
 components/tray/metadata/tray.yml | 2 +-
 components/tray/package.json      | 6 ++++--
 components/tray/skin.css          | 3 ---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/components/tray/metadata/tray.yml b/components/tray/metadata/tray.yml
index 6f137e0ceaf..3b12f534800 100644
--- a/components/tray/metadata/tray.yml
+++ b/components/tray/metadata/tray.yml
@@ -6,7 +6,7 @@ examples:
     demoClassName: spectrum-CSSExample-example--overlay
     markup: |
       <div class="spectrum-Tray-wrapper spectrum-CSSExample-dialog">
-        <div class="spectrum-Tray is-open spectrum-Tray " style="max-height: calc(1149px - var(--spectrum-tray-margin-top));">
+        <div class="spectrum-Modal spectrum-Tray is-open spectrum-Tray " style="max-height: calc(1149px - var(--spectrum-tray-margin-top));">
           <section class="spectrum-Dialog spectrum-Dialog--large" role="dialog" tabindex="-1" aria-modal="true">
             <div class="spectrum-Dialog-grid">
               <h1 class="spectrum-Dialog-heading spectrum-Dialog-heading--noHeader">New Messages</h1>
diff --git a/components/tray/package.json b/components/tray/package.json
index 458a38dfdc0..5aeac915d32 100644
--- a/components/tray/package.json
+++ b/components/tray/package.json
@@ -18,17 +18,19 @@
   "peerDependencies": {
     "@spectrum-css/button": "^2.0.0",
     "@spectrum-css/icon": "^2.0.0",
-    "@spectrum-css/vars": "^2.0.0"
+    "@spectrum-css/vars": "^2.0.0",
+    "@spectrum-css/modal": "^3.0.0-beta.0"
   },
   "devDependencies": {
     "@spectrum-css/button": "^2.1.0",
     "@spectrum-css/component-builder": "^1.1.0",
     "@spectrum-css/icon": "^2.0.4",
     "@spectrum-css/vars": "^2.1.0",
+    "@spectrum-css/modal": "^3.0.0-beta.0",
     "gulp": "^4.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "homepage": "https://opensource.adobe.com/spectrum-css/"
-}
\ No newline at end of file
+}
diff --git a/components/tray/skin.css b/components/tray/skin.css
index 1cffe3e5323..e69de29bb2d 100644
--- a/components/tray/skin.css
+++ b/components/tray/skin.css
@@ -1,3 +0,0 @@
-.spectrum-Tray {
-  background-color: var(--spectrum-tray-background-color);
-}