Add styling options for the close icon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tp/tp-dialog",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "",
   "main": "tp-dialog.js",
   "scripts": {

tp-dialog.js

@@ -41,6 +41,7 @@ class TpDialog extends EventHelpers(LitElement) {
           position: absolute;
           right: 4px;
           top: 5px;
+          z-index: 1;
           --tp-icon-width: 18px;
           --tp-icon-height: 18px;
         }
@@ -53,7 +54,7 @@ class TpDialog extends EventHelpers(LitElement) {
     return html`
       <dialog part="dialog">
         ${showClose ? html`
-          <div class="close-icon">
+          <div class="close-icon" part="close-icon">
             <tp-icon .icon=${this.icon ? this.icon : TpDialog.closeIcon} dialog-dismiss></tp-icon>
           </div>
         ` : null}