@agility/plenum-ui 2.0.0-rc47 → 2.0.0-rc49

package/app/globals.css

@@ -1,99 +1,99 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@layer {
-	* {
-		/* set the default outline color on focus */
-		outline-color: #7933dd;
-
-	}
-
-	/*
-	vertical splitter on the InnerContainer component
-
-	.reflex-container.vertical > .reflex-splitter {
-		border-right: 1px solid #f9fafb;
-		border-left: 1px solid #f9fafb;
-		z-index: 2 !important;
-	}
-
-	.reflex-container.vertical > .reflex-splitter:hover {
-		border-right: 1px solid #eee;
-		border-left: 1px solid #eee;
-	}
-
-	.reflex-container.vertical > .reflex-splitter:active {
-		border-right: 1px solid #ddd;
-		border-left: 1px solid #ddd;
-	} */
-
-
-	/*
-	scroll bar overrides
-	*/
-	.scroll-black {
-		scrollbar-width: thin; /* "auto" or "thin" */
-		scrollbar-color: #aaa; /* scroll thumb and track */
-	}
-
-	.scroll-black::-webkit-scrollbar {
-		width: 6px; /* width of the entire scrollbar */
-		height: 6px;
-	}
-
-	.scroll-black::-webkit-scrollbar-track {
-		background: 0; /* color of the tracking area */
-	}
-	.scroll-black::-webkit-scrollbar-thumb {
-		background-color: #aaa; /* color of the scroll thumb */
-		border-radius: 20px; /* roundness of the scroll thumb */
-	}
-
-	.scroll-transparent {
-		scrollbar-width: thin; /* "auto" or "thin" */
-		scrollbar-color: #00000000; /* scroll thumb and track */
-	}
-
-	.scroll-transparent::-webkit-scrollbar {
-		width: 6px; /* width of the entire scrollbar */
-		height: 6px;
-	}
-
-	.scroll-transparent::-webkit-scrollbar-track {
-		background: 0; /* color of the tracking area */
-	}
-	.scroll-transparent::-webkit-scrollbar-thumb {
-		background-color: #00000000; /* color of the scroll thumb */
-		border-radius: 20px; /* roundness of the scroll thumb */
-	}
-
-	.scroll-none {
-		scrollbar-width: none; /* "auto" or "thin" */
-		scrollbar-color: #00000000; /* scroll thumb and track */
-	}
-
-	.scroll-none::-webkit-scrollbar {
-		width: 0; /* width of the entire scrollbar */
-		height: 0;
-	}
-
-	.scroll-none::-webkit-scrollbar-track {
-		background: 0; /* color of the tracking area */
-	}
-
-	/* .scroll-none::-webkit-scrollbar-thumb {
-	} */
-
-	.scrollbar-gutter {
-		scrollbar-gutter: stable;
-	}
-
-	.content-graph g text {
-		font-weight: bold;
-		font-size: 13px !important;
-	}
-
-
-
-
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer {
+	* {
+		/* set the default outline color on focus */
+		outline-color: #7933dd;
+
+	}
+
+	/*
+	vertical splitter on the InnerContainer component
+
+	.reflex-container.vertical > .reflex-splitter {
+		border-right: 1px solid #f9fafb;
+		border-left: 1px solid #f9fafb;
+		z-index: 2 !important;
+	}
+
+	.reflex-container.vertical > .reflex-splitter:hover {
+		border-right: 1px solid #eee;
+		border-left: 1px solid #eee;
+	}
+
+	.reflex-container.vertical > .reflex-splitter:active {
+		border-right: 1px solid #ddd;
+		border-left: 1px solid #ddd;
+	} */
+
+
+	/*
+	scroll bar overrides
+	*/
+	.scroll-black {
+		scrollbar-width: thin; /* "auto" or "thin" */
+		scrollbar-color: #aaa; /* scroll thumb and track */
+	}
+
+	.scroll-black::-webkit-scrollbar {
+		width: 6px; /* width of the entire scrollbar */
+		height: 6px;
+	}
+
+	.scroll-black::-webkit-scrollbar-track {
+		background: 0; /* color of the tracking area */
+	}
+	.scroll-black::-webkit-scrollbar-thumb {
+		background-color: #aaa; /* color of the scroll thumb */
+		border-radius: 20px; /* roundness of the scroll thumb */
+	}
+
+	.scroll-transparent {
+		scrollbar-width: thin; /* "auto" or "thin" */
+		scrollbar-color: #00000000; /* scroll thumb and track */
+	}
+
+	.scroll-transparent::-webkit-scrollbar {
+		width: 6px; /* width of the entire scrollbar */
+		height: 6px;
+	}
+
+	.scroll-transparent::-webkit-scrollbar-track {
+		background: 0; /* color of the tracking area */
+	}
+	.scroll-transparent::-webkit-scrollbar-thumb {
+		background-color: #00000000; /* color of the scroll thumb */
+		border-radius: 20px; /* roundness of the scroll thumb */
+	}
+
+	.scroll-none {
+		scrollbar-width: none; /* "auto" or "thin" */
+		scrollbar-color: #00000000; /* scroll thumb and track */
+	}
+
+	.scroll-none::-webkit-scrollbar {
+		width: 0; /* width of the entire scrollbar */
+		height: 0;
+	}
+
+	.scroll-none::-webkit-scrollbar-track {
+		background: 0; /* color of the tracking area */
+	}
+
+	/* .scroll-none::-webkit-scrollbar-thumb {
+	} */
+
+	.scrollbar-gutter {
+		scrollbar-gutter: stable;
+	}
+
+	.content-graph g text {
+		font-weight: bold;
+		font-size: 13px !important;
+	}
+
+
+
+
+}

package/app/head.tsx

@@ -1,59 +1,59 @@
-export default function Head() {
-  return (
-		<>
-			<title>Create Next App</title>
-			<meta content="width=device-width, initial-scale=1" name="viewport" />
-			<meta name="description" content="Generated by create next app" />
-
-			<link rel="apple-touch-startup-image" href="https://static.agilitycms.com/favicon/purple/128.png" />
-
-			<link
-				rel="apple-touch-icon-precomposed"
-				sizes="64x64"
-				href="https://static.agilitycms.com/favicon/purple/64.png"
-			/>
-			<link
-				rel="apple-touch-icon-precomposed"
-				sizes="128x128"
-				href="https://static.agilitycms.com/favicon/purple/128.png"
-			/>
-			<link
-				rel="apple-touch-icon-precomposed"
-				sizes="256x256"
-				href="https://static.agilitycms.com/favicon/purple/256.png"
-			/>
-			<link
-				rel="apple-touch-icon-precomposed"
-				sizes="512x512"
-				href="https://static.agilitycms.com/favicon/purple/512.png"
-			/>
-
-			<link
-				rel="icon"
-				type="image/png"
-				href="https://static.agilitycms.com/favicon/purple/32.png"
-				sizes="32x32"
-			/>
-			<link
-				rel="icon"
-				type="image/png"
-				href="https://static.agilitycms.com/favicon/purple/64.png"
-				sizes="64x64"
-			/>
-			<link
-				rel="icon"
-				type="image/png"
-				href="https://static.agilitycms.com/favicon/favicon-128x128.png"
-				sizes="128x128"
-			/>
-			<link
-				rel="icon"
-				type="image/png"
-				href="https://static.agilitycms.com/favicon/favicon-256x256.png"
-				sizes="256x256"
-			/>
-
-			<meta name="application-name" content="Agility" />
-		</>
-  )
-}
+export default function Head() {
+  return (
+		<>
+			<title>Create Next App</title>
+			<meta content="width=device-width, initial-scale=1" name="viewport" />
+			<meta name="description" content="Generated by create next app" />
+
+			<link rel="apple-touch-startup-image" href="https://static.agilitycms.com/favicon/purple/128.png" />
+
+			<link
+				rel="apple-touch-icon-precomposed"
+				sizes="64x64"
+				href="https://static.agilitycms.com/favicon/purple/64.png"
+			/>
+			<link
+				rel="apple-touch-icon-precomposed"
+				sizes="128x128"
+				href="https://static.agilitycms.com/favicon/purple/128.png"
+			/>
+			<link
+				rel="apple-touch-icon-precomposed"
+				sizes="256x256"
+				href="https://static.agilitycms.com/favicon/purple/256.png"
+			/>
+			<link
+				rel="apple-touch-icon-precomposed"
+				sizes="512x512"
+				href="https://static.agilitycms.com/favicon/purple/512.png"
+			/>
+
+			<link
+				rel="icon"
+				type="image/png"
+				href="https://static.agilitycms.com/favicon/purple/32.png"
+				sizes="32x32"
+			/>
+			<link
+				rel="icon"
+				type="image/png"
+				href="https://static.agilitycms.com/favicon/purple/64.png"
+				sizes="64x64"
+			/>
+			<link
+				rel="icon"
+				type="image/png"
+				href="https://static.agilitycms.com/favicon/favicon-128x128.png"
+				sizes="128x128"
+			/>
+			<link
+				rel="icon"
+				type="image/png"
+				href="https://static.agilitycms.com/favicon/favicon-256x256.png"
+				sizes="256x256"
+			/>
+
+			<meta name="application-name" content="Agility" />
+		</>
+  )
+}

package/app/layout.tsx

@@ -1,28 +1,28 @@
-import { Mulish } from "@next/font/google"
-import "./globals.css"
-
-const mulishFont = Mulish({
-	variable: "--mulish",
-	weight: ["200", "300", "400", "500", "600", "700", "800", "900", "1000"],
-	display: "swap",
-	style: ["normal", "italic"],
-	subsets: ["latin"],
-	fallback: ["Helvetica", "Arial", "sans-serif"]
-})
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en" className={`${mulishFont.variable}`}>
-      {/*
-        <head /> will contain the components returned by the nearest parent
-        head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
-      */}
-      <head />
-      <body>{children}</body>
-    </html>
-  )
-}
+import { Mulish } from "@next/font/google"
+import "./globals.css"
+
+const mulishFont = Mulish({
+	variable: "--mulish",
+	weight: ["200", "300", "400", "500", "600", "700", "800", "900", "1000"],
+	display: "swap",
+	style: ["normal", "italic"],
+	subsets: ["latin"],
+	fallback: ["Helvetica", "Arial", "sans-serif"]
+})
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en" className={`${mulishFont.variable}`}>
+      {/*
+        <head /> will contain the components returned by the nearest parent
+        head.tsx. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
+      */}
+      <head />
+      <body>{children}</body>
+    </html>
+  )
+}

package/app/page.tsx

@@ -1,7 +1,7 @@
-import { Inter } from "@next/font/google"
-
-const inter = Inter({ subsets: ["latin"] })
-
-export default function Home() {
-  return <main className={""}></main>
-}
+import { Inter } from "@next/font/google"
+
+const inter = Inter({ subsets: ["latin"] })
+
+export default function Home() {
+  return <main className={""}></main>
+}

package/build.js

@@ -1,46 +1,46 @@
-const { execSync } = require("child_process")
-const esbuild = require("esbuild")
-const path = require("path")
-const { Generator } = require('npm-dts');
-
-new Generator({
-	entry: path.resolve(__dirname, "stories/index.ts"),
-	output: path.resolve(__dirname, 'dist/index.d.ts'),
-	tsc: "--emitDeclarationOnly --project tsconfig.lib.json"
-}).generate();
-
-// Run TypeScript to generate type declarations using the new tsconfig.lib.json
-execSync("tsc --emitDeclarationOnly --project tsconfig.lib.json", { stdio: "inherit" })
-
-const context = {
-	logLevel: "info",
-	entryPoints: [path.resolve(__dirname, "stories/index.ts")],
-
-	bundle: true,
-	platform: "browser",
-	target: ["esnext"],
-	minify: true,
-	pure: ["React.createElement"],
-	jsx: 'transform',
-	loader: { '.js': 'jsx' },
-	outdir: path.resolve(__dirname, "dist"),
-	sourcemap: true,
-	external: [
-		"react",
-		"react-dom",
-		"@floating-ui/react",
-		"@headlessui/react",
-		"@headlessui/tailwindcss",
-		"@heroicons/react",
-		"@tabler/icons",
-		"@tabler/icons-react",
-		"classnames",
-		"react-icons"
-	],
-	format: "esm"
-}
-
-// Build script using esbuild
-esbuild
-	.build(context)
+const { execSync } = require("child_process")
+const esbuild = require("esbuild")
+const path = require("path")
+const { Generator } = require('npm-dts');
+
+new Generator({
+	entry: path.resolve(__dirname, "stories/index.ts"),
+	output: path.resolve(__dirname, 'dist/index.d.ts'),
+	tsc: "--emitDeclarationOnly --project tsconfig.lib.json"
+}).generate();
+
+// Run TypeScript to generate type declarations using the new tsconfig.lib.json
+execSync("tsc --emitDeclarationOnly --project tsconfig.lib.json", { stdio: "inherit" })
+
+const context = {
+	logLevel: "info",
+	entryPoints: [path.resolve(__dirname, "stories/index.ts")],
+
+	bundle: true,
+	platform: "browser",
+	target: ["esnext"],
+	minify: true,
+	pure: ["React.createElement"],
+	jsx: 'transform',
+	loader: { '.js': 'jsx' },
+	outdir: path.resolve(__dirname, "dist"),
+	sourcemap: true,
+	external: [
+		"react",
+		"react-dom",
+		"@floating-ui/react",
+		"@headlessui/react",
+		"@headlessui/tailwindcss",
+		"@heroicons/react",
+		"@tabler/icons",
+		"@tabler/icons-react",
+		"classnames",
+		"react-icons"
+	],
+	format: "esm"
+}
+
+// Build script using esbuild
+esbuild
+	.build(context)
 	.catch(() => process.exit(1))