From 5457c34fa0b6203980d0fa845b02e534433bf634 Mon Sep 17 00:00:00 2001
From: MariaLStefan <103122411+MariaLStefan@users.noreply.github.com>
Date: Tue, 5 Dec 2023 18:29:11 +0100
Subject: [PATCH] chore: format fix

---
 .../elements/src/components/ino-fab/ino-fab.scss  | 15 +++------------
 .../ino-icon-button/ino-icon-button.scss          |  5 +----
 .../components/ino-list-item/ino-list-item.scss   |  9 ++++-----
 .../ino-markdown-editor/ino-markdown-editor.scss  |  5 +++--
 .../components/ino-nav-drawer/ino-nav-drawer.scss |  5 +----
 .../src/components/ino-nav-item/ino-nav-item.scss |  8 ++++----
 .../ino-progress-bar/ino-progress-bar.scss        |  1 -
 .../ino-segment-button/ino-segment-button.scss    |  2 +-
 .../src/components/ino-snackbar/ino-snackbar.scss |  2 +-
 .../elements/src/components/ino-tab/ino-tab.scss  |  9 +++++++--
 .../ino-table-header-cell.scss                    |  2 +-
 .../src/components/ino-textarea/ino-textarea.scss | 15 +++------------
 12 files changed, 29 insertions(+), 49 deletions(-)

diff --git a/packages/elements/src/components/ino-fab/ino-fab.scss b/packages/elements/src/components/ino-fab/ino-fab.scss
index 713bc2b71d..1bd4e35aa1 100644
--- a/packages/elements/src/components/ino-fab/ino-fab.scss
+++ b/packages/elements/src/components/ino-fab/ino-fab.scss
@@ -56,10 +56,7 @@ $extended-edged-borders: (
    * @prop --fab-icon-color-disabled: Color of the slotted icon if disabled
    */
   --fab-color: var(--ino-fab-color, white);
-  --fab-background-color: var(
-    --ino-fab-background-color,
-    #{theme.$p-6}
-  );
+  --fab-background-color: var(--ino-fab-background-color, #{theme.$p-6});
   --fab-background-color-hover: var(
     --ino-fab-background-color-hover,
     #{theme.$p-5}
@@ -68,14 +65,8 @@ $extended-edged-borders: (
     --ino-fab-background-color-active,
     #{theme.$p-7}
   );
-  --fab-icon-color: var(
-    --ino-fab-icon-color,
-    #{theme.$white}
-  );
-  --fab-color-disabled: var(
-    --ino-fab-color-disabled,
-    #{theme.$white}
-  );
+  --fab-icon-color: var(--ino-fab-icon-color, #{theme.$white});
+  --fab-color-disabled: var(--ino-fab-color-disabled, #{theme.$white});
   --fab-background-color-disabled: var(
     --ino-background-color-disabled,
     #{theme.$n-4}
diff --git a/packages/elements/src/components/ino-icon-button/ino-icon-button.scss b/packages/elements/src/components/ino-icon-button/ino-icon-button.scss
index fa9b53427e..6abe2054eb 100644
--- a/packages/elements/src/components/ino-icon-button/ino-icon-button.scss
+++ b/packages/elements/src/components/ino-icon-button/ino-icon-button.scss
@@ -20,10 +20,7 @@ ino-icon-button {
   $icon-size: var(--ino-icon-button-icon-size, 24px);
   $icon-color: var(--ino-icon-button-icon-color, theme.$p-5);
   $background-color: var(--ino-icon-button-background-color, transparent);
-  $icon-active-color: var(
-    --ino-icon-button-icon-active-color,
-    theme.$p-5
-  );
+  $icon-active-color: var(--ino-icon-button-icon-active-color, theme.$p-5);
   $background-active-color: var(
     --ino-icon-button-background-active-color,
     theme.$p-5
diff --git a/packages/elements/src/components/ino-list-item/ino-list-item.scss b/packages/elements/src/components/ino-list-item/ino-list-item.scss
index fb41d5dd43..13a2bf0b09 100644
--- a/packages/elements/src/components/ino-list-item/ino-list-item.scss
+++ b/packages/elements/src/components/ino-list-item/ino-list-item.scss
@@ -38,11 +38,10 @@ ino-list-item {
     #{theme.$p-2}
   );
 
-
   --list-item-deselected-color: var(
-    --ino-list-item-deselected-color, 
-      #{theme.$n-11}
-    );
+    --ino-list-item-deselected-color,
+    #{theme.$n-11}
+  );
   --list-item-deselected-background-color: var(
     --ino-list-item-deselected-background-color,
     #{theme.$transparent}
@@ -130,7 +129,7 @@ ino-list-item {
 
     &:hover {
       background-color: var(--list-item-deselected-background-color-hover);
-    } 
+    }
 
     &:focus {
       background-color: var(--list-item-deselected-background-color-focus);
diff --git a/packages/elements/src/components/ino-markdown-editor/ino-markdown-editor.scss b/packages/elements/src/components/ino-markdown-editor/ino-markdown-editor.scss
index f421b8f66c..91e5ec0719 100644
--- a/packages/elements/src/components/ino-markdown-editor/ino-markdown-editor.scss
+++ b/packages/elements/src/components/ino-markdown-editor/ino-markdown-editor.scss
@@ -69,9 +69,10 @@ ino-markdown-editor {
     background-color: transparent;
     font-size: 22px;
 
-    &:hover, &--active {
+    &:hover,
+    &--active {
       --ino-icon-color-primary: #{theme.$p-6};
-      background-color:  theme.$p-2;
+      background-color: theme.$p-2;
       color: theme.$p-6;
       cursor: pointer;
     }
diff --git a/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss b/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
index 636ee6c572..f779c9d2d3 100644
--- a/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
+++ b/packages/elements/src/components/ino-nav-drawer/ino-nav-drawer.scss
@@ -28,10 +28,7 @@
     171px
   );
   --nav-drawer-height: var(--ino-nav-drawer-height, 100%);
-  --nav-drawer-background: var(
-    --ino-nav-drawer-background,
-    #{theme.$white}
-  );
+  --nav-drawer-background: var(--ino-nav-drawer-background, #{theme.$white});
   --nav-drawer-text-color: var(--ino-nav-drawer-text-color, #{theme.$p-7});
   --nav-drawer-transition-duration: var(
     --ino-nav-drawer-transition-duration,
diff --git a/packages/elements/src/components/ino-nav-item/ino-nav-item.scss b/packages/elements/src/components/ino-nav-item/ino-nav-item.scss
index 3bca5cbd73..9dc78e81af 100644
--- a/packages/elements/src/components/ino-nav-item/ino-nav-item.scss
+++ b/packages/elements/src/components/ino-nav-item/ino-nav-item.scss
@@ -12,11 +12,11 @@ ino-nav-item {
    */
 
   --nav-item-color: var(--ino-nav-item-color, #{theme.$n-11});
-  --nav-item-color-active: var(
-    --ino-nav-item-color-active,
-    #{theme.$p-5}
+  --nav-item-color-active: var(--ino-nav-item-color-active, #{theme.$p-5});
+  --nav-item-background-color: var(
+    --ino-nav-item-background-color,
+    theme.$white
   );
-  --nav-item-background-color: var(--ino-nav-item-background-color, theme.$white);
   --nav-item-background-color-active: var(
     --ino-nav-item-background-color-active,
     #{theme.$n-2}
diff --git a/packages/elements/src/components/ino-progress-bar/ino-progress-bar.scss b/packages/elements/src/components/ino-progress-bar/ino-progress-bar.scss
index 68ba10f00a..d00830f3b1 100644
--- a/packages/elements/src/components/ino-progress-bar/ino-progress-bar.scss
+++ b/packages/elements/src/components/ino-progress-bar/ino-progress-bar.scss
@@ -12,5 +12,4 @@
   @include linear-progress.core-styles;
   @include linear-progress.bar-color(var(--progress-bar--bar-color));
   @include linear-progress.buffer-color(theme.$n-2);
-
 }
diff --git a/packages/elements/src/components/ino-segment-button/ino-segment-button.scss b/packages/elements/src/components/ino-segment-button/ino-segment-button.scss
index 0ac1d6306a..59b94a56f2 100644
--- a/packages/elements/src/components/ino-segment-button/ino-segment-button.scss
+++ b/packages/elements/src/components/ino-segment-button/ino-segment-button.scss
@@ -13,7 +13,7 @@ $edged-border: 24px 0 24px 24px;
 /* Colors: */
 $button_pressed-bg: theme.$p-3;
 $button-active-bg: theme.$p-2;
-$text-active:  theme.$p-5;
+$text-active: theme.$p-5;
 
 ino-segment-button {
   .button {
diff --git a/packages/elements/src/components/ino-snackbar/ino-snackbar.scss b/packages/elements/src/components/ino-snackbar/ino-snackbar.scss
index cc59af7eb9..da2887a2e0 100644
--- a/packages/elements/src/components/ino-snackbar/ino-snackbar.scss
+++ b/packages/elements/src/components/ino-snackbar/ino-snackbar.scss
@@ -63,7 +63,7 @@ ino-snackbar {
   @each $type in $snackbar-types {
     &.ino-snackbar--type-#{$type} {
       --snackbar-color: #{color($type, color)};
-      --snackbar-color-light: #{color($type, color-light)}; 
+      --snackbar-color-light: #{color($type, color-light)};
     }
   }
 
diff --git a/packages/elements/src/components/ino-tab/ino-tab.scss b/packages/elements/src/components/ino-tab/ino-tab.scss
index 1613d2e260..e944dfdb9c 100644
--- a/packages/elements/src/components/ino-tab/ino-tab.scss
+++ b/packages/elements/src/components/ino-tab/ino-tab.scss
@@ -6,7 +6,6 @@
 @use '../base/new-theme' as theme;
 @use '../base/typography';
 
-
 ino-tab {
   .mdc-tab {
     @include typography.font(sans-serif, s, regular);
@@ -18,7 +17,13 @@ ino-tab {
     @include ripple.surface;
     @include ripple.radius-bounded;
     @include ripple.states-base-color(theme.$p-2);
-    @include ripple.states-opacities((hover: .5, focus: 0.8, press: 0.8));
+    @include ripple.states-opacities(
+      (
+        hover: 0.5,
+        focus: 0.8,
+        press: 0.8,
+      )
+    );
     overflow: hidden;
 
     ino-icon {
diff --git a/packages/elements/src/components/ino-table-header-cell/ino-table-header-cell.scss b/packages/elements/src/components/ino-table-header-cell/ino-table-header-cell.scss
index 392bd2cdd5..55ab845c75 100644
--- a/packages/elements/src/components/ino-table-header-cell/ino-table-header-cell.scss
+++ b/packages/elements/src/components/ino-table-header-cell/ino-table-header-cell.scss
@@ -96,7 +96,7 @@ ino-table ino-table-header-cell {
 
     .ino-table-header-cell__popover-content {
       border-radius: inherit;
-      box-shadow: 0px 25px 50px -12px theme.$primary-focus; 
+      box-shadow: 0px 25px 50px -12px theme.$primary-focus;
     }
   }
   &.ino-table-header-cell--searched {
diff --git a/packages/elements/src/components/ino-textarea/ino-textarea.scss b/packages/elements/src/components/ino-textarea/ino-textarea.scss
index 7cb2d80ca3..4d4954d7a9 100644
--- a/packages/elements/src/components/ino-textarea/ino-textarea.scss
+++ b/packages/elements/src/components/ino-textarea/ino-textarea.scss
@@ -10,18 +10,9 @@ ino-textarea {
    * @prop --ino-textarea-caret-color: color of the caret
    * @prop --ino-textarea-label-color: color of the label
    */
-  --textarea-outline-color: var(
-    --ino-textarea-outline-color,
-    #{theme.$p-5}
-  );
-  --textarea-caret-color: var(
-    --ino-textarea-caret-color,
-    #{theme.$p-5}
-  );
-  --textarea-label-color: var(
-    --ino-textarea-label-color,
-    #{theme.$p-5}
-  );
+  --textarea-outline-color: var(--ino-textarea-outline-color, #{theme.$p-5});
+  --textarea-caret-color: var(--ino-textarea-caret-color, #{theme.$p-5});
+  --textarea-label-color: var(--ino-textarea-label-color, #{theme.$p-5});
 }
 
 ino-textarea {