linters

packages/connect-react/src/components/CorbadoConnectDemo.tsx

@@ -1,22 +1,21 @@
 import type { CorbadoConnectDemoConfig } from '@corbado/types';
 import type { Passkey } from '@corbado/web-core';
-
 import type { FC } from 'react';
 import React from 'react';
 
-import PasskeyList, { PasskeyListState } from './passkeyList/PasskeyList';
-import DeleteModal from './passkeyList/DeleteModal';
-import AlreadyExistingModal from './passkeyList/AlreadyExistingModal';
-import PasskeyAppendNotSupportedModal from './passkeyList/PasskeyAppendNotSupportedModal';
-import AppendInitLoading from './append/append-init/AppendInitLoading';
 import AppendInitLoaded from './append/append-init/AppendInitLoaded';
+import AppendInitLoading from './append/append-init/AppendInitLoading';
 import AppendSuccessScreen from './append/AppendSuccessScreen';
+import LoginErrorHard from './login/base/LoginErrorHard';
+import LoginErrorSoft from './login/base/LoginErrorSoft';
+import LoginHybrid from './login/base/LoginHybrid';
 import LoginInitLoaded from './login/base/LoginInitLoaded';
 import LoginInitLoading from './login/base/LoginInitLoading';
-import LoginHybrid from './login/base/LoginHybrid';
 import LoginOneTap from './login/base/LoginOneTap';
-import LoginErrorSoft from './login/base/LoginErrorSoft';
-import LoginErrorHard from './login/base/LoginErrorHard';
+import AlreadyExistingModal from './passkeyList/AlreadyExistingModal';
+import DeleteModal from './passkeyList/DeleteModal';
+import PasskeyAppendNotSupportedModal from './passkeyList/PasskeyAppendNotSupportedModal';
+import PasskeyList, { PasskeyListState } from './passkeyList/PasskeyList';
 
 const getListOfPasskeys = () => {
   const out: Passkey[] = [

packages/connect-react/src/components/append/AppendInitScreen.tsx

@@ -8,8 +8,8 @@ import { AppendScreenType } from '../../types/screenTypes';
 import { AppendSituationCode, getAppendErrorMessage } from '../../types/situations';
 import { StatefulLoader } from '../../utils/statefulLoader';
 import AppendBenefits from './append-init/AppendBenetifs';
-import AppendInitLoading from './append-init/AppendInitLoading';
 import AppendInitLoaded from './append-init/AppendInitLoaded';
+import AppendInitLoading from './append-init/AppendInitLoading';
 
 export enum AppendInitState {
   SilentLoading,

packages/connect-react/src/components/login/base/LoginErrorHard.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
-import { LinkButton } from '../../shared/LinkButton';
-import { PrimaryButton } from '../../shared/PrimaryButton';
-import { PasskeyIcon } from '../../shared/icons/PasskeyIcon';
+
 import { ErrorIcon } from '../../shared/icons/ErrorIcon';
+import { PasskeyIcon } from '../../shared/icons/PasskeyIcon';
+import { LinkButton } from '../../shared/LinkButton';
 import { OutlineButton } from '../../shared/OutlineButton';
+import { PrimaryButton } from '../../shared/PrimaryButton';
 
 type Props = {
   loading: boolean;

packages/connect-react/src/components/shared/PasskeyButton.tsx

@@ -1,4 +1,5 @@
-import React, { FormEvent } from 'react';
+import type { FormEvent } from 'react';
+import React from 'react';
 
 import { Button } from './Button';
 import { ArrowRight } from './icons/ArrowRight';

packages/connect-react/src/css/demo.css

@@ -16,5 +16,5 @@
 
 .demo-controls-item input {
   margin-right: 2rem;
-  margin-top: .2rem;
+  margin-top: 0.2rem;
 }

packages/connect-react/src/index.ts

@@ -1,12 +1,12 @@
 import './index.css';
 
 import CorbadoConnectAppend from './components/CorbadoConnectAppend';
+import CorbadoConnectDemo from './components/CorbadoConnectDemo';
 import CorbadoConnectLogin from './components/CorbadoConnectLogin';
 import CorbadoConnectLoginSecondFactor from './components/CorbadoConnectLoginSecondFactor';
 import CorbadoConnectPasskeyList from './components/CorbadoConnectPasskeyList';
 import { CorbadoConnectProvider } from './components/CorbadoConnectProvider';
 import CorbadoConnectModal from './components/shared/CorbadoConnectModal';
-import CorbadoConnectDemo from './components/CorbadoConnectDemo';
 
 export {
   CorbadoConnectLogin,

playground/connect-next/app/demo/custom.css

@@ -33,15 +33,18 @@
     border-radius: 0;
   }
 
-  .cb-passkey-list-empty, .cb-passkey-list-loader-container {
+  .cb-passkey-list-empty,
+  .cb-passkey-list-loader-container {
     border-bottom: 1px solid var(--cb-color-outline);
   }
 
   .cb-passkey-list-append-button {
     font-weight: bold;
   }
 
-  .cb-primary-button, .cb-secondary-button, .cb-outline-button {
+  .cb-primary-button,
+  .cb-secondary-button,
+  .cb-outline-button {
     font-weight: bold;
   }