Test with config (#50)

Co-authored-by: Dayana Ilieva <[email protected]>
1FF · Feb 20, 2024 · 69598dd · 69598dd
1 parent 3448286
commit 69598dd
Show file tree

Hide file tree

Showing 8 changed files with 42 additions and 20 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/dist/index.umd.js b/dist/index.umd.js
diff --git a/dist/index.umd.js.map b/dist/index.umd.js.map
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
     "@babel/preset-react": "^7.22.5",
     "@faker-js/faker": "^8.1.0",
     "@reduxjs/toolkit": "^1.9.5",
-    "@testing-library/jest-dom": "^6.1.3",
+    "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.21",

diff --git a/src/components/Input/variants.js b/src/components/Input/variants.js
@@ -12,13 +12,13 @@ export const basic = /*tw*/ tv({
     theme: {
       light: {
         base: '',
-        input: 'tw--bg-light-lumina tw--text-light-zephyr-100 tw--font-semibold',
+        input: 'tw--bg-light-lumina tw--text-light-zephyr-100 tw--font-semibold focus:!tw--bg-light-lumina',
         loader: '',
         spin: 'tw--border-light-zephyr-200 tw--border-t-light-zephyr-600 tw--border-l-light-zephyr-600',
       },
       dark: {
         base: '',
-        input: 'tw--bg-dark-lumina tw--text-dark-zephyr-100 tw--font-bold',
+        input: 'tw--bg-dark-lumina tw--text-dark-zephyr-100 tw--font-bold focus:!tw--bg-dark-lumina',
         loader: '',
         spin: 'w--border-dark-zephyr-200 tw--border-t-dark-zephyr-600 tw--border-l-dark-zephyr-600',
       },

diff --git a/vite.config.js b/vite.config.js
@@ -10,7 +10,19 @@ import autoprefixer from 'autoprefixer';
 import tailwindConfig from './tailwind.config';
 
 export default defineConfig({
-  plugins: [react(), eslint(), nodePolyfills({ include: ['events'] }), cssInjectedByJsPlugin({ styleId: 'react-tw-ai-client' }),],
+  plugins: [react(), eslint(), nodePolyfills({ include: ['events'] }),
+  cssInjectedByJsPlugin({
+    injectCode: (cssCode, options) => `try {
+      if(typeof document != 'undefined') {
+        const elementStyle = document.createElement('style');
+        elementStyle.id = 'react-tw-ai-client';
+        elementStyle.appendChild(document.createTextNode(${cssCode}));
+        document.body.appendChild(elementStyle);
+      }
+    } catch(e) {
+      console.error('vite-plugin-css-injected-by-js', e);
+    }`
+  })],
   resolve: {
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
     alias: {