From e01468fd59e0e4eb4586d7e1b63cfbea3d14ac0f Mon Sep 17 00:00:00 2001
From: mainframev <vgenaev@gmail.com>
Date: Mon, 4 Sep 2023 17:20:17 +0200
Subject: [PATCH] chore: update @typescript-eslint and typescript

chore: fix eslint errors after @typescript-eslint update

chore: update dedent dep

chore: include internal as a config into eslint and rise typescript ver

chore: remove errors and warnings

docs(eslint-plugin): update README.md

Update packages/orbit-components/cypress/integration/index.tsx

Co-authored-by: Daniel Sil <daniel.sil@kiwi.com>

chore: add allowImportingTsExtensions to tsconfig

chore(InputSelect): rewrite type to interface

chore(Stack): remove spaceAfter from Tablet story
---
 .eslintrc.cjs                                 |  12 +
 docs/lib.es5.d.ts                             |   2 +-
 docs/src/components/Navbar/index.tsx          |   3 -
 package.json                                  |  11 +-
 .../.eslintrc.cjs                             |  17 +-
 .../eslint-plugin-orbit-components/README.md  |  28 ++-
 .../jest.config.cjs                           |   3 +-
 .../package.json                              |   6 +-
 .../src/__tests__/buttonHasTitle.test.ts      |  25 +-
 .../src/__tests__/defaultTheme.test.ts        |  26 +-
 .../src/__tests__/isUniqueId.test.ts          |   8 +-
 .../src/__tests__/noCustomColors.test.ts      |   6 +-
 .../src/__tests__/noCustomTypography.test.ts  |  12 +-
 .../__tests__/preferSingleDestructure.test.ts |   8 +-
 .../src/__tests__/rtlUtils.test.ts            |  32 ++-
 .../src/__tests__/tsconfig.json               |   9 -
 .../src/__tests__/unnecessaryText.test.ts     |  45 ++--
 .../src/__tests__/useClient.test.ts           |   1 +
 .../src/__tests__/useRtl.test.ts              |  20 +-
 .../src/configs/internal.ts                   |   1 +
 .../src/index.ts                              |   2 +
 .../src/ruleTester.ts                         |  15 +-
 .../src/rules/buttonHasTitle.ts               |  97 +++++---
 .../src/rules/defaultTheme.ts                 |  61 ++---
 .../src/rules/noCustomColors.ts               |  26 +-
 .../src/rules/noCustomTypography.ts           |  30 ++-
 .../src/rules/preferSingleDestructure.ts      |  39 +--
 .../src/rules/rtlUtils.ts                     |  59 +++--
 .../src/rules/uniqueId.ts                     |  34 ++-
 .../src/rules/unnecessaryText.ts              |  41 +--
 .../src/rules/useClient.ts                    |   3 +-
 .../src/rules/useRtl.ts                       |  37 +--
 .../src/utils/detectOriginalOrbitName.ts      |   7 +-
 .../src/utils/ruleCreator.ts                  |   2 +-
 .../tsconfig.json                             |  14 +-
 packages/orbit-components/.eslintrc.cjs       |   4 +-
 .../orbit-components/config/fetchIcons.mts    |  25 +-
 .../cypress/integration/index.tsx             |   3 +-
 .../AirportIllustration.stories.tsx           |   4 +-
 .../CallOutBanner/CallOutBanner.stories.tsx   |   1 -
 .../src/Dialog/Dialog.stories.tsx             |   1 -
 .../src/Illustration/Illustration.stories.tsx |   1 -
 .../src/InputField/InputField.stories.tsx     |   1 -
 .../orbit-components/src/InputFile/index.tsx  |   2 +-
 .../src/InputSelect/helpers.ts                |  10 +-
 .../src/Modal/Modal.stories.tsx               |   1 -
 .../src/OrbitProvider/index.tsx               |   1 +
 .../hooks/useLockScrolling/lock-scrolling.ts  |   1 -
 .../components/ButtonPrimitiveContent.tsx     |  33 +++
 .../InputField/InputField.stories.tsx         |   1 -
 packages/orbit-components/tsconfig.json       |   7 +-
 packages/orbit-design-tokens/tsconfig.json    |   3 +-
 packages/orbit-tracking/tsconfig.json         |   3 +-
 scripts/checks.mts                            |   2 +-
 tsconfig.base.json                            |   3 +-
 yarn.lock                                     | 234 ++++++++++++------
 56 files changed, 670 insertions(+), 413 deletions(-)
 delete mode 100644 packages/eslint-plugin-orbit-components/src/__tests__/tsconfig.json
 mode change 100755 => 100644 packages/eslint-plugin-orbit-components/src/ruleTester.ts
 create mode 100644 packages/orbit-components/src/primitives/ButtonPrimitive/components/ButtonPrimitiveContent.tsx

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index f8ef95ec53..2de949407b 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -5,6 +5,7 @@ const CONFIGS = [
   "plugin:react-hooks/recommended",
   "plugin:prettier/recommended",
   "plugin:tailwindcss/recommended",
+  "plugin:orbit-components/internal",
 ];
 
 module.exports = {
@@ -48,6 +49,8 @@ module.exports = {
     "no-await-in-loop": "off",
     "tailwindcss/classnames-order": "off",
     "tailwindcss/no-custom-classname": [1, { whitelist: ["(orbit\\-).*", "chromatic-ignore"] }],
+    // to improve performance locally
+    // https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/FAQ.md#my-linting-feels-really-slow
     ...(!process.env.CI
       ? {
           "import/no-named-as-default": "off",
@@ -72,9 +75,12 @@ module.exports = {
         "plugin:@typescript-eslint/recommended",
         "prettier",
       ],
+      plugins: ["@typescript-eslint"],
+      parser: "@typescript-eslint/parser",
       parserOptions: {
         extraFileExtensions: [".mts"],
         tsconfigRootDir: __dirname,
+        // https://typescript-eslint.io/linting/typed-linting/
         project: [
           "./tsconfig.scripts.json",
           "./tsconfig.json",
@@ -98,7 +104,13 @@ module.exports = {
         "@typescript-eslint/consistent-type-definitions": ["error", "interface"],
         "@typescript-eslint/no-empty-interface": "off",
         "@typescript-eslint/prefer-readonly-parameter-types": "off",
+        "@typescript-eslint/no-unsafe-argument": "warn",
+        "@typescript-eslint/no-explicit-any": "warn",
+        "@typescript-eslint/no-duplicate-enum-values": "warn",
         "@typescript-eslint/no-empty-function": "off",
+        "@typescript-eslint/no-floating-promises": "off",
+        "@typescript-eslint/no-misused-promises": "off",
+        "@typescript-eslint/no-unsafe-call": "off",
         "no-unused-vars": "off",
         "@typescript-eslint/no-unused-vars": [
           "error",
diff --git a/docs/lib.es5.d.ts b/docs/lib.es5.d.ts
index d94feb4496..f83319e2e0 100644
--- a/docs/lib.es5.d.ts
+++ b/docs/lib.es5.d.ts
@@ -21,5 +21,5 @@ interface Array<T> {
    * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array.
    * @param thisArg An object to which the this keyword can refer in the predicate function. If thisArg is omitted, undefined is used as the this value.
    */
-  filter<S extends T>(predicate: BooleanConstructor, thisArg?: any): Exclude<S, Falsy>[];
+  filter<S extends T>(predicate: BooleanConstructor, thisArg?: unknown): Exclude<S, Falsy>[];
 }
diff --git a/docs/src/components/Navbar/index.tsx b/docs/src/components/Navbar/index.tsx
index d63d1220f8..bd7279a43c 100644
--- a/docs/src/components/Navbar/index.tsx
+++ b/docs/src/components/Navbar/index.tsx
@@ -223,7 +223,6 @@ const Navbar = ({ location, docNavigation }: Props) => {
                                     role="tab"
                                     aria-selected={activeTab === "navigation"}
                                     aria-controls="navbar-tabpanel-navigation"
-                                    id="navbar-tab-navigation"
                                     type="button"
                                     onClick={() => setActiveTab("navigation")}
                                   >
@@ -233,7 +232,6 @@ const Navbar = ({ location, docNavigation }: Props) => {
                                     role="tab"
                                     aria-selected={activeTab === "bookmarks"}
                                     aria-controls="navbar-tabpanel-bookmarks"
-                                    id="navbar-tab-bookmarks"
                                     type="button"
                                     onClick={() => setActiveTab("bookmarks")}
                                   >
@@ -276,7 +274,6 @@ const Navbar = ({ location, docNavigation }: Props) => {
                             <div
                               tabIndex={0}
                               role="tabpanel"
-                              id="navbar-tabpanel-navigation"
                               aria-labelledby="navbar-tab-navigation"
                             >
                               {docNavigation}
diff --git a/package.json b/package.json
index 9432051000..89b5005529 100644
--- a/package.json
+++ b/package.json
@@ -75,19 +75,20 @@
     "@types/jest": "^29.5.5",
     "@types/lodash": "^4.14.194",
     "@types/prettier": "^2.7.2",
+    "@types/pngjs": "^6.0.2",
     "@types/react": ">=17.0.26",
     "@types/react-dom": ">=17.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
     "babel-jest": "^28.1.3",
     "browserslist": "^4.16.6",
     "chromatic": "^7.2.3",
     "cpy-cli": "^3.1.1",
     "cross-env": "^7.0.2",
-    "dedent": "^0.7.0",
+    "dedent": "^1.5.1",
     "del-cli": "^5.0.0",
     "dotenv-safe": "^8.2.0",
-    "eslint": "^8.37.0",
+    "eslint": "^8.47.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.8.0",
     "eslint-import-resolver-alias": "^1.1.2",
@@ -144,7 +145,7 @@
     "ts-node": "^10.9.1",
     "tsc-files": "^1.1.3",
     "tsup": "^6.7.0",
-    "typescript": "^4.8.3",
+    "typescript": "^5.0.0",
     "zx": "^7.0.7"
   }
 }
diff --git a/packages/eslint-plugin-orbit-components/.eslintrc.cjs b/packages/eslint-plugin-orbit-components/.eslintrc.cjs
index df58d190f4..fca5469fb4 100644
--- a/packages/eslint-plugin-orbit-components/.eslintrc.cjs
+++ b/packages/eslint-plugin-orbit-components/.eslintrc.cjs
@@ -1,17 +1,6 @@
-const { DEV_DEPENDENCIES } = require("../../utils/eslint");
-
 module.exports = {
   extends: ["../../.eslintrc.cjs"],
   overrides: [
-    {
-      files: DEV_DEPENDENCIES,
-      rules: {
-        "import/no-extraneous-dependencies": [
-          "error",
-          { packageDir: [__dirname, `${__dirname}/../..`] },
-        ],
-      },
-    },
     {
       files: ["src/**"],
       rules: {
@@ -20,5 +9,11 @@ module.exports = {
         "@typescript-eslint/explicit-module-boundary-types": "off",
       },
     },
+    {
+      files: ["src/**/__tests__/**", "src/ruleTester.ts"],
+      rules: {
+        "import/no-extraneous-dependencies": "off",
+      },
+    },
   ],
 };
diff --git a/packages/eslint-plugin-orbit-components/README.md b/packages/eslint-plugin-orbit-components/README.md
index cbe84c6333..2411405473 100644
--- a/packages/eslint-plugin-orbit-components/README.md
+++ b/packages/eslint-plugin-orbit-components/README.md
@@ -1,4 +1,4 @@
-# eslint-plugin-orbit-components
+# @kiwicom/eslint-plugin-orbit-components
 
 Collection of ESLint rules to enforce the best usage practices of [`@kiwicom/orbit-components`](https://github.com/kiwicom/orbit-components/).
 
@@ -8,10 +8,10 @@ Assuming you already have ESLint installed, run:
 
 ```sh
 # npm
-npm install eslint-plugin-orbit-components --save-dev
+npm install @kiwicom/eslint-plugin-orbit-components --save-dev
 
 # yarn
-yarn add eslint-plugin-orbit-components --dev
+yarn add @kiwicom/eslint-plugin-orbit-components --dev
 ```
 
 Then add it to your ESLint configuration:
@@ -20,12 +20,12 @@ Then add it to your ESLint configuration:
 {
   "plugins": [
     // ...
-    "orbit-components"
+    "@kiwicom/eslint-plugin-orbit-components"
   ],
   "rules": {
     // ...
-    "orbit-components/button-has-title": "error",
-    "orbit-components/unnecessary-text": "error",
+    "@kiwicom/orbit-components/button-has-title": "error",
+    "@kiwicom/orbit-components/unnecessary-text": "error",
   }
 }
 ```
@@ -42,8 +42,20 @@ or via extending our recommended config:
 
 ## Supported Rules
 
-- [button-has-title](https://github.com/kiwicom/eslint-plugin-orbit-components/blob/master/docs/rules/button-has-title.md): Enforces that `Button` and `ButtonLink` do have either `children` or `title` property.
-- [unnecessary-text](https://github.com/kiwicom/eslint-plugin-orbit-components/blob/master/docs/rules/unnecessary-text.md): Enforces that children of `Button` or `Heading` are not wrapped in `Text` component.
+- [button-has-title](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/button-has-title.md): Enforces that `Button` and `ButtonLink` do have either `children` or `title` property.
+- [unnecessary-text](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/unnecessary-text.md): Enforces that children of `Button` or `Heading` are not wrapped in `Text` component.
+- [default-theme](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/default-theme.md):
+  This rule aims to prevent the wrong usage of the defaultTheme object from @kiwicom/orbit-components
+- [no-custom-colors](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/no-custom-colors.md):
+  Prevents inconsistencies between Orbit and custom colors
+- [no-custom-typography](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/no-custom-typography.md): This rule aims to prevent the usage of custom values for font-size, font-family and line-height CSS properties. Only some of the design tokens from @kiwicom/orbit-design-tokens should be used as a value.
+- [prefer-single-destructure](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/prefer-single-destructure.md): Using too many arrow functions in interpolations can harm performance - because they have to be evaluated with execution context. This is done internally by wrapping all functions into the css helper from styled-components
+- [rtl-utils](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/rtl-utils.md):
+  Prevents bad theme.rtl patterns. Users often make the same mistake, they tend to use `theme.rtl` to apply RTL styles like right/left position, margins, and paddings. This rule should prevent such cases and enforce the usage of our RTL utility functions.
+- [unique-id](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/unique-id.md):
+  Rule prevents namespace collisions of the `id` HTML attribute. It often happens, that some elements can have the same ids. To prevent it in our codebase, it's better to use `randomID` utility function.
+- [use-rtl](https://github.com/kiwicom/orbit/blob/master/packages/eslint-plugin-orbit-components/docs/rules/use-rtl.md):
+  This rule aims to prevent RTL mistakes. A user can forget about RTL and use only static values, this rule should help to avoid that.
 
 ## License
 
diff --git a/packages/eslint-plugin-orbit-components/jest.config.cjs b/packages/eslint-plugin-orbit-components/jest.config.cjs
index a20921de10..a0a85a6331 100644
--- a/packages/eslint-plugin-orbit-components/jest.config.cjs
+++ b/packages/eslint-plugin-orbit-components/jest.config.cjs
@@ -1,7 +1,8 @@
 module.exports = {
-  displayName: "eslint-plugin-orbit-components",
+  displayName: "@kiwicom/eslint-plugin-orbit-components",
   testEnvironment: "node",
   transform: {
     "\\.[jt]sx?$": ["babel-jest", { root: __dirname }],
   },
+  extensionsToTreatAsEsm: [".ts", ".tsx"],
 };
diff --git a/packages/eslint-plugin-orbit-components/package.json b/packages/eslint-plugin-orbit-components/package.json
index 5bcf851828..8a121cba39 100644
--- a/packages/eslint-plugin-orbit-components/package.json
+++ b/packages/eslint-plugin-orbit-components/package.json
@@ -21,6 +21,9 @@
     "url": "https://github.com/kiwicom/orbit.git",
     "directory": "packages/eslint-plugin-orbit-components"
   },
+  "engines": {
+    "node": ">=18.0.0"
+  },
   "gitHead": "5e7d8f283e39532de0393f7f42cea2f7d33f6ac7",
   "files": [
     "dist",
@@ -44,10 +47,11 @@
     "eslint": ">=8"
   },
   "devDependencies": {
+    "@typescript-eslint/rule-tester": "^6.5.0",
     "del-cli": "^5.0.0",
     "tsup": "^6.1.0"
   },
   "dependencies": {
-    "@babel/types": "=7.12.10"
+    "@typescript-eslint/utils": "^6.5.0"
   }
 }
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/buttonHasTitle.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/buttonHasTitle.test.ts
index 64c459d54a..111b800e43 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/buttonHasTitle.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/buttonHasTitle.test.ts
@@ -2,7 +2,6 @@ import ruleTester from "../ruleTester";
 import buttonHasTitle from "../rules/buttonHasTitle";
 
 describe("Button has title", () => {
-  // @ts-expect-error TODO
   ruleTester.run("button-has-title", buttonHasTitle, {
     valid: [
       {
@@ -48,30 +47,22 @@ describe("Button has title", () => {
       {
         code: `import Button from "@kiwicom/orbit-components/lib/Button";\
                const App = () => <Button iconLeft="something" />`,
-        errors: [
-          "Button doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
       {
         code: `import { Button as OrbitButton } from "@kiwicom/orbit-components/";\
                const App = () => <OrbitButton fullWidth />`,
-        errors: [
-          "OrbitButton doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
       {
         code: `import ButtonLink from "@kiwicom/orbit-components/lib/ButtonLink";\
                const App = () => <ButtonLink iconLeft="something" />`,
-        errors: [
-          "ButtonLink doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
       {
         code: `import { ButtonLink as OrbitButtonLink } from "@kiwicom/orbit-components/";\
                const App = () => <OrbitButtonLink fullWidth />`,
-        errors: [
-          "OrbitButtonLink doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
       {
         code: `import Button from "@kiwicom/orbit-components/lib/Button";
@@ -81,9 +72,7 @@ describe("Button has title", () => {
                const App = () => {\
                   return <Button {...rest} />
                }`,
-        errors: [
-          "Button doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
       {
         code: `import Button from "@kiwicom/orbit-components/lib/Button";
@@ -93,9 +82,7 @@ describe("Button has title", () => {
                   }
                   return <Button {...rest} />
                }`,
-        errors: [
-          "Button doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.",
-        ],
+        errors: [{ messageId: "error" }],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/defaultTheme.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/defaultTheme.test.ts
index 98901b5370..75ca491412 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/defaultTheme.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/defaultTheme.test.ts
@@ -1,5 +1,5 @@
 import ruleTester from "../ruleTester";
-import defaultTheme, { ERRORS } from "../rules/defaultTheme";
+import defaultTheme from "../rules/defaultTheme";
 
 describe("defaultTheme", () => {
   ruleTester.run("defaultTheme", defaultTheme, {
@@ -58,7 +58,11 @@ describe("defaultTheme", () => {
             content: getContentPerStatus(activeStatus, true),
           }
         `,
-        errors: [ERRORS.variableDeclaration],
+        errors: [
+          {
+            messageId: "variableDeclaration",
+          },
+        ],
       },
       {
         code: `
@@ -68,11 +72,19 @@ describe("defaultTheme", () => {
             color: $\{defaultTheme.orbit.paletteProductNormal};
           \`
         `,
-        errors: [ERRORS.styled],
+        errors: [
+          {
+            messageId: "styled",
+          },
+        ],
       },
       {
         code: `import theme from "@kiwicom/orbit-components/lib/defaultTheme";`,
-        errors: [ERRORS.import],
+        errors: [
+          {
+            messageId: "import",
+          },
+        ],
       },
       {
         code: `
@@ -86,7 +98,11 @@ describe("defaultTheme", () => {
             spaceMedium,
           } = defaultTheme.orbit;
         `,
-        errors: [ERRORS.destructured],
+        errors: [
+          {
+            messageId: "destructured",
+          },
+        ],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/isUniqueId.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/isUniqueId.test.ts
index 5983cc862b..2b305a8c94 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/isUniqueId.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/isUniqueId.test.ts
@@ -24,8 +24,12 @@ describe("unique id", () => {
           </svg>
         )`,
         errors: [
-          `id="1", do not use literal value as ID, you should use randomID utility function`,
-          `id="2", do not use literal value as ID, you should use randomID utility function`,
+          {
+            messageId: "error",
+          },
+          {
+            messageId: "error",
+          },
         ],
       },
     ],
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/noCustomColors.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/noCustomColors.test.ts
index af6949a407..8c0a5037d0 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/noCustomColors.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/noCustomColors.test.ts
@@ -2,7 +2,6 @@ import ruleTester from "../ruleTester";
 import noCustomColors from "../rules/noCustomColors";
 
 describe("no-custom-colors", () => {
-  // @ts-expect-error TODO
   ruleTester.run("no-custom-colors", noCustomColors, {
     valid: [
       {
@@ -22,10 +21,7 @@ describe("no-custom-colors", () => {
               background: #808080;
               \`
           `,
-        errors: [
-          "color should be replaced with Orbit design token",
-          "background should be replaced with Orbit design token",
-        ],
+        errors: [{ messageId: "replace" }, { messageId: "replace" }],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/noCustomTypography.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/noCustomTypography.test.ts
index 37c1284992..10ea0e7a2e 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/noCustomTypography.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/noCustomTypography.test.ts
@@ -2,7 +2,6 @@ import ruleTester from "../ruleTester";
 import noCustomTypography from "../rules/noCustomTypography";
 
 describe("no-custom-typography", () => {
-  // @ts-expect-error TODO
   ruleTester.run("no-custom-typography", noCustomTypography, {
     valid: [
       {
@@ -40,11 +39,7 @@ describe("no-custom-typography", () => {
               line-height: 1.2;
               \`
           `,
-        errors: [
-          "The value 16px used for CSS property font-size should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
-          "The value 'Roboto', sans-serif used for CSS property font-family should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
-          "The value 1.2 used for CSS property line-height should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
-        ],
+        errors: [{ messageId: "error" }, { messageId: "error" }, { messageId: "error" }],
       },
       {
         code: `
@@ -54,10 +49,7 @@ describe("no-custom-typography", () => {
               line-height: 1.2;
               \`
           `,
-        errors: [
-          "The value 'Roboto', sans-serif used for CSS property font-family should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
-          "The value 1.2 used for CSS property line-height should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
-        ],
+        errors: [{ messageId: "error" }, { messageId: "error" }],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/preferSingleDestructure.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/preferSingleDestructure.test.ts
index 2f70f2bf2c..cd268b7252 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/preferSingleDestructure.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/preferSingleDestructure.test.ts
@@ -1,5 +1,5 @@
 import ruleTester from "../ruleTester";
-import preferSingleDestructure, { ERROR } from "../rules/preferSingleDestructure";
+import preferSingleDestructure from "../rules/preferSingleDestructure";
 
 describe("prefer-single-destructure", () => {
   ruleTester.run("prefer-single-destructure", preferSingleDestructure, {
@@ -33,7 +33,11 @@ describe("prefer-single-destructure", () => {
             font-family: \${({theme}) => theme.orbit.fontFamily};
           \`
       `,
-        errors: [ERROR],
+        errors: [
+          {
+            messageId: "error",
+          },
+        ],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/rtlUtils.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/rtlUtils.test.ts
index 4eba49941c..4e61dd06bc 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/rtlUtils.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/rtlUtils.test.ts
@@ -1,5 +1,5 @@
 import ruleTester from "../ruleTester";
-import rtlUtils, { RightOrLeftError, SpacingError } from "../rules/rtlUtils";
+import rtlUtils from "../rules/rtlUtils";
 
 describe("rtl-utils", () => {
   ruleTester.run("rtl-utils", rtlUtils, {
@@ -69,7 +69,11 @@ describe("rtl-utils", () => {
             \`)};
           \`
           `,
-        errors: [RightOrLeftError],
+        errors: [
+          {
+            messageId: "RightOrLeftError",
+          },
+        ],
       },
       {
         code: `
@@ -78,7 +82,11 @@ describe("rtl-utils", () => {
             \${({ theme }) => (theme.rtl ? "margin-right:" : "margin-left:")} 7px;
           \`
           `,
-        errors: [RightOrLeftError],
+        errors: [
+          {
+            messageId: "RightOrLeftError",
+          },
+        ],
       },
       {
         code: `
@@ -87,7 +95,11 @@ describe("rtl-utils", () => {
             \${({ theme }) => (theme.rtl ? "padding-right:" : "padding-left:")} 10px;
           \`
           `,
-        errors: [RightOrLeftError],
+        errors: [
+          {
+            messageId: "RightOrLeftError",
+          },
+        ],
       },
       {
         code: `
@@ -96,7 +108,11 @@ describe("rtl-utils", () => {
               padding: \${({ theme }) => (theme.rtl ? "0 10px 0 0" : \`\${theme.orbit.spaceLarge} 0 0 0\`)};
           \`
           `,
-        errors: [SpacingError],
+        errors: [
+          {
+            messageId: "SpacingError",
+          },
+        ],
       },
       {
         code: `
@@ -106,7 +122,11 @@ describe("rtl-utils", () => {
               padding: \${({ theme }) => theme.rtl ? \`\${theme.orbit.spaceXLarge} 0 0 0px\` : "0 0 10px 0"};
             \`;
           `,
-        errors: [SpacingError],
+        errors: [
+          {
+            messageId: "SpacingError",
+          },
+        ],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/tsconfig.json b/packages/eslint-plugin-orbit-components/src/__tests__/tsconfig.json
deleted file mode 100644
index 74a5ce9368..0000000000
--- a/packages/eslint-plugin-orbit-components/src/__tests__/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "module": "ESNext",
-    "noEmit": true,
-    "moduleResolution": "node"
-  },
-  "include": ["*.test.ts", "../__fixtures__"]
-}
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/unnecessaryText.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/unnecessaryText.test.ts
index 3b25288a50..04fb41fba1 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/unnecessaryText.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/unnecessaryText.test.ts
@@ -2,49 +2,54 @@ import ruleTester from "../ruleTester";
 import unnecessaryText from "../rules/unnecessaryText";
 
 describe("Unnecessary text", () => {
-  // @ts-expect-error TODO
   ruleTester.run("unnecessary-text", unnecessaryText, {
     valid: [
       {
         code: `import Button from "@kiwicom/orbit-components/lib/Button";\
-               const App = () => <Button>Test</Button>`,
+      const App = () => <Button>Test</Button>`,
       },
       {
         code: `import Button2 from "@kiwicom/orbit-components/lib/Button";\
-               const App = () => <Button2>Test</Button2>`,
+      const App = () => <Button2>Test</Button2>`,
       },
     ],
     invalid: [
       {
         code: `import { Text } from "@kiwicom/orbit-components";\
-               import Button from "@kiwicom/orbit-components/lib/Button";\
-               const App = () => (\
-               <Button>\
-               <Text>\
-               Test\
-               </Text>\
-               </Button>\
-               )`,
+        import Button from "@kiwicom/orbit-components/lib/Button";\
+        const App = () => (\
+        <Button>\
+        <Text>\
+        Test\
+        </Text>\
+        </Button>\
+        )`,
         errors: [
-          "Don't wrap Button's children to Text component. This wrapping in unnecessary and breaks visual style of Button's typography.",
+          {
+            messageId: "error",
+          },
         ],
       },
       {
         code: `import { Text as Text2 } from "@kiwicom/orbit-components";\
-               import Button from "@kiwicom/orbit-components/lib/Button";\
-               const App = () => <Button>\
-               <Text2>Test</Text2>\
-               </Button>`,
+        import Button from "@kiwicom/orbit-components/lib/Button";\
+        const App = () => <Button>\
+        <Text2>Test</Text2>\
+        </Button>`,
         errors: [
-          "Don't wrap Button's children to Text component. This wrapping in unnecessary and breaks visual style of Button's typography.",
+          {
+            messageId: "error",
+          },
         ],
       },
       {
         code: `import OwnText from "@kiwicom/orbit-components/lib/Text";\
-               import OwnButton from "@kiwicom/orbit-components/lib/Button";\
-               const App = () => (<OwnButton><OwnText>Test</OwnText></OwnButton>)`,
+        import OwnButton from "@kiwicom/orbit-components/lib/Button";\
+        const App = () => (<OwnButton><OwnText>Test</OwnText></OwnButton>)`,
         errors: [
-          "Don't wrap OwnButton's children to Text component. This wrapping in unnecessary and breaks visual style of OwnButton's typography.",
+          {
+            messageId: "error",
+          },
         ],
       },
     ],
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/useClient.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/useClient.test.ts
index 8abbdfad36..17e4510210 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/useClient.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/useClient.test.ts
@@ -1,4 +1,5 @@
 import dedent from "dedent";
+
 import ruleTester from "../ruleTester";
 import useClient from "../rules/useClient";
 
diff --git a/packages/eslint-plugin-orbit-components/src/__tests__/useRtl.test.ts b/packages/eslint-plugin-orbit-components/src/__tests__/useRtl.test.ts
index bf924203f0..707e2d69b7 100644
--- a/packages/eslint-plugin-orbit-components/src/__tests__/useRtl.test.ts
+++ b/packages/eslint-plugin-orbit-components/src/__tests__/useRtl.test.ts
@@ -1,5 +1,5 @@
 import ruleTester from "../ruleTester";
-import useRtl, { ERROR_RTL_SPACING, ERROR_BORDER_RADIUS, errorBasic } from "../rules/useRtl";
+import useRtl from "../rules/useRtl";
 
 describe("use-rtl", () => {
   ruleTester.run("use-rtl", useRtl, {
@@ -101,7 +101,7 @@ describe("use-rtl", () => {
               margin: 10px 15px 0 10px;
             \`
           `,
-        errors: [ERROR_RTL_SPACING],
+        errors: [{ messageId: "ERROR_RTL_SPACING" }],
       },
       {
         code: `
@@ -111,7 +111,7 @@ describe("use-rtl", () => {
               margin: 10px 15px 0 10px;
             \`
           `,
-        errors: [ERROR_RTL_SPACING],
+        errors: [{ messageId: "ERROR_RTL_SPACING" }],
       },
       {
         code: `
@@ -121,7 +121,7 @@ describe("use-rtl", () => {
             padding: 0 15px 3px 5px;
           \`
         `,
-        errors: [ERROR_RTL_SPACING],
+        errors: [{ messageId: "ERROR_RTL_SPACING" }],
       },
       {
         code: `
@@ -131,7 +131,7 @@ describe("use-rtl", () => {
             border-radius: 3px 5px 4px 5px;
           \`
         `,
-        errors: [ERROR_BORDER_RADIUS],
+        errors: [{ messageId: "ERROR_BORDER_RADIUS" }],
       },
       {
         code: `
@@ -141,7 +141,7 @@ describe("use-rtl", () => {
             border-radius: 3px 3px 4px 5px;
           \`
         `,
-        errors: [ERROR_BORDER_RADIUS],
+        errors: [{ messageId: "ERROR_BORDER_RADIUS" }],
       },
       {
         code: `
@@ -151,7 +151,7 @@ describe("use-rtl", () => {
             text-align: left;
           \`
         `,
-        errors: [errorBasic],
+        errors: [{ messageId: "errorBasic" }],
       },
       {
         code: `
@@ -161,7 +161,7 @@ describe("use-rtl", () => {
             right: 0;
           \`
         `,
-        errors: [errorBasic],
+        errors: [{ messageId: "errorBasic" }],
       },
       {
         code: `
@@ -171,7 +171,7 @@ describe("use-rtl", () => {
             left: 0;
           \`
         `,
-        errors: [errorBasic],
+        errors: [{ messageId: "errorBasic" }],
       },
       {
         code: `
@@ -181,7 +181,7 @@ describe("use-rtl", () => {
             transform: translate3d("400px, 0, 0");
           \`
         `,
-        errors: [errorBasic],
+        errors: [{ messageId: "errorBasic" }],
       },
     ],
   });
diff --git a/packages/eslint-plugin-orbit-components/src/configs/internal.ts b/packages/eslint-plugin-orbit-components/src/configs/internal.ts
index ba02860a67..b7b7ef58bb 100644
--- a/packages/eslint-plugin-orbit-components/src/configs/internal.ts
+++ b/packages/eslint-plugin-orbit-components/src/configs/internal.ts
@@ -2,6 +2,7 @@ const internal = {
   plugins: ["orbit-components"],
   rules: {
     "orbit-components/unique-id": "error",
+    "orbit-components/use-client-directive": "error",
   },
 };
 
diff --git a/packages/eslint-plugin-orbit-components/src/index.ts b/packages/eslint-plugin-orbit-components/src/index.ts
index 1d44707903..1d09537c4c 100755
--- a/packages/eslint-plugin-orbit-components/src/index.ts
+++ b/packages/eslint-plugin-orbit-components/src/index.ts
@@ -9,6 +9,7 @@ import preferSingleDestructure from "./rules/preferSingleDestructure";
 import recommended from "./configs/recommended";
 import uniqueId from "./rules/uniqueId";
 import unnecessaryText from "./rules/unnecessaryText";
+import useClient from "./rules/useClient";
 
 export const rules = {
   "button-has-title": buttonHasTitle,
@@ -20,6 +21,7 @@ export const rules = {
   "unique-id": uniqueId,
   "unnecessary-text": unnecessaryText,
   "use-rtl": useRtl,
+  "use-client-directive": useClient,
 };
 
 export const configs = {
diff --git a/packages/eslint-plugin-orbit-components/src/ruleTester.ts b/packages/eslint-plugin-orbit-components/src/ruleTester.ts
old mode 100755
new mode 100644
index e994efdfec..e45a5e6c7b
--- a/packages/eslint-plugin-orbit-components/src/ruleTester.ts
+++ b/packages/eslint-plugin-orbit-components/src/ruleTester.ts
@@ -1,14 +1,19 @@
-import { RuleTester } from "eslint";
+import { RuleTester } from "@typescript-eslint/rule-tester";
+import path from "path";
+import filedirname from "filedirname";
+
+const [_, __dirname] = filedirname();
 
 const ruleTester = new RuleTester({
-  parser: require.resolve("@babel/eslint-parser"),
+  parser: "@typescript-eslint/parser",
   parserOptions: {
     sourceType: "module",
     ecmaVersion: 2020,
-    babelOptions: {
-      configFile: require.resolve("../babel.config.cjs"),
-      presets: ["@babel/preset-react", "@babel/preset-env"],
+    ecmaFeatures: {
+      jsx: true,
     },
+    tsconfigRootDir: path.resolve(__dirname, "__fixtures__"),
+    project: path.resolve(__dirname, "..", "tsconfig.json"),
   },
 });
 
diff --git a/packages/eslint-plugin-orbit-components/src/rules/buttonHasTitle.ts b/packages/eslint-plugin-orbit-components/src/rules/buttonHasTitle.ts
index 745a666c38..09d10bccc2 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/buttonHasTitle.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/buttonHasTitle.ts
@@ -1,17 +1,31 @@
-import { Rule } from "eslint";
-import * as t from "@babel/types";
+import { TSESTree as t, AST_NODE_TYPES } from "@typescript-eslint/utils";
 
 import isOrbitComponent from "../utils/isOrbitComponent";
 import detectOriginalOrbitName from "../utils/detectOriginalOrbitName";
+import ruleCreator from "../utils/ruleCreator";
 
-export default {
-  create: (context: Rule.RuleContext) => {
+export default ruleCreator({
+  name: "button-has-title",
+  meta: {
+    type: "suggestion",
+    docs: {
+      description: "Button should have title prop.",
+    },
+    messages: {
+      error: `'{{ name }}' doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.`,
+    },
+    deprecated: true,
+    schema: [],
+  },
+  defaultOptions: [],
+
+  create: context => {
     const importedOrbitComponents: Record<string, string | undefined> = {};
     const JSXElements: t.JSXElement[] = [];
     const variables: Record<string, (string | null)[]> = {};
     const Buttons = ["Button", "ButtonLink"];
 
-    const registerImport = (ctx: Rule.RuleContext, node: t.ImportDeclaration, name: string) => {
+    const registerImport = (node: t.ImportDeclaration, name: string) => {
       if (isOrbitComponent(name)) {
         const ORIGINAL_ORBIT_NAME = detectOriginalOrbitName(node);
         const LOCAL_NAME = node.specifiers[0].local.name;
@@ -26,84 +40,91 @@ export default {
 
       VariableDeclaration(node: t.VariableDeclaration) {
         node.declarations.forEach(declaration => {
-          if (t.isObjectExpression(declaration.init)) {
-            if (declaration.init.properties.length > 0) {
-              if (t.isIdentifier(declaration.id)) {
-                variables[declaration.id.name] = declaration.init.properties.map(property => {
-                  if (t.isProperty(property) && t.isIdentifier(property.key)) {
-                    return property.key.name;
-                  }
-                  return null;
-                });
+          if (declaration.init != null && declaration.init.type !== AST_NODE_TYPES.ObjectExpression)
+            return undefined;
+          if (declaration.id?.type !== AST_NODE_TYPES.Identifier) return undefined;
+
+          if (declaration.init != null) {
+            variables[declaration.id?.name] = declaration.init.properties.map(property => {
+              if (property.type === AST_NODE_TYPES.Property && property.key.type === "Identifier") {
+                return property.key.name;
               }
-            }
+
+              return null;
+            });
           }
+
+          return null;
         });
       },
 
       ImportDeclaration: (node: t.ImportDeclaration) => {
         if (node.specifiers.length) {
           const name = node.source.value;
-          registerImport(context, node, name);
+          registerImport(node, name);
         }
       },
 
       "Program:exit": () => {
         JSXElements.forEach(node => {
-          if (t.isJSXIdentifier(node.openingElement.name)) {
+          if (
+            node.openingElement.name &&
+            node.openingElement.name.type === AST_NODE_TYPES.JSXIdentifier
+          ) {
             const localName = node.openingElement.name.name;
             if (
               localName in importedOrbitComponents &&
               Buttons.find(x => x === importedOrbitComponents[localName])
             ) {
               /*
-              We can safely return, because the JSXElement is not selfClosing - does have children.
-              e.g. <Button>children</Button>
-             */
+                We can safely return, because the JSXElement is not selfClosing - does have children.
+                e.g. <Button>children</Button>
+               */
               if (!node.openingElement.selfClosing) return;
               /*
-              It's to possible to use rest spread to attach properties to components.
-              Therefore, we need to check if `title` property is in the spreading object.
-             */
+                It's to possible to use rest spread to attach properties to components.
+                Therefore, we need to check if `title` property is in the spreading object.
+               */
               const spread =
-                node.openingElement.attributes.filter(n => n.type === "JSXSpreadAttribute") || [];
+                node.openingElement.attributes.filter(
+                  n => n.type === AST_NODE_TYPES.JSXSpreadAttribute,
+                ) || [];
               if (spread.length > 0) {
                 /*
-                The object can be imported from different file/module,
-                therefore we skip empty object variable declarations
-               */
+                  The object can be imported from different file/module,
+                  therefore we skip empty object variable declarations
+                 */
                 if (Object.keys(variables).length === 0) return;
 
                 spread.forEach(s => {
-                  if (t.isJSXSpreadAttribute(s) && t.isIdentifier(s.argument)) {
+                  if (s.type !== AST_NODE_TYPES.JSXSpreadAttribute) return;
+                  if (s.argument.type === "Identifier" && s.argument.name in variables) {
                     const { name } = s.argument;
                     /*
-                  If the spreading variable name is in object declarations, we can check if "title"
-                  is present, or report warning.
-                 */
+                    If the spreading variable name is in object declarations, we can check if "title"
+                    is present, or report warning.
+                   */
                     if (!(name in variables)) return;
                     if (variables[name].find(v => v === "title")) return;
 
                     context.report({
-                      // @ts-expect-error TODO
                       node,
-                      message: `${localName} doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.`,
+                      messageId: "error",
                     });
                   }
                 });
 
                 /*
-                Last check for JSX attributes, if "title" is present
-               */
+                  Last check for JSX attributes, if "title" is present
+                 */
               } else if (
                 !node.openingElement.attributes.find(
                   n => n.type === "JSXAttribute" && n.name.name === "title",
                 )
               ) {
                 context.report({
-                  // @ts-expect-error TODO
                   node,
-                  message: `${localName} doesn't have children. Please provide title property to add aria-label, so it's accessible for screen readers.`,
+                  messageId: "error",
                 });
               }
             }
@@ -112,4 +133,4 @@ export default {
       },
     };
   },
-};
+});
diff --git a/packages/eslint-plugin-orbit-components/src/rules/defaultTheme.ts b/packages/eslint-plugin-orbit-components/src/rules/defaultTheme.ts
index 5b8b8c8be3..ad4bce974c 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/defaultTheme.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/defaultTheme.ts
@@ -1,5 +1,6 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { TSESTree as t, AST_NODE_TYPES } from "@typescript-eslint/utils";
+
+import ruleCreator from "../utils/ruleCreator";
 
 export const ERRORS = {
   variableDeclaration: "Do not use defaultTheme as value, use useTheme() hook or ThemeConsumer",
@@ -9,32 +10,33 @@ export const ERRORS = {
   destructured: "Do not destructured defaultTheme, use useTheme() hook or ThemeConsumer",
 };
 
-const defaultThemeRule: Rule.RuleModule = {
+const defaultThemeRule = ruleCreator({
+  name: "default-theme",
   meta: {
     type: "problem",
+    deprecated: true,
     docs: {
       description: "Rule helps to avoid bad patterns of defaultTheme usage",
-      category: "Possible errors",
-      recommended: true,
     },
+    messages: ERRORS,
+    schema: [],
   },
+  defaultOptions: [],
 
-  // @ts-expect-error todo
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     let specifier = "";
 
     return {
       ImportDeclaration(node: t.ImportDeclaration) {
         if (node.source.value === "@kiwicom/orbit-components/lib/defaultTheme") {
           node.specifiers.forEach(s => {
-            if (t.isImportDefaultSpecifier(s)) {
+            if (s.type === AST_NODE_TYPES.ImportDefaultSpecifier) {
               if (s.local.name === "theme") {
                 context.report({
-                  // @ts-expect-error TODO
                   node,
-                  message: ERRORS.import,
+                  messageId: "import",
                 });
-              } else if (t.isImportDefaultSpecifier(s)) {
+              } else if (s.type === AST_NODE_TYPES.ImportDefaultSpecifier) {
                 specifier = s.local.name;
               }
             }
@@ -52,20 +54,19 @@ const defaultThemeRule: Rule.RuleModule = {
 
       VariableDeclaration(node: t.VariableDeclaration) {
         node.declarations.forEach(n => {
-          if (t.isVariableDeclarator(n)) {
-            if (t.isObjectExpression(n.init)) {
+          if (n.type === AST_NODE_TYPES.VariableDeclarator && n.init != null) {
+            if (n.init.type === AST_NODE_TYPES.ObjectExpression) {
               n.init.properties.forEach(p => {
-                if (t.isProperty(p)) {
-                  if (t.isMemberExpression(p.value)) {
+                if (p.type === AST_NODE_TYPES.Property && p.value != null) {
+                  if (p.value.type === AST_NODE_TYPES.MemberExpression) {
                     if (
-                      t.isMemberExpression(p.value.object) &&
-                      t.isIdentifier(p.value.object.object)
+                      p.value.object.type === AST_NODE_TYPES.MemberExpression &&
+                      p.value.object.object.type === AST_NODE_TYPES.Identifier
                     ) {
                       if (specifier === p.value.object.object.name) {
                         context.report({
-                          // @ts-expect-error TODO
                           node: p,
-                          message: ERRORS.variableDeclaration,
+                          messageId: "variableDeclaration",
                         });
                       }
                     }
@@ -85,13 +86,15 @@ const defaultThemeRule: Rule.RuleModule = {
                 } = defaultTheme.orbit;
              */
 
-            if (t.isMemberExpression(n.init) && t.isObjectPattern(n.id)) {
-              if (t.isIdentifier(n.init.object)) {
+            if (
+              n.init.type === AST_NODE_TYPES.MemberExpression &&
+              n.id.type === AST_NODE_TYPES.ObjectPattern
+            ) {
+              if (n.init.object.type === AST_NODE_TYPES.Identifier) {
                 if (specifier === n.init.object.name) {
                   context.report({
-                    // @ts-expect-error TODO
                     node,
-                    message: ERRORS.destructured,
+                    messageId: "destructured",
                   });
                 }
               }
@@ -109,13 +112,15 @@ const defaultThemeRule: Rule.RuleModule = {
 
       TemplateLiteral(node: t.TemplateLiteral) {
         node.expressions.forEach(exp => {
-          if (t.isMemberExpression(exp)) {
-            if (t.isMemberExpression(exp.object) && t.isIdentifier(exp.object.object)) {
+          if (exp.type === AST_NODE_TYPES.MemberExpression) {
+            if (
+              exp.object.type === AST_NODE_TYPES.MemberExpression &&
+              exp.object.object.type === AST_NODE_TYPES.Identifier
+            ) {
               if (specifier === exp.object.object.name) {
                 context.report({
-                  // @ts-expect-error TODO
                   node: exp,
-                  message: ERRORS.styled,
+                  messageId: "styled",
                 });
               }
             }
@@ -124,6 +129,6 @@ const defaultThemeRule: Rule.RuleModule = {
       },
     };
   },
-};
+});
 
 export default defaultThemeRule;
diff --git a/packages/eslint-plugin-orbit-components/src/rules/noCustomColors.ts b/packages/eslint-plugin-orbit-components/src/rules/noCustomColors.ts
index 0c2525b426..684ff06bbc 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/noCustomColors.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/noCustomColors.ts
@@ -1,17 +1,23 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { TSESTree as t } from "@typescript-eslint/utils";
 
-export default {
+import ruleCreator from "../utils/ruleCreator";
+
+export default ruleCreator({
+  name: "no-custom-colors",
   meta: {
     type: "suggestion",
+    deprecated: true,
     docs: {
       description: "Prevents inconsistencies between Orbit and custom written colors",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      replace: "{{name}} should be replaced with Orbit design token",
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     const allowed = ["background", "background-color", "color"];
 
     return {
@@ -29,9 +35,11 @@ export default {
           properties.forEach(p => {
             if (p[1]) {
               context.report({
-                // @ts-expect-error TODO
                 node,
-                message: `${p[0]} should be replaced with Orbit design token`,
+                messageId: "replace",
+                data: {
+                  name: p[0].trim(),
+                },
               });
             }
           });
@@ -39,4 +47,4 @@ export default {
       },
     };
   },
-};
+});
diff --git a/packages/eslint-plugin-orbit-components/src/rules/noCustomTypography.ts b/packages/eslint-plugin-orbit-components/src/rules/noCustomTypography.ts
index 32ad32b0f3..3961e4bf8d 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/noCustomTypography.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/noCustomTypography.ts
@@ -1,18 +1,25 @@
-import * as t from "@babel/types";
-import type { Rule } from "eslint";
+import { TSESTree as t } from "@typescript-eslint/utils";
 
-export default {
+import ruleCreator from "../utils/ruleCreator";
+
+export default ruleCreator({
+  name: "no-custom-typography",
   meta: {
     type: "suggestion",
+    deprecated: true,
     docs: {
       description:
         "The aim of this rule is to prevent usage of custom values for font-size, font-family and line-height CSS properties. Only some of design tokens from @kiwicom/orbit-design-tokens should be used as value.",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      error:
+        "The value {{value}} used for CSS property {{property}} should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.",
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     const ALLOWED_PROPS = ["font-size", "font-family", "line-height"];
     const ALLOWED_VALUES = ["inherit", "initial", "unset"];
 
@@ -31,11 +38,12 @@ export default {
           properties.forEach(p => {
             if (p[1] && !ALLOWED_VALUES.includes(p[1].trim())) {
               context.report({
-                // @ts-expect-error TODO
                 node,
-                message: `The value ${p[1].trim()} used for CSS property ${
-                  p[0]
-                } should be replaced with an existing design token. Check orbit.kiwi/design-tokens to find which token you might use.`,
+                messageId: "error",
+                data: {
+                  value: p[1].trim(),
+                  property: p[0].trim(),
+                },
               });
             }
           });
@@ -43,4 +51,4 @@ export default {
       },
     };
   },
-};
+});
diff --git a/packages/eslint-plugin-orbit-components/src/rules/preferSingleDestructure.ts b/packages/eslint-plugin-orbit-components/src/rules/preferSingleDestructure.ts
index 199ec303bb..f7a40737a8 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/preferSingleDestructure.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/preferSingleDestructure.ts
@@ -1,30 +1,35 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { TSESTree as t, AST_NODE_TYPES } from "@typescript-eslint/utils";
+
+import ruleCreator from "../utils/ruleCreator";
 
 const LIMIT = 1;
 
 export const ERROR =
   "Using many arrow function expressions in a single styled component can negatively impact performance. Consider using one single function to destructure all props and return one single css helper function if possible.";
 
-const preferSingleDestructure: Rule.RuleModule = {
+const preferSingleDestructure = ruleCreator({
+  name: "prefer-single-destructure",
   meta: {
     type: "suggestion",
+    deprecated: true,
     docs: {
       description:
         "Using too many arrow functions in interpolations can have a negative impact on performance, because they have to be evaluated with execution context. This is done internally by wrapping all functions into css helper from styled-components . In most cases it's far more better to use one single arrow function and then use nested conditions that returns css if necessary.",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      error: ERROR,
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  // @ts-expect-error TODO
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     let specifier = "";
 
     return {
       ImportDeclaration(node: t.ImportDeclaration) {
         if (node.source.value === "styled-components") {
-          const def = node.specifiers.filter(s => t.isImportDefaultSpecifier(s));
+          const def = node.specifiers.filter(s => s.type === AST_NODE_TYPES.ImportDefaultSpecifier);
           if (def.length > 0) {
             specifier = def[0].local.name;
           }
@@ -32,17 +37,19 @@ const preferSingleDestructure: Rule.RuleModule = {
       },
 
       TaggedTemplateExpression(node: t.TaggedTemplateExpression) {
-        if (t.isMemberExpression(node.tag)) {
-          if (t.isIdentifier(node.tag.object) && node.tag.object.name === specifier) {
-            if (t.isTemplateLiteral(node.quasi)) {
-              const count = node.quasi.expressions.filter(e =>
-                t.isArrowFunctionExpression(e),
+        if (node.tag.type === AST_NODE_TYPES.MemberExpression) {
+          if (
+            node.tag.object.type === AST_NODE_TYPES.Identifier &&
+            node.tag.object.name === specifier
+          ) {
+            if (node.quasi.type === AST_NODE_TYPES.TemplateLiteral) {
+              const count = node.quasi.expressions.filter(
+                e => e.type === AST_NODE_TYPES.ArrowFunctionExpression,
               ).length;
               if (count > LIMIT) {
                 context.report({
-                  // @ts-expect-error TODO
                   node,
-                  message: ERROR,
+                  messageId: "error",
                 });
               }
             }
@@ -51,6 +58,6 @@ const preferSingleDestructure: Rule.RuleModule = {
       },
     };
   },
-};
+});
 
 export default preferSingleDestructure;
diff --git a/packages/eslint-plugin-orbit-components/src/rules/rtlUtils.ts b/packages/eslint-plugin-orbit-components/src/rules/rtlUtils.ts
index 8379312351..53efd4da5e 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/rtlUtils.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/rtlUtils.ts
@@ -1,5 +1,6 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { AST_NODE_TYPES, TSESTree as t } from "@typescript-eslint/utils";
+
+import ruleCreator from "../utils/ruleCreator";
 
 export const RightOrLeftError =
   "Do not use theme.rtl as the test value of conditional expression. Consider importing either left or right function from @kiwicom/orbit-components. See more on https://orbit.kiwi/utilities/right-to-left-languages/.";
@@ -7,64 +8,70 @@ export const RightOrLeftError =
 export const SpacingError =
   "Do not use theme.rtl as the test value of conditional expression. Consider importing rtlSpacing function from @kiwicom/orbit-components. See more on https://orbit.kiwi/utilities/right-to-left-languages/.";
 
-const rtlUtils: Rule.RuleModule = {
+const rtlUtils = ruleCreator({
+  name: "rtl-utils",
   meta: {
     type: "problem",
+    deprecated: true,
     docs: {
       description: "Prevents bad RTL patterns",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      RightOrLeftError,
+      SpacingError,
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  // @ts-expect-error TODO
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     let specifier = "";
 
     return {
       ImportDeclaration(node: t.ImportDeclaration) {
         if (node.source.value === "styled-components") {
-          const def = node.specifiers.filter(s => t.isImportDefaultSpecifier(s));
+          const def = node.specifiers.filter(s => s.type === AST_NODE_TYPES.ImportDefaultSpecifier);
           specifier = def[0].local.name;
         }
       },
 
       TaggedTemplateExpression(node: t.TaggedTemplateExpression) {
-        if (t.isMemberExpression(node.tag)) {
-          if (t.isIdentifier(node.tag.object) && node.tag.object.name === specifier) {
-            if (t.isTemplateLiteral(node.quasi)) {
+        if (node.tag.type === AST_NODE_TYPES.MemberExpression) {
+          if (
+            node.tag.object.type === AST_NODE_TYPES.Identifier &&
+            node.tag.object.name === specifier
+          ) {
+            if (node.quasi.type === AST_NODE_TYPES.TemplateLiteral) {
               node.quasi.expressions.forEach(e => {
-                if (t.isArrowFunctionExpression(e)) {
-                  if (t.isConditionalExpression(e.body)) {
-                    if (t.isMemberExpression(e.body.test) && t.isIdentifier(e.body.test.property)) {
+                if (e.type === AST_NODE_TYPES.ArrowFunctionExpression) {
+                  if (e.body.type === AST_NODE_TYPES.ConditionalExpression) {
+                    if (
+                      e.body.test.type === AST_NODE_TYPES.MemberExpression &&
+                      e.body.test.property.type === AST_NODE_TYPES.Identifier
+                    ) {
                       if (e.body.test.property.name === "rtl") {
                         const { consequent } = e.body;
                         // if it's literal value of which matches patterns
-                        // @ts-expect-error babel-types
-                        if (t.isLiteral(consequent) && consequent.value) {
+                        if (consequent.type === AST_NODE_TYPES.Literal && consequent.value) {
                           const regexWithProp =
                             /left|right|margin-left|margin-right|padding-left|padding-right/g;
-                          // @ts-expect-error babel-types
-                          if (consequent.value.match(regexWithProp)) {
+                          if (String(consequent.value).match(regexWithProp)) {
                             context.report({
-                              // @ts-expect-error TODO
                               node: consequent,
-                              message: RightOrLeftError,
+                              messageId: "RightOrLeftError",
                             });
                           } else {
                             context.report({
-                              // @ts-expect-error TODO
                               node: consequent,
-                              message: SpacingError,
+                              messageId: "SpacingError",
                             });
                           }
                         }
 
-                        if (t.isTemplateLiteral(consequent)) {
+                        if (consequent.type === AST_NODE_TYPES.TemplateLiteral) {
                           context.report({
-                            // @ts-expect-error TODO
                             node: consequent,
-                            message: SpacingError,
+                            messageId: "SpacingError",
                           });
                         }
                       }
@@ -78,6 +85,6 @@ const rtlUtils: Rule.RuleModule = {
       },
     };
   },
-};
+});
 
 export default rtlUtils;
diff --git a/packages/eslint-plugin-orbit-components/src/rules/uniqueId.ts b/packages/eslint-plugin-orbit-components/src/rules/uniqueId.ts
index 01fe2fe395..18bb554498 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/uniqueId.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/uniqueId.ts
@@ -1,33 +1,43 @@
-import { Rule } from "eslint";
-import * as t from "@babel/types";
+import { AST_NODE_TYPES, TSESTree as t } from "@typescript-eslint/utils";
 
-const uniqueId: Rule.RuleModule = {
+import ruleCreator from "../utils/ruleCreator";
+
+const uniqueId = ruleCreator({
+  name: "unique-id",
   meta: {
     type: "problem",
     docs: {
       description: "Prevents id namespace collisions",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      error: `{{ name }}="{{ value }}", do not use literal value as ID, you should use randomID utility function`,
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  // @ts-expect-error node
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     return {
       JSXAttribute(node: t.JSXAttribute) {
         if (node.value) {
-          if (node.name.name === "id" && !t.isJSXExpressionContainer(node.value)) {
+          if (
+            node.name.name === "id" &&
+            node.value.type !== AST_NODE_TYPES.JSXExpressionContainer &&
+            node.value.type !== AST_NODE_TYPES.JSXSpreadChild
+          ) {
             context.report({
-              // @ts-expect-error node
               node,
-              // @ts-expect-error node
-              message: `${node.name.name}="${node.value.value}", do not use literal value as ID, you should use randomID utility function`,
+              messageId: "error",
+              data: {
+                name: node.name.name,
+                value: node.value.value,
+              },
             });
           }
         }
       },
     };
   },
-};
+});
 
 export default uniqueId;
diff --git a/packages/eslint-plugin-orbit-components/src/rules/unnecessaryText.ts b/packages/eslint-plugin-orbit-components/src/rules/unnecessaryText.ts
index 346ded4f6f..b23587ae1c 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/unnecessaryText.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/unnecessaryText.ts
@@ -1,17 +1,30 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { AST_NODE_TYPES, TSESTree as t } from "@typescript-eslint/utils";
 
+import ruleCreator from "../utils/ruleCreator";
 import isOrbitComponent from "../utils/isOrbitComponent";
 import detectOriginalOrbitName from "../utils/detectOriginalOrbitName";
 
-export default {
-  create: (context: Rule.RuleContext) => {
+export default ruleCreator({
+  name: "unnecessary-text",
+  meta: {
+    type: "problem",
+    docs: {
+      description: "Prevents unnecessary wrapping of components to Text component",
+    },
+    messages: {
+      error: `Don't wrap {{ name }}'s children to Text component. This wrapping in unnecessary and breaks visual style of {{ name }}'s typography.`,
+    },
+    schema: [],
+  },
+  defaultOptions: [],
+
+  create: context => {
     const importedOrbitComponents: Record<string, string> = {};
     const JSXElements: t.JSXElement[] = [];
 
     const doNotUseTextIn = ["Button", "Heading"];
 
-    const registerImport = (ctx: Rule.RuleContext, node: t.ImportDeclaration, name: string) => {
+    const registerImport = (node: t.ImportDeclaration, name: string) => {
       if (isOrbitComponent(name)) {
         const ORIGINAL_ORBIT_NAME = detectOriginalOrbitName(node);
         const LOCAL_NAME = node.specifiers[0].local.name;
@@ -29,13 +42,13 @@ export default {
       ImportDeclaration: (node: t.ImportDeclaration) => {
         if (node.specifiers.length) {
           const name = node.source.value;
-          registerImport(context, node, name);
+          registerImport(node, name);
         }
       },
 
       "Program:exit": () => {
         JSXElements.forEach(node => {
-          if (t.isJSXIdentifier(node.openingElement.name)) {
+          if (node.openingElement.name.type === AST_NODE_TYPES.JSXIdentifier) {
             const localName = node.openingElement.name.name;
             if (
               localName in importedOrbitComponents &&
@@ -43,17 +56,17 @@ export default {
               node.children
             ) {
               node.children.forEach(child => {
-                if (t.isJSXElement(child)) {
+                if (child.type === AST_NODE_TYPES.JSXElement) {
                   if (!child.openingElement) return;
-                  if (t.isJSXIdentifier(child.openingElement.name)) {
+                  if (child.openingElement.name.type === AST_NODE_TYPES.JSXIdentifier) {
                     const childElementName = child.openingElement.name.name;
                     if (importedOrbitComponents[childElementName] === "Text") {
                       context.report({
-                        // @ts-expect-error TODO
                         node: child,
-                        message:
-                          `Don't wrap ${localName}'s children to Text component. ` +
-                          `This wrapping in unnecessary and breaks visual style of ${localName}'s typography.`,
+                        messageId: "error",
+                        data: {
+                          name: localName,
+                        },
                       });
                     }
                   }
@@ -65,4 +78,4 @@ export default {
       },
     };
   },
-};
+});
diff --git a/packages/eslint-plugin-orbit-components/src/rules/useClient.ts b/packages/eslint-plugin-orbit-components/src/rules/useClient.ts
index 4b14e099e8..0088c7bb11 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/useClient.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/useClient.ts
@@ -1,4 +1,5 @@
-import { AST_NODE_TYPES, TSESTree as t, TSESLint } from "@typescript-eslint/utils";
+import { AST_NODE_TYPES, TSESTree as t } from "@typescript-eslint/utils";
+
 import ruleCreator from "../utils/ruleCreator";
 
 const useClient = ruleCreator({
diff --git a/packages/eslint-plugin-orbit-components/src/rules/useRtl.ts b/packages/eslint-plugin-orbit-components/src/rules/useRtl.ts
index cf3aa0d79e..c5c2328aa0 100644
--- a/packages/eslint-plugin-orbit-components/src/rules/useRtl.ts
+++ b/packages/eslint-plugin-orbit-components/src/rules/useRtl.ts
@@ -1,5 +1,6 @@
-import * as t from "@babel/types";
-import { Rule } from "eslint";
+import { TSESTree as t } from "@typescript-eslint/utils";
+
+import ruleCreator from "../utils/ruleCreator";
 
 export const ERROR_RTL_SPACING =
   "Use Orbit's rtlSpacing utility because values for right and left edges are different. https://orbit.kiwi/utilities/right-to-left-languages/#rtlspacing";
@@ -10,7 +11,7 @@ export const ERROR_BORDER_RADIUS =
 export const errorBasic =
   "Values for right and left edges are different. Use Orbit's rtl utility. https://orbit.kiwi/utilities/right-to-left-languages";
 
-const parseVals = str =>
+const parseVals = (str: string) =>
   str
     .trim()
     .split(" ")
@@ -45,18 +46,24 @@ const borderRadiusCheck = (str: string) => {
   return undefined;
 };
 
-const useRtl: Rule.RuleModule = {
+const useRtl = ruleCreator({
+  name: "use-rtl",
   meta: {
     type: "problem",
+    deprecated: true,
     docs: {
       description: "Checks if the static literal values require RTL function",
-      category: "Possible Errors",
-      recommended: true,
     },
+    messages: {
+      ERROR_RTL_SPACING,
+      ERROR_BORDER_RADIUS,
+      errorBasic,
+    },
+    schema: [],
   },
+  defaultOptions: [],
 
-  // @ts-expect-error TODO
-  create: (context: Rule.RuleContext) => {
+  create: context => {
     const basic = [
       "right",
       "left",
@@ -84,9 +91,8 @@ const useRtl: Rule.RuleModule = {
             if (prop === "margin" || prop === "padding") {
               if (rtlSpacingCheck(value)) {
                 context.report({
-                  // @ts-expect-error todo
                   node,
-                  message: ERROR_RTL_SPACING,
+                  messageId: "ERROR_RTL_SPACING",
                 });
               }
             }
@@ -94,26 +100,23 @@ const useRtl: Rule.RuleModule = {
             if (prop === "border-radius") {
               if (borderRadiusCheck(value)) {
                 context.report({
-                  // @ts-expect-error todo
                   node,
-                  message: ERROR_BORDER_RADIUS,
+                  messageId: "ERROR_BORDER_RADIUS",
                 });
               }
             }
 
             if (prop === "transform" && value.match(/translate3d/)) {
               context.report({
-                // @ts-expect-error todo
                 node,
-                message: errorBasic,
+                messageId: "errorBasic",
               });
             }
 
             if (basic.includes(prop) && value) {
               context.report({
-                // @ts-expect-error todo
                 node,
-                message: errorBasic,
+                messageId: "errorBasic",
               });
             }
           });
@@ -121,6 +124,6 @@ const useRtl: Rule.RuleModule = {
       },
     };
   },
-};
+});
 
 export default useRtl;
diff --git a/packages/eslint-plugin-orbit-components/src/utils/detectOriginalOrbitName.ts b/packages/eslint-plugin-orbit-components/src/utils/detectOriginalOrbitName.ts
index 4279ea7115..aab1867a47 100644
--- a/packages/eslint-plugin-orbit-components/src/utils/detectOriginalOrbitName.ts
+++ b/packages/eslint-plugin-orbit-components/src/utils/detectOriginalOrbitName.ts
@@ -1,9 +1,12 @@
-import * as t from "@babel/types";
+import { AST_NODE_TYPES, TSESTree as t } from "@typescript-eslint/utils";
 
 const detectOriginalOrbitName = (node: t.ImportDeclaration) => {
   const specifier = node.specifiers[0];
   // IF NAMED import
-  if (t.isImportSpecifier(specifier) && t.isIdentifier(specifier.imported)) {
+  if (
+    specifier.type === AST_NODE_TYPES.ImportSpecifier &&
+    specifier.imported.type === AST_NODE_TYPES.Identifier
+  ) {
     return specifier.imported.name;
   }
   const originalImport = node.source.value.match(/@kiwicom\/orbit-components\/(?:lib|es)\/([^/]*)/);
diff --git a/packages/eslint-plugin-orbit-components/src/utils/ruleCreator.ts b/packages/eslint-plugin-orbit-components/src/utils/ruleCreator.ts
index ba9c52e533..71b005d1ea 100644
--- a/packages/eslint-plugin-orbit-components/src/utils/ruleCreator.ts
+++ b/packages/eslint-plugin-orbit-components/src/utils/ruleCreator.ts
@@ -2,4 +2,4 @@ import { ESLintUtils } from "@typescript-eslint/utils";
 
 import { RULE_URL } from "../consts";
 
-export default ESLintUtils.RuleCreator(name => `${RULE_URL}/${name}`);
+export default ESLintUtils.RuleCreator((name: string) => `${RULE_URL}/${name}`);
diff --git a/packages/eslint-plugin-orbit-components/tsconfig.json b/packages/eslint-plugin-orbit-components/tsconfig.json
index c316a5c3b3..04e45260d4 100644
--- a/packages/eslint-plugin-orbit-components/tsconfig.json
+++ b/packages/eslint-plugin-orbit-components/tsconfig.json
@@ -2,10 +2,14 @@
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
     "rootDir": "src",
-    "outDir": "dist",
+    "module": "esnext",
     "noEmit": true,
-    "moduleResolution": "node"
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["**/*.test.ts"]
+    "paths": {
+      // fix the path to utils module to prevent build from failing
+      "@typescript-eslint/utils": [
+        "../../node_modules/@typescript-eslint/utils/dist/ts-eslint/Rule.js"
+      ]
+    },
+    "moduleResolution": "bundler"
+  }
 }
diff --git a/packages/orbit-components/.eslintrc.cjs b/packages/orbit-components/.eslintrc.cjs
index 60feaa91d6..d47c56208a 100644
--- a/packages/orbit-components/.eslintrc.cjs
+++ b/packages/orbit-components/.eslintrc.cjs
@@ -26,10 +26,11 @@ module.exports = {
         "flowtype/require-valid-file-annotation": ["error", "always"],
       },
     },
+    // TODO: temporary disabled because of the issue: https://github.com/typescript-eslint/typescript-eslint/issues/4608
     {
       files: ["src/**/*.ts?(x)"],
       rules: {
-        "@typescript-eslint/consistent-type-imports": "error",
+        "@typescript-eslint/consistent-type-imports": "warn",
       },
     },
     {
@@ -71,6 +72,7 @@ module.exports = {
     {
       files: ["src/**/*.test.ts?(x)", "src/test-utils.tsx"],
       rules: {
+        "orbit-components/unique-id": "off",
         "import/no-extraneous-dependencies": [
           "error",
           {
diff --git a/packages/orbit-components/config/fetchIcons.mts b/packages/orbit-components/config/fetchIcons.mts
index 99e624e6c6..3bb9324080 100644
--- a/packages/orbit-components/config/fetchIcons.mts
+++ b/packages/orbit-components/config/fetchIcons.mts
@@ -41,6 +41,10 @@ interface FigmaComponents {
   i18n: null;
 }
 
+interface Images {
+  images: Record<string, string>;
+}
+
 const FILTERED_FRAMES = ["All icons", "Social Colored", "Social", "Navigation icons"];
 const ICONS_ID = "wjYAT0sNBXtirEoyKgXUwr";
 const FIGMA_FILE_URI = `https://api.figma.com/v1/files/${ICONS_ID}`;
@@ -69,7 +73,8 @@ const getId = (str: string) => {
 };
 // helper functions
 const isCorrectSize = (name: string) => {
-  const size = argv.size || "normal";
+  const argvSize = argv.size as string;
+  const size = argvSize || "normal";
   return name === `size=${size}`;
 };
 
@@ -81,11 +86,12 @@ try {
     path: `${process.cwd()}/../../.env`,
   });
 } catch (err) {
-  if (err.missing.includes("FIGMA_TOKEN")) {
+  const errorObj = err as { missing: string[] };
+  if (errorObj.missing.includes("FIGMA_TOKEN")) {
     throw new Error(
       dedent`
         Figma token is missing in the .env file:
-        ${err.missing.join("\n")}
+        ${errorObj.missing.join("\n")}
         You can generate one in your Figma account settings
       `,
     );
@@ -176,7 +182,7 @@ async function saveOrbitIcons(data: { name: string; svg: string; id: string }[])
   }
 }
 
-const fetchOrbitIcons = async () => {
+(async () => {
   try {
     $.verbose = false;
     const filesSpinner = ora(chalk.bold.underline.magenta("Fetching file ids...")).start();
@@ -211,16 +217,15 @@ const fetchOrbitIcons = async () => {
         chalk.bold.underline.magenta("Fetching and savings svgs..."),
       ).start();
 
-      const { images } = await api<{ images: Record<string, string> }>(
-        `${FIGMA_IMAGE_URI}?${params.toString()}`,
-      );
+      const { images } = await api<Images>(`${FIGMA_IMAGE_URI}?${params.toString()}`);
 
       await Promise.all(
         Object.keys(images).map(id =>
           fetch(images[id]).then(async res => {
+            const nodeId = nodes[id] as string;
             return {
               id,
-              name: nodes[id].toLowerCase().replace(/\+kg/, "").replace(/\s+/g, "-"),
+              name: nodeId.toLowerCase().replace(/\+kg/, "").replace(/\s+/g, "-"),
               svg: await res.text(),
             };
           }),
@@ -251,6 +256,4 @@ const fetchOrbitIcons = async () => {
   } catch (err) {
     console.error(err);
   }
-};
-
-fetchOrbitIcons();
+})();
diff --git a/packages/orbit-components/cypress/integration/index.tsx b/packages/orbit-components/cypress/integration/index.tsx
index 4189b73f41..36401acc9f 100644
--- a/packages/orbit-components/cypress/integration/index.tsx
+++ b/packages/orbit-components/cypress/integration/index.tsx
@@ -67,6 +67,5 @@ function App() {
 }
 
 const container = document.getElementById("app");
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-const root = createRoot(container!); // createRoot(container!) if you use TypeScript
+const root = createRoot(container!);
 root.render(<App />);
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.stories.tsx b/packages/orbit-components/src/AirportIllustration/AirportIllustration.stories.tsx
index 619e9ac0b7..30e25e866b 100644
--- a/packages/orbit-components/src/AirportIllustration/AirportIllustration.stories.tsx
+++ b/packages/orbit-components/src/AirportIllustration/AirportIllustration.stories.tsx
@@ -1,12 +1,12 @@
 import React from "react";
 import { select, text } from "@storybook/addon-knobs";
 
-// @ts-expect-error TODO
 import { NAMES } from "./consts.mts";
 import { allModes } from "../../.storybook/modes";
 import { SIZE_OPTIONS } from "../primitives/IllustrationPrimitive";
 import SPACINGS_AFTER from "../common/getSpacingToken/consts";
 import IllustrationPrimitiveList from "../primitives/IllustrationPrimitive/IllustrationPrimitiveList";
+import type { Name } from "./types";
 
 import AirportIllustration from ".";
 
@@ -16,7 +16,7 @@ export default {
 
 export const Playground = () => {
   const size = select("Size", Object.values(SIZE_OPTIONS), SIZE_OPTIONS.MEDIUM);
-  const name = select("Name", NAMES, "BGYFastTrack");
+  const name = select("Name", NAMES, "BGYFastTrack") as Name;
   const dataTest = text("dataTest", "test");
   const alt = text("alt", "null");
   const spaceAfter = select("spaceAfter", Object.values(SPACINGS_AFTER), SPACINGS_AFTER.SMALL);
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.stories.tsx b/packages/orbit-components/src/CallOutBanner/CallOutBanner.stories.tsx
index c008ade616..154145b145 100644
--- a/packages/orbit-components/src/CallOutBanner/CallOutBanner.stories.tsx
+++ b/packages/orbit-components/src/CallOutBanner/CallOutBanner.stories.tsx
@@ -4,7 +4,6 @@ import { text, select, boolean } from "@storybook/addon-knobs";
 
 import * as Icons from "../icons";
 import Illustration from "../Illustration";
-// @ts-expect-error currently can't resolve mts properly
 import { NAMES } from "../Illustration/consts.mts";
 import Button from "../Button";
 import List from "../List";
diff --git a/packages/orbit-components/src/Dialog/Dialog.stories.tsx b/packages/orbit-components/src/Dialog/Dialog.stories.tsx
index 186068e007..9c2828729d 100644
--- a/packages/orbit-components/src/Dialog/Dialog.stories.tsx
+++ b/packages/orbit-components/src/Dialog/Dialog.stories.tsx
@@ -5,7 +5,6 @@ import { action } from "@storybook/addon-actions";
 import Button from "../Button";
 import ButtonLink from "../ButtonLink";
 import Illustration from "../Illustration";
-// @ts-expect-error currently can't resolve properly mts
 import { NAMES } from "../Illustration/consts.mts";
 
 import Dialog from ".";
diff --git a/packages/orbit-components/src/Illustration/Illustration.stories.tsx b/packages/orbit-components/src/Illustration/Illustration.stories.tsx
index e2a2b086c4..1ba1443416 100644
--- a/packages/orbit-components/src/Illustration/Illustration.stories.tsx
+++ b/packages/orbit-components/src/Illustration/Illustration.stories.tsx
@@ -1,7 +1,6 @@
 import * as React from "react";
 import { select, text } from "@storybook/addon-knobs";
 
-// @ts-expect-error currently not resolving mts properly
 import { NAMES } from "./consts.mts";
 import { SIZE_OPTIONS } from "../primitives/IllustrationPrimitive";
 import IllustrationPrimitiveList from "../primitives/IllustrationPrimitive/IllustrationPrimitiveList";
diff --git a/packages/orbit-components/src/InputField/InputField.stories.tsx b/packages/orbit-components/src/InputField/InputField.stories.tsx
index 5a072fd6e6..938953660a 100644
--- a/packages/orbit-components/src/InputField/InputField.stories.tsx
+++ b/packages/orbit-components/src/InputField/InputField.stories.tsx
@@ -4,7 +4,6 @@ import { text, boolean, select, number, object } from "@storybook/addon-knobs";
 
 import * as Icons from "../icons";
 import { TYPE_OPTIONS, INPUTMODE } from "./consts";
-// @ts-expect-error currently it can't resolve mts properly
 import { NAME_OPTIONS } from "../ServiceLogo/consts.mts";
 import ButtonLink from "../ButtonLink";
 import TextLink from "../TextLink";
diff --git a/packages/orbit-components/src/InputFile/index.tsx b/packages/orbit-components/src/InputFile/index.tsx
index 32724e888b..b7eeea83db 100644
--- a/packages/orbit-components/src/InputFile/index.tsx
+++ b/packages/orbit-components/src/InputFile/index.tsx
@@ -54,7 +54,7 @@ const InputFile = React.forwardRef<HTMLDivElement, Props>((props, ref) => {
 
   const shown = tooltipShown || tooltipShownHover;
 
-  const onClick = e => {
+  const onClick = (e: React.MouseEvent<HTMLLabelElement>) => {
     if (iconRef && iconRef.current && iconRef.current.contains(e.target as Node)) {
       e.preventDefault();
       e.stopPropagation();
diff --git a/packages/orbit-components/src/InputSelect/helpers.ts b/packages/orbit-components/src/InputSelect/helpers.ts
index 62c649af7a..c1572609af 100644
--- a/packages/orbit-components/src/InputSelect/helpers.ts
+++ b/packages/orbit-components/src/InputSelect/helpers.ts
@@ -1,13 +1,15 @@
 import type { Option } from "./types";
 
+interface Groups {
+  groups: Record<string, Option[]>;
+  ungrouped: Option[];
+}
+
 function separateGroupedAndUngrouped(options: Option[]): {
   grouped: Option[][];
   ungrouped: Option[];
 } {
-  const { groups, ungrouped } = options.reduce<{
-    groups: { [group: string]: Option[] };
-    ungrouped: Option[];
-  }>(
+  const { groups, ungrouped } = options.reduce<Groups>(
     (acc, option) => {
       const { group } = option;
 
diff --git a/packages/orbit-components/src/Modal/Modal.stories.tsx b/packages/orbit-components/src/Modal/Modal.stories.tsx
index d66f73c793..4d132c7da7 100644
--- a/packages/orbit-components/src/Modal/Modal.stories.tsx
+++ b/packages/orbit-components/src/Modal/Modal.stories.tsx
@@ -6,7 +6,6 @@ import Button from "../Button";
 import { SIZES } from "./consts";
 import Illustration from "../Illustration";
 import Text from "../Text";
-// @ts-expect-error currently not resolving mts properly
 import { NAMES } from "../Illustration/consts.mts";
 import ChevronBackward from "../icons/ChevronBackward";
 import FlightDirect from "../icons/FlightDirect";
diff --git a/packages/orbit-components/src/OrbitProvider/index.tsx b/packages/orbit-components/src/OrbitProvider/index.tsx
index f066b8f68b..6a3807b1a5 100644
--- a/packages/orbit-components/src/OrbitProvider/index.tsx
+++ b/packages/orbit-components/src/OrbitProvider/index.tsx
@@ -36,6 +36,7 @@ const getCssVarsForWL = (theme: typeof defaultTokens) =>
 const OrbitProvider = ({ theme, children, useId }: Props) => {
   return (
     <RandomIdProvider useId={useId}>
+      {/* eslint-disable-next-line orbit-components/unique-id */}
       <style id="orbit-theme-css-vars">
         {tokensToCssVars({ tokens: getCssVarsForWL(theme.orbit), cssClass: ":root" })}
       </style>
diff --git a/packages/orbit-components/src/hooks/useLockScrolling/lock-scrolling.ts b/packages/orbit-components/src/hooks/useLockScrolling/lock-scrolling.ts
index 6709aaccdf..3d8ad8a693 100644
--- a/packages/orbit-components/src/hooks/useLockScrolling/lock-scrolling.ts
+++ b/packages/orbit-components/src/hooks/useLockScrolling/lock-scrolling.ts
@@ -20,7 +20,6 @@ interface Lock {
 let hasPassiveEvents = false;
 if (typeof window !== "undefined") {
   const passiveTestOptions = {
-    // @ts-expect-error TODO
     get passive() {
       hasPassiveEvents = true;
       return undefined;
diff --git a/packages/orbit-components/src/primitives/ButtonPrimitive/components/ButtonPrimitiveContent.tsx b/packages/orbit-components/src/primitives/ButtonPrimitive/components/ButtonPrimitiveContent.tsx
new file mode 100644
index 0000000000..1b5e9bb8df
--- /dev/null
+++ b/packages/orbit-components/src/primitives/ButtonPrimitive/components/ButtonPrimitiveContent.tsx
@@ -0,0 +1,33 @@
+import * as React from "react";
+import styled, { css } from "styled-components";
+
+import defaultTheme from "../../../defaultTheme";
+
+interface Props {
+  loading?: boolean;
+  contentAlign: string | null;
+}
+
+const StyledButtonPrimitiveContent = styled(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ({ theme, loading, hasCenteredContent, onlyIcon, contentAlign, ...props }) => <div {...props} />,
+)`
+  ${({ contentAlign, loading }) => css`
+    visibility: ${loading && "hidden"};
+    height: 100%;
+    display: flex;
+    justify-content: ${contentAlign};
+    flex-basis: 100%;
+    align-items: center;
+  `}
+`;
+
+StyledButtonPrimitiveContent.defaultProps = {
+  theme: defaultTheme,
+};
+
+const ButtonPrimitiveContent = ({ children, ...props }: React.PropsWithChildren<Props>) => (
+  <StyledButtonPrimitiveContent {...props}>{children}</StyledButtonPrimitiveContent>
+);
+
+export default ButtonPrimitiveContent;
diff --git a/packages/orbit-components/src/tmp-tailwind/InputField/InputField.stories.tsx b/packages/orbit-components/src/tmp-tailwind/InputField/InputField.stories.tsx
index 560b83722a..b14d35e5f3 100644
--- a/packages/orbit-components/src/tmp-tailwind/InputField/InputField.stories.tsx
+++ b/packages/orbit-components/src/tmp-tailwind/InputField/InputField.stories.tsx
@@ -4,7 +4,6 @@ import { text, boolean, select, number, object } from "@storybook/addon-knobs";
 
 import * as Icons from "../../icons";
 import { TYPE_OPTIONS, INPUTMODE } from "../../InputField/consts";
-// @ts-expect-error TODO
 import { NAME_OPTIONS } from "../../ServiceLogo/consts.mts";
 import ButtonLink from "../../ButtonLink";
 import TextLink from "../../TextLink";
diff --git a/packages/orbit-components/tsconfig.json b/packages/orbit-components/tsconfig.json
index 6c549e287f..fa965a677f 100644
--- a/packages/orbit-components/tsconfig.json
+++ b/packages/orbit-components/tsconfig.json
@@ -6,7 +6,10 @@
     "skipLibCheck": true,
     "noEmit": true,
     "moduleResolution": "node",
-    "importsNotUsedAsValues": "error"
+    // use verbatimModuleSyntax instead, but after enforcing ESM as default
+    "allowImportingTsExtensions": true,
+    "importsNotUsedAsValues": "error",
+    "ignoreDeprecations": "5.0"
   },
-  "include": ["src/**/*", "css-prop.d.ts", "typings/**/*.d.ts"]
+  "include": ["src/**/*", "css-prop.d.ts", "typings/**/*.d.ts", "config/**/*"]
 }
diff --git a/packages/orbit-design-tokens/tsconfig.json b/packages/orbit-design-tokens/tsconfig.json
index cbee880c4b..feb4cd5f12 100644
--- a/packages/orbit-design-tokens/tsconfig.json
+++ b/packages/orbit-design-tokens/tsconfig.json
@@ -7,7 +7,8 @@
     "allowJs": true,
     "moduleResolution": "node",
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "ignoreDeprecations": "5.0"
   },
   "include": ["src/**/*.ts", "scripts/**/*.ts"],
   "exclude": ["src/__tests__/**/*", "node_modules"]
diff --git a/packages/orbit-tracking/tsconfig.json b/packages/orbit-tracking/tsconfig.json
index 9e347c0e86..f310829e6b 100644
--- a/packages/orbit-tracking/tsconfig.json
+++ b/packages/orbit-tracking/tsconfig.json
@@ -12,7 +12,8 @@
     "noImplicitReturns": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "types": ["@testing-library/jest-dom"]
+    "types": ["@testing-library/jest-dom"],
+    "ignoreDeprecations": "5.0"
   },
   "include": ["src/**/*.ts"]
 }
diff --git a/scripts/checks.mts b/scripts/checks.mts
index f93be4ea0f..4381df47fe 100644
--- a/scripts/checks.mts
+++ b/scripts/checks.mts
@@ -9,7 +9,7 @@ import { $, argv } from "zx";
   // Check links
   if (argv.links) {
     await $`remark -e '.mdx' -q -u validate-links docs/src/documentation --no-config`;
-    await $`tsc docs/services/checkLinks.mts --moduleResolution node16 --downlevelIteration --esModuleInterop --resolveJsonModule --noEmit --skipLibCheck`;
+    await $`tsc docs/services/checkLinks.mts --moduleResolution node16 --downlevelIteration --esModuleInterop --resolveJsonModule --noEmit --skipLibCheck --module Node16`;
   }
   // Check component statuses for update
   if (argv.statuses) {
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 1d93e80846..ccee6c9323 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -7,7 +7,8 @@
     "resolveJsonModule": true,
     "noImplicitAny": false,
     "useUnknownInCatchVariables": false,
-    "types": ["node", "jest", "jest-styled-components", "@testing-library/jest-dom"]
+    "types": ["node", "jest", "jest-styled-components", "@testing-library/jest-dom"],
+    "ignoreDeprecations": "5.0"
   },
   "ts-node": {
     "compilerOptions": {
diff --git a/yarn.lock b/yarn.lock
index 49e898d8fc..eeab2917b6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2026,17 +2026,17 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.16.tgz#5be58d31d0120c68af8e38b702e6937ce764cd68"
   integrity sha512-sCIVrrtcWN5Ua7jYXNG1xD199IalrbfV2+0k/2Zf2OyV2FtnQnMgdzgpRAbi4AWlKJj1jkX+M+fEGPQj6BQB4w==
 
-"@eslint-community/eslint-utils@^4.2.0":
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
-  resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
+  resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
   dependencies:
     eslint-visitor-keys "^3.3.0"
 
-"@eslint-community/regexpp@^4.4.0":
-  version "4.6.1"
-  resolved "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.6.1.tgz"
-  integrity sha512-O7x6dMstWLn2ktjcoiNLDkAGG2EjveHL+Vvc+n0fXumkJYAcSqcVYKtwDU+hDZ0uDUsnUagSYaZrOLAYE8un1A==
+"@eslint-community/regexpp@^4.5.1", "@eslint-community/regexpp@^4.6.1":
+  version "4.9.1"
+  resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.9.1.tgz#449dfa81a57a1d755b09aa58d826c1262e4283b4"
+  integrity sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==
 
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
@@ -2053,10 +2053,10 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@eslint/eslintrc@^2.1.0":
-  version "2.1.0"
-  resolved "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.0.tgz"
-  integrity sha512-Lj7DECXqIVCqnqjjHMPna4vn6GJcMgul/wuS0je9OZ9gsL0zzDpKPVtcG1HaDVc+9y+qgXneTeUMbCqXJNpH1A==
+"@eslint/eslintrc@^2.1.2":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-2.1.2.tgz#c6936b4b328c64496692f76944e755738be62396"
+  integrity sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==
   dependencies:
     ajv "^6.12.4"
     debug "^4.3.2"
@@ -2068,10 +2068,10 @@
     minimatch "^3.1.2"
     strip-json-comments "^3.1.1"
 
-"@eslint/js@8.44.0":
-  version "8.44.0"
-  resolved "https://registry.npmjs.org/@eslint/js/-/js-8.44.0.tgz"
-  integrity sha512-Ag+9YM4ocKQx9AarydN0KY2j0ErMHNIocPDrVo8zAE44xLTjEtz81OdR68/cydGtk6m6jDb5Za3r2useMzYmSw==
+"@eslint/js@8.51.0":
+  version "8.51.0"
+  resolved "https://registry.yarnpkg.com/@eslint/js/-/js-8.51.0.tgz#6d419c240cfb2b66da37df230f7e7eef801c32fa"
+  integrity sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==
 
 "@fal-works/esbuild-plugin-global-externals@^2.1.2":
   version "2.1.2"
@@ -2306,10 +2306,10 @@
   dependencies:
     "@hapi/hoek" "^9.0.0"
 
-"@humanwhocodes/config-array@^0.11.10":
-  version "0.11.10"
-  resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"
-  integrity sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==
+"@humanwhocodes/config-array@^0.11.11":
+  version "0.11.11"
+  resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.11.tgz#88a04c570dbbc7dd943e4712429c3df09bc32844"
+  integrity sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==
   dependencies:
     "@humanwhocodes/object-schema" "^1.2.1"
     debug "^4.1.1"
@@ -5753,6 +5753,11 @@
   resolved "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.12.tgz"
   integrity sha512-Hr5Jfhc9eYOQNPYO5WLDq/n4jqijdHNlDXjuAQkkt+mWdQR+XJToOHrsD4cPaMXpn6KO7y2+wM8AZEs8VpBLVA==
 
+"@types/json-schema@^7.0.12":
+  version "7.0.13"
+  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.13.tgz#02c24f4363176d2d18fc8b70b9f3c54aba178a85"
+  integrity sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ==
+
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
@@ -5920,6 +5925,13 @@
   dependencies:
     "@types/node" "*"
 
+"@types/pngjs@^6.0.2":
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/@types/pngjs/-/pngjs-6.0.2.tgz#05104117ce2ab3e8091fac285615ab45ae4666e7"
+  integrity sha512-GO2/2guBQrrb4g+93j55VR30xaMCgmSXa/ifPbHS5MgheDRJy5x12fFB61Hn0juCo+VBFhYMFkJd6CBt8HRx4w==
+  dependencies:
+    "@types/node" "*"
+
 "@types/prettier@^2.1.5", "@types/prettier@^2.7.2":
   version "2.7.3"
   resolved "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz"
@@ -6044,6 +6056,11 @@
   resolved "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz"
   integrity sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==
 
+"@types/semver@^7.5.0":
+  version "7.5.3"
+  resolved "https://registry.yarnpkg.com/@types/semver/-/semver-7.5.3.tgz#9a726e116beb26c24f1ccd6850201e1246122e04"
+  integrity sha512-OxepLK9EuNEIPxWNME+C6WwbRAOOI2o2BaQEGzz5Lu2e4Z5eDnEo+/aVEDMIXywoJitJ7xWd641wrGLZdtwRyw==
+
 "@types/send@*":
   version "0.17.1"
   resolved "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz"
@@ -6197,21 +6214,22 @@
     semver "^7.3.5"
     tsutils "^3.21.0"
 
-"@typescript-eslint/eslint-plugin@^5.57.1":
-  version "5.62.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz"
-  integrity sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==
+"@typescript-eslint/eslint-plugin@^6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.7.5.tgz#f4024b9f63593d0c2b5bd6e4ca027e6f30934d4f"
+  integrity sha512-JhtAwTRhOUcP96D0Y6KYnwig/MRQbOoLGXTON2+LlyB/N35SP9j1boai2zzwXb7ypKELXMx3DVk9UTaEq1vHEw==
   dependencies:
-    "@eslint-community/regexpp" "^4.4.0"
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/type-utils" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
+    "@eslint-community/regexpp" "^4.5.1"
+    "@typescript-eslint/scope-manager" "6.7.5"
+    "@typescript-eslint/type-utils" "6.7.5"
+    "@typescript-eslint/utils" "6.7.5"
+    "@typescript-eslint/visitor-keys" "6.7.5"
     debug "^4.3.4"
     graphemer "^1.4.0"
-    ignore "^5.2.0"
-    natural-compare-lite "^1.4.0"
-    semver "^7.3.7"
-    tsutils "^3.21.0"
+    ignore "^5.2.4"
+    natural-compare "^1.4.0"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
 
 "@typescript-eslint/experimental-utils@4.33.0":
   version "4.33.0"
@@ -6235,16 +6253,28 @@
     "@typescript-eslint/typescript-estree" "4.33.0"
     debug "^4.3.1"
 
-"@typescript-eslint/parser@^5.57.1":
-  version "5.62.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz"
-  integrity sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==
+"@typescript-eslint/parser@^6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-6.7.5.tgz#8d7ca3d1fbd9d5a58cc4d30b2aa797a760137886"
+  integrity sha512-bIZVSGx2UME/lmhLcjdVc7ePBwn7CLqKarUBL4me1C5feOd663liTGjMBGVcGr+BhnSLeP4SgwdvNnnkbIdkCw==
   dependencies:
-    "@typescript-eslint/scope-manager" "5.62.0"
-    "@typescript-eslint/types" "5.62.0"
-    "@typescript-eslint/typescript-estree" "5.62.0"
+    "@typescript-eslint/scope-manager" "6.7.5"
+    "@typescript-eslint/types" "6.7.5"
+    "@typescript-eslint/typescript-estree" "6.7.5"
+    "@typescript-eslint/visitor-keys" "6.7.5"
     debug "^4.3.4"
 
+"@typescript-eslint/rule-tester@^6.5.0":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/rule-tester/-/rule-tester-6.7.5.tgz#ed3aaab45e4ba453b29027b4526548476ba512fc"
+  integrity sha512-rDUQDkMg577jA7U+2NFlgLv3S43epbjruLZ4MQaELhH+WZLmmGylFbcCWeonRmtFjF2Xd/lfYsjqQ+p61XZDkw==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.7.5"
+    "@typescript-eslint/utils" "6.7.5"
+    ajv "^6.10.0"
+    lodash.merge "4.6.2"
+    semver "^7.5.4"
+
 "@typescript-eslint/scope-manager@4.33.0":
   version "4.33.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-4.33.0.tgz"
@@ -6261,15 +6291,23 @@
     "@typescript-eslint/types" "5.62.0"
     "@typescript-eslint/visitor-keys" "5.62.0"
 
-"@typescript-eslint/type-utils@5.62.0":
-  version "5.62.0"
-  resolved "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz"
-  integrity sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==
+"@typescript-eslint/scope-manager@6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-6.7.5.tgz#1cf33b991043886cd67f4f3600b8e122fc14e711"
+  integrity sha512-GAlk3eQIwWOJeb9F7MKQ6Jbah/vx1zETSDw8likab/eFcqkjSD7BI75SDAeC5N2L0MmConMoPvTsmkrg71+B1A==
   dependencies:
-    "@typescript-eslint/typescript-estree" "5.62.0"
-    "@typescript-eslint/utils" "5.62.0"
+    "@typescript-eslint/types" "6.7.5"
+    "@typescript-eslint/visitor-keys" "6.7.5"
+
+"@typescript-eslint/type-utils@6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-6.7.5.tgz#0a65949ec16588d8956f6d967f7d9c84ddb2d72a"
+  integrity sha512-Gs0qos5wqxnQrvpYv+pf3XfcRXW6jiAn9zE/K+DlmYf6FcpxeNYN0AIETaPR7rHO4K2UY+D0CIbDP9Ut0U4m1g==
+  dependencies:
+    "@typescript-eslint/typescript-estree" "6.7.5"
+    "@typescript-eslint/utils" "6.7.5"
     debug "^4.3.4"
-    tsutils "^3.21.0"
+    ts-api-utils "^1.0.1"
 
 "@typescript-eslint/types@4.33.0":
   version "4.33.0"
@@ -6281,6 +6319,11 @@
   resolved "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz"
   integrity sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==
 
+"@typescript-eslint/types@6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-6.7.5.tgz#4571320fb9cf669de9a95d9849f922c3af809790"
+  integrity sha512-WboQBlOXtdj1tDFPyIthpKrUb+kZf2VroLZhxKa/VlwLlLyqv/PwUNgL30BlTVZV1Wu4Asu2mMYPqarSO4L5ZQ==
+
 "@typescript-eslint/typescript-estree@4.33.0":
   version "4.33.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-4.33.0.tgz"
@@ -6307,7 +6350,33 @@
     semver "^7.3.7"
     tsutils "^3.21.0"
 
-"@typescript-eslint/utils@5.62.0", "@typescript-eslint/utils@^5.10.0", "@typescript-eslint/utils@^5.45.0":
+"@typescript-eslint/typescript-estree@6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-6.7.5.tgz#4578de1a26e9f24950f029a4f00d1bfe41f15a39"
+  integrity sha512-NhJiJ4KdtwBIxrKl0BqG1Ur+uw7FiOnOThcYx9DpOGJ/Abc9z2xNzLeirCG02Ig3vkvrc2qFLmYSSsaITbKjlg==
+  dependencies:
+    "@typescript-eslint/types" "6.7.5"
+    "@typescript-eslint/visitor-keys" "6.7.5"
+    debug "^4.3.4"
+    globby "^11.1.0"
+    is-glob "^4.0.3"
+    semver "^7.5.4"
+    ts-api-utils "^1.0.1"
+
+"@typescript-eslint/utils@6.7.5", "@typescript-eslint/utils@^6.5.0":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-6.7.5.tgz#ab847b53d6b65e029314b8247c2336843dba81ab"
+  integrity sha512-pfRRrH20thJbzPPlPc4j0UNGvH1PjPlhlCMq4Yx7EGjV7lvEeGX0U6MJYe8+SyFutWgSHsdbJ3BXzZccYggezA==
+  dependencies:
+    "@eslint-community/eslint-utils" "^4.4.0"
+    "@types/json-schema" "^7.0.12"
+    "@types/semver" "^7.5.0"
+    "@typescript-eslint/scope-manager" "6.7.5"
+    "@typescript-eslint/types" "6.7.5"
+    "@typescript-eslint/typescript-estree" "6.7.5"
+    semver "^7.5.4"
+
+"@typescript-eslint/utils@^5.10.0", "@typescript-eslint/utils@^5.45.0":
   version "5.62.0"
   resolved "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz"
   integrity sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==
@@ -6337,6 +6406,14 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
+"@typescript-eslint/visitor-keys@6.7.5":
+  version "6.7.5"
+  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-6.7.5.tgz#84c68d6ceb5b12d5246b918b84f2b79affd6c2f1"
+  integrity sha512-3MaWdDZtLlsexZzDSdQWsFQ9l9nL8B80Z4fImSpyllFC/KLqWQRdEcB+gGGO+N3Q2uL40EsG66wZLsohPxNXvg==
+  dependencies:
+    "@typescript-eslint/types" "6.7.5"
+    eslint-visitor-keys "^3.4.1"
+
 "@vercel/webpack-asset-relocator-loader@^1.7.0":
   version "1.7.3"
   resolved "https://registry.npmjs.org/@vercel/webpack-asset-relocator-loader/-/webpack-asset-relocator-loader-1.7.3.tgz"
@@ -10012,6 +10089,11 @@ dedent@0.7.0, dedent@^0.7.0:
   resolved "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz"
   integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
 
+dedent@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.5.1.tgz#4f3fc94c8b711e9bb2800d185cd6ad20f2a90aff"
+  integrity sha512-+LxW+KLWxu3HW3M2w2ympwtqPrqYRzU8fqi6Fhd18fBALe15blJPI/I4+UHveMVG6lJqB4JNd4UG0S5cnVHwIg==
+
 deep-equal@^2.0.5:
   version "2.2.2"
   resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-2.2.2.tgz#9b2635da569a13ba8e1cc159c2f744071b115daa"
@@ -11356,10 +11438,10 @@ eslint-scope@5.1.1, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-scope@^7.2.0:
-  version "7.2.1"
-  resolved "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.1.tgz"
-  integrity sha512-CvefSOsDdaYYvxChovdrPo/ZGt8d5lrJWleAc1diXRKhHGiTYEI26cvo8Kle/wGnsizoCJjK73FMg1/IkIwiNA==
+eslint-scope@^7.2.2:
+  version "7.2.2"
+  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-7.2.2.tgz#deb4f92563390f32006894af62a22dba1c46423f"
+  integrity sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==
   dependencies:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
@@ -11393,6 +11475,11 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz"
   integrity sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==
 
+eslint-visitor-keys@^3.4.3:
+  version "3.4.3"
+  resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+  integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
 eslint-webpack-plugin@^2.7.0:
   version "2.7.0"
   resolved "https://registry.npmjs.org/eslint-webpack-plugin/-/eslint-webpack-plugin-2.7.0.tgz"
@@ -11451,27 +11538,27 @@ eslint@^7.32.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
-eslint@^8.37.0:
-  version "8.45.0"
-  resolved "https://registry.npmjs.org/eslint/-/eslint-8.45.0.tgz"
-  integrity sha512-pd8KSxiQpdYRfYa9Wufvdoct3ZPQQuVuU5O6scNgMuOMYuxvH0IGaYK0wUFjo4UYYQQCUndlXiMbnxopwvvTiw==
+eslint@^8.47.0:
+  version "8.51.0"
+  resolved "https://registry.yarnpkg.com/eslint/-/eslint-8.51.0.tgz#4a82dae60d209ac89a5cff1604fea978ba4950f3"
+  integrity sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==
   dependencies:
     "@eslint-community/eslint-utils" "^4.2.0"
-    "@eslint-community/regexpp" "^4.4.0"
-    "@eslint/eslintrc" "^2.1.0"
-    "@eslint/js" "8.44.0"
-    "@humanwhocodes/config-array" "^0.11.10"
+    "@eslint-community/regexpp" "^4.6.1"
+    "@eslint/eslintrc" "^2.1.2"
+    "@eslint/js" "8.51.0"
+    "@humanwhocodes/config-array" "^0.11.11"
     "@humanwhocodes/module-importer" "^1.0.1"
     "@nodelib/fs.walk" "^1.2.8"
-    ajv "^6.10.0"
+    ajv "^6.12.4"
     chalk "^4.0.0"
     cross-spawn "^7.0.2"
     debug "^4.3.2"
     doctrine "^3.0.0"
     escape-string-regexp "^4.0.0"
-    eslint-scope "^7.2.0"
-    eslint-visitor-keys "^3.4.1"
-    espree "^9.6.0"
+    eslint-scope "^7.2.2"
+    eslint-visitor-keys "^3.4.3"
+    espree "^9.6.1"
     esquery "^1.4.2"
     esutils "^2.0.2"
     fast-deep-equal "^3.1.3"
@@ -11503,9 +11590,9 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-espree@^9.6.0:
+espree@^9.6.0, espree@^9.6.1:
   version "9.6.1"
-  resolved "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz"
+  resolved "https://registry.yarnpkg.com/espree/-/espree-9.6.1.tgz#a2a17b8e434690a5432f2f8018ce71d331a48c6f"
   integrity sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==
   dependencies:
     acorn "^8.9.0"
@@ -17081,7 +17168,7 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz"
   integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
 
-lodash.merge@^4.4.0, lodash.merge@^4.6.2:
+lodash.merge@4.6.2, lodash.merge@^4.4.0, lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
@@ -18365,11 +18452,6 @@ napi-build-utils@^1.0.1:
   resolved "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-1.0.2.tgz"
   integrity sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==
 
-natural-compare-lite@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz"
-  integrity sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g==
-
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
@@ -22899,7 +22981,7 @@ semver@^6.0.0, semver@^6.2.0, semver@^6.3.0, semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3:
+semver@^7.0.0, semver@^7.1.1, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@@ -24957,6 +25039,11 @@ trough@^2.0.0:
   resolved "https://registry.npmjs.org/true-case-path/-/true-case-path-2.2.1.tgz"
   integrity sha512-0z3j8R7MCjy10kc/g+qg7Ln3alJTodw9aDuVWZa3uiWqfuBMKeAeP2ocWcxoyM3D73yz3Jt/Pu4qPr4wHSdB/Q==
 
+ts-api-utils@^1.0.1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.0.3.tgz#f12c1c781d04427313dbac808f453f050e54a331"
+  integrity sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==
+
 ts-dedent@^2.0.0, ts-dedent@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz"
@@ -25249,7 +25336,7 @@ typescript-compiler@^1.4.1-2:
   resolved "https://registry.npmjs.org/typescript-compiler/-/typescript-compiler-1.4.1-2.tgz"
   integrity sha512-EMopKmoAEJqA4XXRFGOb7eSBhmQMbBahW6P1Koayeatp0b4AW2q/bBqYWkpG7QVQc9HGQUiS4trx2ZHcnAaZUg==
 
-"typescript@>=3 < 6":
+"typescript@>=3 < 6", typescript@^5.0.0:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.2.2.tgz#5ebb5e5a5b75f085f22bc3f8460fba308310fa78"
   integrity sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==
@@ -25259,11 +25346,6 @@ typescript-compiler@^1.4.1-2:
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.1.6.tgz"
   integrity sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==
 
-typescript@^4.8.3:
-  version "4.9.5"
-  resolved "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz"
-  integrity sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==
-
 typescript@~4.4.4:
   version "4.4.4"
   resolved "https://registry.npmjs.org/typescript/-/typescript-4.4.4.tgz"