feat: add button component styles

riccardoperra · Jan 10, 2023 · 5a31b67 · 5a31b67
1 parent 9b87c00
commit 5a31b67
Show file tree

Hide file tree

Showing 48 changed files with 1,245 additions and 1,907 deletions.
diff --git a/.npmrc b/.npmrc
@@ -1 +1 @@
-auto-install-peers=true
+auto-install-peers=true
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1 @@
+test-ve
diff --git a/configs/vite.config.ts b/configs/vite.config.ts
@@ -1,10 +1,9 @@
-import { defineConfig } from 'vite';
-import solidPlugin from 'vite-plugin-solid';
+import { defineConfig } from "vite";
+import solidPlugin from "vite-plugin-solid";
 
 export default defineConfig({
-  plugins: [solidPlugin()],
-  build: {
-    target: 'esnext',
-    polyfillDynamicImport: false,
-  },
+	plugins: [solidPlugin()],
+	build: {
+		target: "esnext",
+	},
 });
diff --git a/packages/hello/CHANGELOG.md b/packages/hello/CHANGELOG.md
diff --git a/packages/hello/README.md b/packages/hello/README.md
diff --git a/packages/hello/jest.config.ssr.ts b/packages/hello/jest.config.ssr.ts
diff --git a/packages/hello/jest.config.ts b/packages/hello/jest.config.ts
diff --git a/packages/hello/package.json b/packages/hello/package.json
diff --git a/packages/hello/src/index.tsx b/packages/hello/src/index.tsx
diff --git a/packages/hello/test/index.ssr.test.tsx b/packages/hello/test/index.ssr.test.tsx
diff --git a/packages/hello/test/index.test.tsx b/packages/hello/test/index.test.tsx
diff --git a/packages/hello/tsconfig.json b/packages/hello/tsconfig.json
diff --git a/packages/kit/dev/App.tsx b/packages/kit/dev/App.tsx
@@ -0,0 +1,14 @@
+import type { Component } from "solid-js";
+import { Button, theme } from "@codeui/kit";
+
+const App: Component = () => {
+	return (
+		<div class={theme}>
+			<Button theme={"primary"}>Button</Button>
+			<Button theme={"secondary"}>Button</Button>
+			<Button theme={"tertiary"}>Button</Button>
+		</div>
+	);
+};
+
+export default App;
diff --git a/playgrounds/sandbox/src/index.css → packages/kit/dev/index.css b/playgrounds/sandbox/src/index.css → packages/kit/dev/index.css
@@ -1,9 +1,10 @@
 body {
 	margin: 0;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
-		"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
+	background: hsl(246 6.0% 9.0%);
 }
 
 code {

diff --git a/packages/kit/dev/index.html b/packages/kit/dev/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="theme-color" content="#000000" />
+	<title>Playground | @codeui/kit</title>
+	<script src="https://cdn.tailwindcss.com"></script>
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/blackA.css" />
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/mauve.css" />
+	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@radix-ui/colors@latest/violet.css" />
+</head>
+<body>
+<noscript>You need to enable JavaScript to run this app.</noscript>
+<div id="root"></div>
+<script src="./index.tsx" type="module"></script>
+</body>
+</html>
diff --git a/packages/kit/dev/index.tsx b/packages/kit/dev/index.tsx
@@ -0,0 +1,7 @@
+/* @refresh reload */
+import { render } from "solid-js/web";
+
+import "./index.css";
+import App from "./App";
+
+render(() => <App />, document.getElementById("root") as HTMLElement);
diff --git a/playgrounds/sandbox/src/logo.svg → packages/kit/dev/logo.svg b/playgrounds/sandbox/src/logo.svg → packages/kit/dev/logo.svg
diff --git a/packages/kit/dev/vite.config.ts b/packages/kit/dev/vite.config.ts
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import solidPlugin from "vite-plugin-solid";
+import { vanillaExtractPlugin } from "@codeimage/vanilla-extract";
+import tsconfigPaths from "vite-tsconfig-paths";
+
+export default defineConfig({
+	plugins: [solidPlugin(), vanillaExtractPlugin(), tsconfigPaths()],
+	build: {
+		target: "esnext",
+	},
+});
diff --git a/packages/kit/package.json b/packages/kit/package.json
@@ -42,13 +42,15 @@
 	},
 	"scripts": {
 		"dev": "pnpm run build -w",
-		"build": "rollup -c ../../configs/rollup.config.ts",
+		"playground": "vite serve ./dev --host",
+		"build": "rollup -c rollup.config.js",
 		"test": "pnpm run test:client && pnpm run test:ssr",
 		"test:client": "jest --config jest.config.ts",
 		"test:ssr": "jest --config jest.config.ssr.ts",
 		"typecheck": "tsc --noEmit"
 	},
 	"devDependencies": {
+		"@codeimage/vanilla-extract": "workspace:^0.2.0",
 		"@testing-library/jest-dom": "^5.16.4",
 		"jest": "^28.1.3",
 		"jest-environment-jsdom": "^28.1.3",
@@ -57,16 +59,19 @@
 		"solid-js": "^1.4.8",
 		"solid-testing-library": "^0.3.0",
 		"ts-node": "^10.9.1",
-		"typescript": "^4.7.4"
+		"typescript": "^4.7.4",
+		"vite-tsconfig-paths": "^4.0.3"
 	},
 	"peerDependencies": {
 		"solid-js": "^1.4.4"
 	},
 	"packageManager": "[email protected]",
 	"dependencies": {
 		"@kobalte/core": "^0.1.0",
+		"@radix-ui/colors": "^0.1.8",
 		"@vanilla-extract/css": "^1.9.2",
 		"@vanilla-extract/dynamic": "^2.0.3",
-		"@vanilla-extract/recipes": "^0.3.0"
+		"@vanilla-extract/recipes": "^0.3.0",
+		"@vanilla-extract/vite-plugin": "^3.7.0"
 	}
 }
diff --git a/packages/kit/rollup.config.js b/packages/kit/rollup.config.js
@@ -0,0 +1,10 @@
+import withSolid from "rollup-preset-solid";
+
+export default withSolid({
+	input: "src/index.tsx",
+	targets: ["esm"],
+	output: {
+		preserveModules: true,
+		dir: "dist/esm",
+	},
+});