fix: added modal to tray component (#776)

adobe · Jul 29, 2020 · 74a02f0 · 74a02f0
1 parent 9d3a305
commit 74a02f0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git 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
@@ -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/"
-}
+}
diff --git a/components/tray/skin.css b/components/tray/skin.css
@@ -1,3 +0,0 @@
-.spectrum-Tray {
-  background-color: var(--spectrum-tray-background-color);
-}