From 3b4988aa60dc6d31e1bc3367cb8f5e8d85710ac6 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Mon, 6 Jan 2020 15:53:26 -0500
Subject: [PATCH] feat(toast): expose shadow parts (#20146)

resolves #19722
---
 core/src/components/toast/toast.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/core/src/components/toast/toast.tsx b/core/src/components/toast/toast.tsx
index e84987a332..ecb35e35da 100644
--- a/core/src/components/toast/toast.tsx
+++ b/core/src/components/toast/toast.tsx
@@ -233,7 +233,7 @@ export class Toast implements ComponentInterface, OverlayInterface {
     return (
       <div class={buttonGroupsClasses}>
         {buttons.map(b =>
-          <button type="button" class={buttonClass(b)} tabIndex={0} onClick={() => this.buttonClick(b)}>
+          <button type="button" class={buttonClass(b)} tabIndex={0} onClick={() => this.buttonClick(b)} part="button">
             <div class="toast-button-inner">
               {b.icon &&
                 <ion-icon
@@ -275,15 +275,15 @@ export class Toast implements ComponentInterface, OverlayInterface {
         onIonToastWillDismiss={this.dispatchCancelHandler}
       >
         <div class={wrapperClass}>
-          <div class="toast-container">
+          <div class="toast-container" part="container">
             {this.renderButtons(startButtons, 'start')}
 
             <div class="toast-content">
               {this.header !== undefined &&
-                <div class="toast-header">{this.header}</div>
+                <div class="toast-header" part="header">{this.header}</div>
               }
               {this.message !== undefined &&
-                <div class="toast-message" innerHTML={sanitizeDOMString(this.message)}></div>
+                <div class="toast-message" part="message" innerHTML={sanitizeDOMString(this.message)}></div>
               }
             </div>