From 4bd3d6764bfd48c881d9722825309ddb5956c758 Mon Sep 17 00:00:00 2001
From: MCMXC <16797721+mcmxcdev@users.noreply.github.com>
Date: Tue, 25 Jul 2023 09:20:43 -0600
Subject: style: reformat all files properly

- remove .json from .eslintignore
- add type intellisense to .prettierrc.js
- install missing @jest/types which is used in jest.config.js
- split up typecheck and lint into two separate commands
- remove --require-pragma flag from reformat-files which leads to unformatted files
- install suggested @types/prop-types and @types/react-loader dependencies
- add @ts-expect-error to Loader usages
- reformat all scss files automatically with reformat-files command
---
 src/styles/input.scss | 40 ++++++++++++++++++++++++++++++----------
 1 file changed, 30 insertions(+), 10 deletions(-)

(limited to 'src/styles/input.scss')

diff --git a/src/styles/input.scss b/src/styles/input.scss
index 687bcac64..a78bc185e 100644
--- a/src/styles/input.scss
+++ b/src/styles/input.scss
@@ -2,7 +2,9 @@
 @import './mixins.scss';
 
 .theme__dark .franz-form {
-  .franz-form__label { color: $dark-theme-text-color; }
+  .franz-form__label {
+    color: $dark-theme-text-color;
+  }
 
   .franz-form__input-wrapper {
     background: $dark-theme-gray-dark;
@@ -12,7 +14,9 @@
   .franz-form__input {
     color: $dark-theme-gray-lightest;
 
-    &::placeholder { color: $dark-theme-gray-lighter; }
+    &::placeholder {
+      color: $dark-theme-gray-lighter;
+    }
   }
 
   .franz-form__input-prefix,
@@ -26,7 +30,9 @@
     color: $dark-theme-gray-lighter;
   }
 
-  .franz-form__password-score { background: $dark-theme-gray-dark; }
+  .franz-form__password-score {
+    background: $dark-theme-gray-dark;
+  }
 }
 
 .franz-form {
@@ -38,11 +44,15 @@
 
     &.has-error {
       .franz-form__input-wrapper,
-      .franz-form__input-modifier { border-color: $theme-brand-danger; }
+      .franz-form__input-modifier {
+        border-color: $theme-brand-danger;
+      }
     }
   }
 
-  .franz-form__label { @include formLabel(); }
+  .franz-form__label {
+    @include formLabel();
+  }
 
   .franz-form__error {
     color: $theme-brand-danger;
@@ -68,7 +78,9 @@
     padding: 8px;
     width: 100%;
 
-    &::placeholder { color: lighten($theme-gray-light, 10%); }
+    &::placeholder {
+      color: lighten($theme-gray-light, 10%);
+    }
   }
 
   .franz-form__input-prefix,
@@ -101,10 +113,18 @@
       overflow: hidden;
       width: 100%;
 
-      &::-webkit-meter-bar { background: none; }
-      &::-webkit-meter-even-less-good-value { background: $theme-brand-danger; }
-      &::-webkit-meter-suboptimum-value { background: $theme-brand-warning; }
-      &::-webkit-meter-optimum-value { background: $theme-brand-success; }
+      &::-webkit-meter-bar {
+        background: none;
+      }
+      &::-webkit-meter-even-less-good-value {
+        background: $theme-brand-danger;
+      }
+      &::-webkit-meter-suboptimum-value {
+        background: $theme-brand-warning;
+      }
+      &::-webkit-meter-optimum-value {
+        background: $theme-brand-success;
+      }
     }
   }
 }
-- 
cgit v1.2.3-70-g09d2