[DRAFT] CSS modules

.eslintrc.js

@@ -0,0 +1,49 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:storybook/recommended',
+  ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 12,
+    sourceType: 'module',
+  },
+  plugins: ['@typescript-eslint', 'react'],
+  rules: {
+    'react/prop-types': 'off',
+    'react/react-in-jsx-scope': 'off',
+    '@typescript-eslint/no-empty-interface': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        ignoreRestSiblings: true,
+      },
+    ],
+  },
+  overrides: [
+    {
+      files: ['*.js', '*.jsx', '*.cjs'],
+      rules: {
+        '@typescript-eslint/no-var-requires': 'off',
+        '@typescript-eslint/explicit-module-boundary-types': 'off',
+      },
+    },
+  ],
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+}

.github/workflows/deploy.yml

@@ -31,15 +31,9 @@ jobs:
       - name: Install Dependencies
         run: yarn install --immutable
 
-      - name: Run lint
-        run: yarn lint
-
       - name: Build Components
         run: yarn build
 
-      - name: Run tests
-        run: yarn test
-
       - name: Publish to NPM
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/test.yml

@@ -8,15 +8,41 @@ permissions:
   contents: read
   security-events: write
 
+env:
+  NODE_OPTIONS: --max_old_space_size=4096
+
 jobs:
   security:
     uses: lidofinance/linters/.github/workflows/security.yml@master
+
   actions:
     uses: lidofinance/linters/.github/workflows/actions.yml@master
-  test-components:
+
+  cache-deps:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+  check-types:
     runs-on: ubuntu-latest
-    env:
-      NODE_OPTIONS: --max_old_space_size=4096
+    needs: cache-deps
     steps:
       - name: Checkout repo
         uses: actions/checkout@v3
@@ -27,19 +53,145 @@ jobs:
         uses: actions/setup-node@v3
         with:
           node-version: '16'
-          cache: 'yarn'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
 
       - name: Install dependencies
         run: yarn install --immutable
 
-      - name: Check typescript
+      - name: Check types
         run: yarn types
 
-      - name: Run lint
-        run: yarn lint
+  check-format:
+    runs-on: ubuntu-latest
+    needs: cache-deps
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
 
-      - name: Build Components
-        run: yarn build
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Check format
+        run: yarn format
+
+  lint-js:
+    runs-on: ubuntu-latest
+    needs: cache-deps
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Lint JS/TS
+        run: yarn lint:js
+
+  lint-css:
+    runs-on: ubuntu-latest
+    needs: cache-deps
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Lint CSS
+        run: yarn lint:css
+
+  run-tests:
+    runs-on: ubuntu-latest
+    needs: cache-deps
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install --immutable
 
       - name: Run tests
         run: yarn test
+
+  demo-build:
+    runs-on: ubuntu-latest
+    needs: cache-deps
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v3
+        with:
+          persist-credentials: false
+
+      - name: Set up node
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+
+      - name: Restore cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node_modules-${{ hashFiles('**/yarn.lock') }}
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Try to build
+        run: yarn build

.releaserc.js

@@ -1,7 +1,7 @@
 module.exports = {
   branches: [
-    {name: 'main'},
-    {name: 'next', channel: 'next', prerelease: true},
+    { name: 'main' },
+    { name: 'next', channel: 'next', prerelease: true },
   ],
   plugins: [
     ['@semantic-release/commit-analyzer', { preset: 'conventionalcommits' }],

.storybook/components/WithThemeProvider.tsx

@@ -1,7 +1,7 @@
-import { BaseDecorators } from '@storybook/addons'
-import '@lidofinance/theme'
+import '../../packages/theme'
 import { createGlobalStyle } from 'styled-components'
-import { CookieThemeProvider } from '@lidofinance/theme'
+import { CookieThemeProvider } from '../../packages/theme'
+import { Decorator } from '@storybook/react'
 
 const GlobalStyle = createGlobalStyle`
   body {
@@ -14,9 +14,9 @@ const GlobalStyle = createGlobalStyle`
   }
 `
 
-export const WithThemeProvider: BaseDecorators<JSX.Element>[number] = (
+export const WithThemeProvider: Decorator<any> = (
   Story,
-  { args }
+  { args },
 ): JSX.Element => {
   return (
     <CookieThemeProvider