From be9f1b111c82feec85cd6202d2161d5eec5687fe Mon Sep 17 00:00:00 2001
From: Bogdan Bosca <bogdan-dan.bosca@endava.com>
Date: Wed, 14 Jun 2023 17:25:34 +0300
Subject: [PATCH] feat(dialog): fix eslint

---
 packages/bee-q/src/components/button/readme.md     | 4 ++--
 packages/bee-q/src/components/dialog/bq-dialog.tsx | 4 ++--
 packages/bee-q/src/components/icon/readme.md       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/bee-q/src/components/button/readme.md b/packages/bee-q/src/components/button/readme.md
index c93cc78ca..28bf945ac 100644
--- a/packages/bee-q/src/components/button/readme.md
+++ b/packages/bee-q/src/components/button/readme.md
@@ -49,8 +49,8 @@ Buttons are designed for users to take action on a page or a screen.
 
 ### Used by
 
- - [bq-notification](../notification)
  - [bq-dialog](../dialog)
+ - [bq-notification](../notification)
 
 ### Depends on
 
@@ -60,8 +60,8 @@ Buttons are designed for users to take action on a page or a screen.
 ```mermaid
 graph TD;
   bq-button --> bq-icon
-  bq-notification --> bq-button
   bq-dialog --> bq-button
+  bq-notification --> bq-button
   style bq-button fill:#f9f,stroke:#333,stroke-width:4px
 ```
 
diff --git a/packages/bee-q/src/components/dialog/bq-dialog.tsx b/packages/bee-q/src/components/dialog/bq-dialog.tsx
index 8020ce3a3..cb367db15 100644
--- a/packages/bee-q/src/components/dialog/bq-dialog.tsx
+++ b/packages/bee-q/src/components/dialog/bq-dialog.tsx
@@ -1,7 +1,7 @@
 import { h, Component, Prop, Element, Watch, State, Method, Host } from '@stencil/core';
 
-import { validatePropValue } from '../../shared/utils';
 import { DIALOG_SIZE, DIALOG_FOOTER_VARIANT, TDialogSize, TDialogFooterVariant } from './bq-dialog.types';
+import { validatePropValue } from '../../shared/utils';
 
 /**
  * @part base - The component wrapper container inside the shadow DOM
@@ -139,7 +139,7 @@ export class BqDialog {
           </header>
           <footer
             class={{
-              'flex h-[72px] w-full items-center justify-end py-6 px-6': true,
+              'flex h-[72px] w-full items-center justify-end px-6 py-6': true,
               'rounded-s bg-ui-secondary-light': this.variant === 'light',
             }}
           >
diff --git a/packages/bee-q/src/components/icon/readme.md b/packages/bee-q/src/components/icon/readme.md
index d576609f9..d4288d003 100644
--- a/packages/bee-q/src/components/icon/readme.md
+++ b/packages/bee-q/src/components/icon/readme.md
@@ -37,16 +37,16 @@ Icons are simplified images that graphically explain the meaning of an object on
 ### Used by
 
  - [bq-button](../button)
- - [bq-notification](../notification)
  - [bq-dialog](../dialog)
+ - [bq-notification](../notification)
  - [bq-switch](../switch)
 
 ### Graph
 ```mermaid
 graph TD;
   bq-button --> bq-icon
-  bq-notification --> bq-icon
   bq-dialog --> bq-icon
+  bq-notification --> bq-icon
   bq-switch --> bq-icon
   style bq-icon fill:#f9f,stroke:#333,stroke-width:4px
 ```