From 6394c08033787bb43f22de9bc76d58b57248e751 Mon Sep 17 00:00:00 2001
From: Joren Broekema <joren.broekema@ing.com>
Date: Wed, 16 Sep 2020 10:55:03 +0200
Subject: [PATCH] fix: remove unnecessary shadow outlet slots

---
 .changeset/orange-lies-beam.md                             | 7 +++++++
 packages/dialog/src/LionDialog.js                          | 1 -
 packages/input-datepicker/src/LionCalendarOverlayFrame.js  | 1 -
 packages/select-rich/src/LionSelectRich.js                 | 1 -
 .../test/lion-select-rich-dialog-integration.test.js       | 1 -
 5 files changed, 7 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/orange-lies-beam.md

diff --git a/.changeset/orange-lies-beam.md b/.changeset/orange-lies-beam.md
new file mode 100644
index 000000000..3cedc0c03
--- /dev/null
+++ b/.changeset/orange-lies-beam.md
@@ -0,0 +1,7 @@
+---
+'@lion/dialog': patch
+'@lion/input-datepicker': patch
+'@lion/select-rich': patch
+---
+
+Cleanup and remove shadow outlet slot. This should not be used anymore
diff --git a/packages/dialog/src/LionDialog.js b/packages/dialog/src/LionDialog.js
index 66d74626b..315f3bdc9 100644
--- a/packages/dialog/src/LionDialog.js
+++ b/packages/dialog/src/LionDialog.js
@@ -30,7 +30,6 @@ export class LionDialog extends OverlayMixin(LitElement) {
   render() {
     return html`
       <slot name="invoker"></slot>
-      <slot name="_overlay-shadow-outlet"></slot>
       <div id="overlay-content-node-wrapper">
         <slot name="content"></slot>
       </div>
diff --git a/packages/input-datepicker/src/LionCalendarOverlayFrame.js b/packages/input-datepicker/src/LionCalendarOverlayFrame.js
index 7c3e7466d..15f95e8d4 100644
--- a/packages/input-datepicker/src/LionCalendarOverlayFrame.js
+++ b/packages/input-datepicker/src/LionCalendarOverlayFrame.js
@@ -115,7 +115,6 @@ export class LionCalendarOverlayFrame extends LocalizeMixin(LitElement) {
             <slot name="close-icon">&times;</slot>
           </button>
         </div>
-        <slot name="_overlay-shadow-outlet"></slot>
         <div id="overlay-content-node-wrapper">
           <slot name="content"></slot>
         </div>
diff --git a/packages/select-rich/src/LionSelectRich.js b/packages/select-rich/src/LionSelectRich.js
index 87686c758..9af059043 100644
--- a/packages/select-rich/src/LionSelectRich.js
+++ b/packages/select-rich/src/LionSelectRich.js
@@ -216,7 +216,6 @@ export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(L
     return html`
       <div class="input-group__input">
         <slot name="invoker"></slot>
-        <slot name="_overlay-shadow-outlet"></slot>
         <div id="overlay-content-node-wrapper">
           <slot name="input"></slot>
         </div>
diff --git a/packages/select-rich/test/lion-select-rich-dialog-integration.test.js b/packages/select-rich/test/lion-select-rich-dialog-integration.test.js
index c65814a43..0d7675802 100644
--- a/packages/select-rich/test/lion-select-rich-dialog-integration.test.js
+++ b/packages/select-rich/test/lion-select-rich-dialog-integration.test.js
@@ -10,7 +10,6 @@ const tagString = defineCE(
     render() {
       return html`
         <button slot="invoker">invoker button</button>
-        <slot name="_overlay-shadow-outlet"></slot>
         <div id="overlay-content-node-wrapper">
           <div slot="content">content of the overlay</div>
         </div>