add css to export (#27)

Author: neotob

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Added `styles.css` to the export in the package.json
+
 ## [2.4.0] - 2023-08-04
 
 ### Added

cypress/cypress/support/component.ts

@@ -14,7 +14,7 @@
 // ***********************************************************
 
 import "bootstrap/dist/css/bootstrap.min.css";
-import "react-pattern-ui/index.css";
+import "react-pattern-ui/styles.css";
 
 // Import commands.js using ES2015 syntax:
 import "./commands";

package.json

@@ -14,8 +14,11 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.modern.js",
-      "require": "./dist/index.js"
-    }
+      "require": "./dist/index.js",
+      "styles": "./dist/styles.css"
+    },
+    "./styles": "./dist/styles.css",
+    "./styles.css": "./dist/styles.css"
   },
   "main": "dist/index.js",
   "umd:main": "dist/index.umd.js",
@@ -25,6 +28,7 @@
   "source": "src/index.ts",
   "jsnext:main": "dist/index.modern.js",
   "types": "dist/index.d.ts",
+  "styles": "./dist/styles.css",
   "files": [
     "dist"
   ],

rollup.config.mjs

@@ -8,7 +8,7 @@ import sass from "rollup-plugin-sass";
 const input = "src/index.ts";
 
 const plugins = [
-  sass({ output: true }),
+  sass({ output: "dist/styles.css" }),
   external({
     includeDependencies: true,
   }),