👷 Prepare for publish (#20)

.github/workflows/release_npm_package.yml

@@ -156,6 +156,6 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}
 
       - name: Publish Package
-        run: npm publish
+        run: npm publish --access=public
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

README.md

@@ -13,8 +13,8 @@
 ## Install
 
 ```bash
-npm install --save moonshine-css
-yarn add moonshine-css
+npm install --save @econify/moonshine-css
+yarn add @econify/moonshine-css
 ```
 
 ## Generate Styles
@@ -69,7 +69,7 @@ import "atomic-styles.css";
 ```
 
 ```js
-import { styled } from "moonshine-css";
+import { styled } from "@econify/moonshine-css";
 
 const Button = styled.button(
   "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded",

docs/FUTURE.md

@@ -22,7 +22,7 @@ There are a couple of challenges with this approach however:
 A possible solution to both problems could look like this:
 
 ```tsx
-import { vx } from "moonshine-css";
+import { vx } from "@econify/moonshine-css";
 
 export default function Example2() {
   const variant = "primary";

docs/RUNTIME.md

@@ -137,7 +137,7 @@ To bypass Moonshine's typechecking and allow mixing of atomic CSS classes with o
 
 ```tsx
 import React from "react";
-import { untyped } from "moonshine-css";
+import { untyped } from "@econify/moonshine-css";
 
 import styles from "styles.module.css"; // CSS modules
 

examples/simple/package.json

@@ -7,6 +7,6 @@
     "build": "distill"
   },
   "dependencies": {
-    "moonshine-css": "file:../.."
+    "@econify/moonshine-css": "file:../.."
   }
 }

examples/simple/yarn.lock

@@ -2,5 +2,5 @@
 # yarn lockfile v1
 
 
-"moonshine-css@file:../..":
+"@econify/moonshine-css@file:../..":
   version "0.1.0"

examples/tachyons/package.json

@@ -7,6 +7,6 @@
     "build": "distill"
   },
   "dependencies": {
-    "moonshine-css": "file:../.."
+    "@econify/moonshine-css": "file:../.."
   }
 }

examples/tachyons/yarn.lock

@@ -2,5 +2,5 @@
 # yarn lockfile v1
 
 
-"moonshine-css@file:../..":
+"@econify/moonshine-css@file:../..":
   version "0.1.0"

examples/vite-app/package.json

@@ -8,7 +8,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "moonshine-css": "../..",
+    "@econify/moonshine-css": "../..",
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   },

examples/vite-app/src/App.jsx

@@ -1,6 +1,6 @@
 import React from "react";
 import Example from "./Example";
-import { CssVariableInjector } from "moonshine-css";
+import { CssVariableInjector } from "@econify/moonshine-css";
 
 import "./global.css";
 import "../build/tokens.css";

examples/vite-app/src/Example.jsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { cx, styled, box, css, untyped } from "moonshine-css";
+import { cx, styled, box, css, untyped } from "@econify/moonshine-css";
 
 const Box1 = styled.div("bg-blue6");
 const box4styles = css`

examples/vite-app/yarn.lock

@@ -236,7 +236,7 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
-"moonshine-css@../..":
+"@econify/moonshine-css@../..":
   version "0.1.0"
 
 "@jridgewell/gen-mapping@^0.1.0":

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "moonshine-css",
+  "name": "@econify/moonshine-css",
   "version": "0.1.7",
   "description": "High-proof atomic CSS",
   "keywords": [