From 09a56ef0b0b78e656bc14072e514c2f485ac85ba Mon Sep 17 00:00:00 2001
From: TheDiaval <thediavall@gmail.com>
Date: Thu, 16 Jan 2020 13:14:29 +0300
Subject: [PATCH] feat(theme-basic): add confirmation component styles

---
 .../theme-basic/src/lib/constants/styles.ts   | 60 +++++++++++++++++++
 1 file changed, 60 insertions(+)

diff --git a/npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts b/npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts
index be67bece5a..c49b9b9223 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/constants/styles.ts
@@ -73,4 +73,64 @@ export default `
 background-color: rgba(0, 0, 0, 0.6);
 }
 
+.confirmation {
+    .confirmation-backdrop {
+        background: rgba(0, 0, 0, 0.7) !important;
+    }
+    .confirmation-dialog {
+        border: none;
+        border-radius: 10px;
+        background-color: #fff;
+        box-shadow: 0 0 10px -5px rgba(#000, 0.5);
+        .icon-container {
+            .icon {
+                stroke: #fff;
+                color: #fff;
+            }
+            &.info .icon {
+                stroke: #2f96b4;
+                color: #2f96b4;
+            }
+            &.success .icon {
+                stroke: #51a351;
+                color: #51a351;
+            }
+            &.warning .icon {
+                stroke: #f89406;
+                color: #f89406;
+            }
+            &.error .icon {
+                stroke: #bd362f;
+                color: #bd362f;
+            }
+        }
+        .content {
+            .title {
+                color: #222;
+            }
+            .message {
+                color: #777;
+            }
+        }
+        .footer {
+            background: transparent;
+            .confirmation-button {
+                background-color: #eee;
+                color: #777;
+                &:hover, &:focus, &:active {
+                    background-color: #bbb;
+                }
+                &--reject {
+                }
+                &--confirm {
+                    background-color: #2f96b4;
+                    color: #fff;
+                    &:hover {
+                        background-color: #2e819b;
+                    }
+                }
+            }
+        }
+    }
+}
 `;