@autoafleveren/ui 0.9.6 → 0.9.7

package/dist/config/eslint.cjs

@@ -39,7 +39,6 @@ const testOverrideRules = {
 
 /** @type {import('eslint').Config} */
 module.exports = {
-  root: true,
   env: {
     node: true,
   },
@@ -124,6 +123,7 @@ module.exports = {
         'vue/one-component-per-file': 'off',
         '@typescript-eslint/no-unsafe-member-access': 'off',
         '@typescript-eslint/no-floating-promises': 'off',
+        '@typescript-eslint/no-unsafe-call': 'off',
         'vitest/consistent-test-it': 'error',
         'vitest/no-alias-methods': 'error',
         'vitest/no-conditional-expect': 'error',

package/dist/config/tailwind/config.cjs

@@ -1,4 +1,5 @@
 const screens = require('./screens.json');
+const svgToDataUri = require('mini-svg-data-uri');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -77,8 +78,42 @@ module.exports = {
         900: '#14532d',
       },
       indigo: {
+        200: '#C7D2FE',
+        600: '#4F46E5',
         900: '#162C87',
       },
+      lime: {
+        200: '#D9F99D',
+        600: '#65A30D',
+      },
+      orange: {
+        200: '#FED7AA',
+        500: '#E25C2A',
+      },
+      sky: {
+        200: '#BAE6FD',
+        600: '#0284C7',
+      },
+      teal: {
+        200: '#99F6E4',
+        600: '#0D9488',
+      },
+      violet: {
+        200: '#DDD6FE',
+        600: '#7C3AED',
+      },
+      blue: {
+        200: '#BFDBFE',
+        600: '#2563EB',
+      },
+      gold: {
+        200: '#FDE68A',
+        600: '#D97706',
+      },
+      pink: {
+        200: '#FBCFE8',
+        600: '#DB2777',
+      },
     },
     screens,
     extend: {
@@ -94,6 +129,7 @@ module.exports = {
         141: '34.375rem',
       },
       borderWidth: {
+        '4.5': '1.2rem',
         10: '10px',
       },
       scale: {
@@ -109,6 +145,20 @@ module.exports = {
       transitionProperty: {
         'font': 'font-weight, font-size, line-height',
       },
+      zIndex: {
+        '100': 100,
+      },
+      backgroundImage: (theme) => ({
+        'multiselect-caret': `url("${svgToDataUri(
+          `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>`,
+        )}")`,
+        'multiselect-spinner': `url("${svgToDataUri(
+          `<svg viewBox="0 0 512 512" fill="${theme('primaryColor')}" xmlns="http://www.w3.org/2000/svg"><path d="M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z"></path></svg>`,
+        )}")`,
+        'multiselect-remove': `url("${svgToDataUri(
+          `<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`,
+        )}")`,
+      }),
     },
   },
   plugins: [],