updated eslint rules dependency

.eslintrc

@@ -7,7 +7,7 @@
   "rules": {
     "semi": ["error", "always"],
     "no-use-before-define": "off",
-    "fabmanager/component-class-named-as-component": "error",
+    "fabmanager/component-class-named-as-component": ["error", { "ignoreAbstractKeyword": true }],
     "import/no-default-export": "error"
   },
   "globals": {

app/frontend/src/javascript/components/form/abstract-form-item.tsx

@@ -40,7 +40,6 @@ export const AbstractFormItem = <TFieldValues extends FieldValues>({ id, label,
 
   // Compose classnames from props
   const classNames = [
-    'form-item',
     `${className || ''}`,
     `${isDirty && fieldError ? 'is-incorrect' : ''}`,
     `${isDirty && warning ? 'is-warned' : ''}`,
@@ -59,7 +58,7 @@ export const AbstractFormItem = <TFieldValues extends FieldValues>({ id, label,
   }
 
   return (
-    <label className={classNames} onClick={handleLabelClick}>
+    <label className={`form-item ${classNames}`} onClick={handleLabelClick}>
       {label && <div className='form-item-header'>
         <p>{label}</p>
         {tooltip && <div className="item-tooltip">

app/frontend/src/javascript/components/payment/abstract-payment-modal.tsx

@@ -203,7 +203,7 @@ export const AbstractPaymentModal: React.FC<AbstractPaymentModalProps> = ({ isOp
       width={modalSize}
       closeButton={false}
       customFooter={logoFooter}
-      className={`abstract-payment-modal ${className || ''}`}>
+      className={`payment-modal ${className || ''}`}>
       {ready && <div>
         <WalletInfo cart={cart} currentUser={currentUser} wallet={wallet} price={price?.price} />
         <GatewayForm onSubmit={handleSubmit}

app/frontend/src/stylesheets/modules/form/abstract-form-item.scss

@@ -83,7 +83,7 @@
         max-height: 24px;
       }
     }
-    
+
     .addon {
       grid-area: addon;
       border-left: 1px solid var(--gray-soft-dark);

app/frontend/src/stylesheets/modules/payment/abstract-payment-modal.scss

@@ -1,4 +1,4 @@
-.abstract-payment-modal {
+.payment-modal {
   .fab-modal-content {
     padding-bottom: 0;
   }

package.json

@@ -25,7 +25,7 @@
     "@typescript-eslint/parser": "^5.17.0",
     "eslint": "~8.12.0",
     "eslint-config-standard": "~17.0.0-1",
-    "eslint-plugin-fabmanager": "^0.0.13",
+    "eslint-plugin-fabmanager": "^0.0.21",
     "eslint-plugin-html-erb": "^1.0.1",
     "eslint-plugin-import": "~2.25.4",
     "eslint-plugin-n": "^15.1.0",

yarn.lock

@@ -4082,10 +4082,10 @@ eslint-plugin-es@^4.1.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
-eslint-plugin-fabmanager@^0.0.13:
-  version "0.0.13"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-fabmanager/-/eslint-plugin-fabmanager-0.0.13.tgz#bf7b8beee1485a354ecfc42e2649501da25d5996"
-  integrity sha512-cYJecCNMG/2hJ41HM6GrfnMwb9MaMQXob7V90U8kkdt3Os4rf//cv/6lTWJiX0Wpnp9nVbQavkPKX5cJ8gYA/w==
+eslint-plugin-fabmanager@^0.0.21:
+  version "0.0.21"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-fabmanager/-/eslint-plugin-fabmanager-0.0.21.tgz#c2f2ccfbafc2f202adefdf73bb2650604a53541c"
+  integrity sha512-sy8SW7K0NSpm/l8sWJ75NAJfQuMLDZ98LnrYfnHGt119CeulaylgqYniyFnKRxUrYJH2c9dO2vBhiTFgFTeJUg==
 
 eslint-plugin-html-erb@^1.0.1:
   version "1.0.1"