chore: configs and lint

.vscode/extensions.json

@@ -1,7 +1,9 @@
 {
-  "recommendations": ["dbaeumer.vscode-eslint"],
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+  ],
   "unwantedRecommendations": [
     "esbenp.prettier-vscode",
-    "editorconfig.editorconfig"
+    "editorconfig.editorconfig",
   ]
-}
+}

.vscode/settings.json

@@ -1,15 +1,8 @@
 {
-  "eslint.format.enable": true,
   "editor.tabSize": 2,
+  "eslint.format.enable": true,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
-  "material-icon-theme.folders.associations": {
-    "tsconfig": "typescript",
-    "visu": "lib"
-  },
-  "material-icon-theme.files.associations": {
-    "eslint.config.cjs": "eslint"
+    "source.fixAll.eslint": "explicit"
   },
   "tailwindCSS.experimental.configFile": "./packages/visu/tailwind.config.ts",
   "tailwindCSS.classAttributes": [

apps/docs/src/stories/design.stories.mdx

@@ -71,17 +71,6 @@ Utilização:
 
 Ao adicionar o plugin do Visu será possível utilizar todos os tokens do Design System do Visu no projeto.
 
-### Animation
-
-```typescript
-animation: {
-  flash: 'flash 1000ms infinite alternate',
-  hide: 'hide 100ms ease-in',
-  slideIn: 'slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1)',
-  swipeOut: 'swipeOut 100ms ease-out',
-},
-```
-
 ### BoxShadow
 
 ```typescript
@@ -193,7 +182,7 @@ keyframes: {
     from: { opacity: '1' },
     to: { opacity: '0' },
   },
-  slideIn: {
+  swipeIn: {
     from: {
       transform: 'translateX(calc(100% + 0.5rem))',
     },
@@ -205,6 +194,27 @@ keyframes: {
     },
     to: { transform: 'translateX(calc(100% + 0.5rem))' },
   },
+  slideDown: {
+    from: { height: '0' },
+    to: { height: 'var(--radix-accordion-content-height)' },
+  },
+  slideUp: {
+    from: { height: 'var(--radix-accordion-content-height)' },
+    to: { height: '0' },
+  },"
+},
+```
+
+### Animation
+
+```typescript
+animation: {
+  flash: 'flash 1000ms infinite alternate',
+  hide: 'hide 100ms ease-in',
+  swipeIn: 'swipeIn 150ms cubic-bezier(0.16, 1, 0.3, 1)',
+  swipeOut: 'swipeOut 100ms ease-out',
+  slideDown: 'slideDown 200ms ease-in',
+  slideUp: 'slideUp 200ms ease-out',
 },
 ```
 

eslint.config.cjs

@@ -4,15 +4,7 @@ module.exports = {
     es2020: true,
     jest: true,
   },
-  extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:@typescript-eslint/recommended',
-    'standard',
-    'plugin:prettier/recommended',
-  ],
+  extends: ['plugin:react/recommended', 'plugin:react-hooks/recommended', 'standard', 'plugin:prettier/recommended'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {
@@ -21,20 +13,17 @@ module.exports = {
     ecmaVersion: 2020,
     sourceType: 'module',
     tsconfigRootDir: __dirname,
-    project: [
-      './packages/visu/tsconfig.json',
-      './apps/docs/tsconfig.json',
-      './apps/web/tsconfig.json',
-    ],
+    project: ['./packages/visu/tsconfig.json', './apps/docs/tsconfig.json', './apps/web/tsconfig.json'],
   },
   plugins: ['unused-imports', 'react', 'jsx-a11y', '@typescript-eslint'],
   rules: {
-    'unused-imports/no-unused-imports': 'warn',
+    'unused-imports/no-unused-imports': 'error',
     'no-undef': 'off',
+    'no-unused-vars': ['warn', { varsIgnorePattern: '_' }],
     'prettier/prettier': [
       'warn',
       {
-        printWidth: 80,
+        printWidth: 120,
         tabWidth: 2,
         singleQuote: true,
         trailingComma: 'all',

packages/visu/src/theme/theme-plugin.d.ts

@@ -1,5 +1,5 @@
 declare const VisuTailwindcssPlugin: {
-    handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
-};
-export default VisuTailwindcssPlugin;
+  handler: import('tailwindcss/types/config').PluginCreator
+  config?: Partial<import('tailwindcss').Config> | undefined
+}
+export default VisuTailwindcssPlugin

packages/visu/tailwind.config.ts

@@ -2,11 +2,6 @@ import VisuTailwindcssPlugin from './src/theme/theme-plugin'
 import type { Config } from 'tailwindcss'
 
 export default {
-  content: [
-    './src/library/**/*.{ts,tsx}',
-    './src/App.tsx',
-    './src/main.tsx',
-    './src/layout/**/*.tsx',
-  ],
+  content: ['./src/library/**/*.{ts,tsx}', './src/App.tsx', './src/main.tsx', './src/layout/**/*.tsx'],
   plugins: [VisuTailwindcssPlugin],
 } satisfies Config