Added styles bundling

apps/admin-x-settings/src/components/selectors/UnsplashSelector.tsx

@@ -1,4 +1,5 @@
-import Portal from '../../utils/portal'; ;
+import '@tryghost/unsplash-selector/styles/index.css';
+import Portal from '../../utils/portal';
 import {DefaultHeaderTypes, PhotoType, UnsplashSearchModal} from '@tryghost/unsplash-selector';
 
 interface UnsplashModalProps {

apps/unsplash-selector/package.json

@@ -20,7 +20,8 @@
       "import": "./dist/unsplash-selector.js",
       "require": "./dist/unsplash-selector.umd.js",
       "types": "./types/index.d.ts"
-    }
+    },
+    "./styles/index.css": "./dist/index.css"
   },
   "publishConfig": {
     "access": "public",
@@ -33,7 +34,7 @@
     "lint": "eslint src --ext .js,.ts,.jsx,.tsx --cache",
     "test": "vitest run"
   },
-  "dependencies": {
+  "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

apps/unsplash-selector/postcss.config.cjs

@@ -1,8 +1,3 @@
 module.exports = {
-    plugins: {
-        'postcss-import': {},
-        'tailwindcss/nesting': {},
-        tailwindcss: {},
-        autoprefixer: {}
-    }
-};
+    plugins: [require('tailwindcss'), require('autoprefixer')]
+};

apps/unsplash-selector/src/index.ts

@@ -1,2 +1,3 @@
 export {default as UnsplashSearchModal} from './UnsplashSearchModal';
 export type {DefaultHeaderTypes, Photo as PhotoType} from './UnsplashTypes';
+import './styles/index.css';

apps/unsplash-selector/tsconfig.json

@@ -5,9 +5,6 @@
     "module": "ESNext",
     "skipLibCheck": true,
     "types": ["vite/client", "vite-plugin-svgr/client"],
-    "paths": {
-      "*": ["./types/*"]
-    },
     /* Bundler mode */
     "moduleResolution": "bundler",
     "resolveJsonModule": true,

apps/unsplash-selector/vite.config.ts

@@ -3,7 +3,7 @@ import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
 import {defineConfig} from 'vite';
 import {resolve} from 'path';
-// https://vitejs.dev/config/
+
 const outputFileName = pkg.name[0] === '@' ? pkg.name.slice(pkg.name.indexOf('/') + 1) : pkg.name;
 
 export default defineConfig({