feat: css build step

RBND-studio · Jan 22, 2024 · d97736e · d97736e
1 parent 1358837
commit d97736e
Show file tree

Hide file tree

Showing 22 changed files with 310 additions and 64 deletions.
diff --git a/README.md b/README.md
@@ -20,11 +20,8 @@ npm install @rbnd/flows
 ### Via CDN
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/@rbnd/flows@0.0.29/dist/index.global.js"></script>
-<link
-  rel="stylesheet"
-  href="https://cdn.jsdelivr.net/npm/@rbnd/flows@0.0.29/node_modules/@flows/js/public/flows.css"
-/>
+<script src="https://cdn.jsdelivr.net/npm/@flows/js@0.0.29/dist/index.global.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flows/js@0.0.29/css.min/flows.css" />
 ```
 
 ### Usage

diff --git a/examples/react-nextjs/components/CloudFlows.tsx b/examples/react-nextjs/components/CloudFlows.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { useEffect } from "react";
-import { init } from "@rbnd/flows/cloud";
-import "@rbnd/flows/flows.css";
+import { init } from "@flows/js/cloud";
+import "@flows/js/flows.css";
 
 export const CloudFlows = () => {
   useEffect(() => {

diff --git a/examples/react-nextjs/components/LocalFlows.tsx b/examples/react-nextjs/components/LocalFlows.tsx
@@ -1,8 +1,8 @@
 "use client";
 
 import { useEffect } from "react";
-import { init } from "@rbnd/flows";
-import "@rbnd/flows/flows.css";
+import { init } from "@flows/js";
+import "@flows/js/flows.css";
 
 export const LocalFlows = () => {
   useEffect(() => {

diff --git a/examples/vanilla-js/cloud/index.html b/examples/vanilla-js/cloud/index.html
@@ -8,7 +8,7 @@
     <!-- How you would use Flows in your own code -->
     <!-- Make sure to lock specific version to avoid braking changes. See docs for more info. -->
     <script src="https://cdn.jsdelivr.net/npm/@flows/js/dist/index.global.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flows/js/public/flows.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flows/js/css.min/flows.css" />
 
     <script src="index.js"></script>
   </head>

diff --git a/examples/vanilla-js/index.html b/examples/vanilla-js/index.html
@@ -8,7 +8,7 @@
     <!-- How you would use Flows in your own code -->
     <!-- Make sure to lock specific version to avoid braking changes. See docs for more info. -->
     <script src="https://cdn.jsdelivr.net/npm/@rbnd/flows/dist/index.global.js"></script>
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flows/js/public/flows.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@flows/js/css.min/flows.css" />
 
     <script src="index.js"></script>
   </head>