@autoafleveren/ui 0.0.2-beta → 0.1.0

package/components.d.ts

@@ -0,0 +1 @@
+export * from './dist/types/components';

package/composables.d.ts

@@ -0,0 +1 @@
+export * from './dist/types/composables';

package/{src → dist}/config/eslint.cjs

@@ -1,16 +1,7 @@
-const path = require('node:path');
-
 const typescriptOverride = require('@programic/eslint-plugin/lib/configs/typescript-override');
 
-const namingConventionsTestFileRule = [
-  ...typescriptOverride.rules['@typescript-eslint/naming-convention'],
-];
-
 const tsConfigPath = 'tsconfig.vitest.json';
-
-const variableIndex = namingConventionsTestFileRule.findIndex(selector => {
-  return typeof selector === 'object' && selector.selector === 'variable';
-});
+const tailwindConfigPath = 'tailwind.config.cjs';
 
 const defaultTypescriptOverride = {
   parser: '@typescript-eslint/parser',
@@ -27,6 +18,14 @@ const defaultTypescriptOverride = {
   ],
 };
 
+const namingConventionsTestFileRule = [
+  ...typescriptOverride.rules['@typescript-eslint/naming-convention'],
+];
+
+const variableIndex = namingConventionsTestFileRule.findIndex(selector => {
+  return typeof selector === 'object' && selector.selector === 'variable';
+});
+
 if (variableIndex > -1) {
   namingConventionsTestFileRule.splice(variableIndex, 1, {
     selector: 'variable',
@@ -45,6 +44,7 @@ module.exports = {
     'vitest',
   ],
   extends: [
+    'plugin:@programic/tailwindcss',
     'plugin:@programic/vue-typescript',
   ],
   settings: {
@@ -53,6 +53,9 @@ module.exports = {
         project: tsConfigPath,
       },
     },
+    tailwindcss: {
+      config: tailwindConfigPath,
+    },
   },
   parserOptions: {
     ecmaVersion: 2020,
@@ -87,11 +90,13 @@ module.exports = {
         'vitest/no-done-callback': 'error',
         'vitest/no-duplicate-hooks': 'error',
         'vitest/no-focused-tests': 'error',
-        'vitest/no-skipped-tests': 'error',
         'vitest/no-standalone-expect': 'error',
         'vitest/no-test-return-statement': 'error',
         'vitest/prefer-called-with': 'error',
         'vitest/prefer-lowercase-title': 'error',
+        'vitest/prefer-strict-equal': 'error',
+        'vitest/prefer-to-be-object': 'error',
+        'vitest/prefer-to-have-length': 'error',
       },
     },
     {
@@ -112,6 +117,9 @@ module.exports = {
     },
   ],
   rules: {
+    'tailwindcss/no-custom-classname': ['error', {
+      whitelist: ['^app-.+$'],
+    }],
     'vitest/consistent-test-filename': ['error', {
       pattern: '.*\\.spec\\.[tj]sx?$',
       allTestPattern: '.*\\.(test|spec)\\.[tj]sx?$',

package/{src → dist}/config/nuxt.cjs

@@ -7,7 +7,9 @@ module.exports = {
     '__tests__',
   ],
 
-  css: ['~/assets/css/main.css'],
+  css: [
+    '~/assets/css/main.css',
+  ],
 
   postcss: {
     plugins: {

package/{src → dist}/config/tailwind/config.cjs

@@ -14,8 +14,8 @@ module.exports = {
             mono: 'Inter',
         },
         colors: {
-            transparent: 'transparent',
             current: 'currentColor',
+            transparent: 'transparent',
             primary: 'var(--color-primary)',
             'primary-active': 'var(--color-primary-active)',
             secondary: 'var(--color-secondary)',
@@ -26,14 +26,17 @@ module.exports = {
                 50: '#FCFCFD',
             },
             white: '#FFFFFF',
-            gray: {
-                100: '#F8F9FA',
-                200: '#F3F3F3',
-                300: '#E5E5E5',
-                400: '#D1D4D7',
-                500: '#A3A8AF',
-                700: '#666E79',
-                900: '#343434',
+            zinc: {
+                50: '#FAFAFA',
+                100: '#F4F4F5',
+                200: '#E4E4E7',
+                300: '#D4D4D8',
+                400: '#A1A1AA',
+                500: '#71717A',
+                600: '#52525B',
+                700: '#3F3F46',
+                800: '#27272A',
+                900: '#18181B',
             },
         },
         screens,