feat(Pill): extracting Pill as a standalone package (#665)

packages/ui-components/package.json

@@ -56,6 +56,7 @@
 		"@versini/ui-main": "workspace:../ui-main",
 		"@versini/ui-menu": "workspace:../ui-menu",
 		"@versini/ui-panel": "workspace:../ui-panel",
+		"@versini/ui-pill": "workspace:../ui-pill",
 		"@versini/ui-private": "workspace:../ui-private",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.11"

packages/ui-components/src/components/index.ts

@@ -7,8 +7,8 @@ import { Header } from "@versini/ui-header";
 import { Main } from "@versini/ui-main";
 import { Menu, MenuItem, MenuSeparator } from "@versini/ui-menu";
 import { Panel } from "@versini/ui-panel";
+import { Pill } from "@versini/ui-pill";
 
-import { Pill } from "./Pill/Pill";
 import { Spinner } from "./Spinner/Spinner";
 import {
 	Table,

packages/ui-pill/README.md

@@ -0,0 +1,3 @@
+# @versini/ui-pill
+
+A simple pill component for React.

packages/ui-pill/package.json

@@ -0,0 +1,48 @@
+{
+	"name": "@versini/ui-pill",
+	"version": "0.0.0",
+	"license": "MIT",
+	"author": "Arno Versini",
+	"publishConfig": {
+		"access": "public"
+	},
+	"homepage": "https://github.com/aversini/ui-components",
+	"repository": {
+		"type": "git",
+		"url": "[email protected]:aversini/ui-components.git"
+	},
+	"type": "module",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": ["dist"],
+	"scripts": {
+		"build:check": "tsc",
+		"build:js": "vite build",
+		"build:types": "tsup",
+		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"clean": "rimraf dist tmp",
+		"dev:js": "vite build --watch --mode development",
+		"dev:types": "tsup --watch src",
+		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"lint": "biome lint src",
+		"start": "static-server dist --port 5173",
+		"test:coverage:ui": "vitest --coverage --ui",
+		"test:coverage": "vitest run --coverage",
+		"test:watch": "vitest",
+		"test": "vitest run"
+	},
+	"peerDependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@versini/ui-styles": "workspace:../ui-styles"
+	},
+	"dependencies": {
+		"@tailwindcss/typography": "0.5.15",
+		"@versini/ui-private": "workspace:../ui-private",
+		"clsx": "2.1.1",
+		"tailwindcss": "3.4.11"
+	},
+	"sideEffects": ["**/*.css"]
+}

packages/ui-pill/postcss.config.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+	plugins: {
+		tailwindcss: {},
+		autoprefixer: {},
+	},
+};

packages/ui-pill/src/common/constants.ts

@@ -0,0 +1 @@
+export const PILL_CLASSNAME = "av-pill";

packages/ui-components/src/components/Pill/__tests__/Pill.test.tsx → packages/ui-pill/src/components/Pill/__tests__/Pill.test.tsx

@@ -1,8 +1,6 @@
 import { render, screen } from "@testing-library/react";
-
-import { Pill } from "../..";
+import { PILL_CLASSNAME, Pill } from "../..";
 import { expectToHaveClasses } from "../../../../../../configuration/tests-helpers";
-import { PILL_CLASSNAME } from "../../../common/constants";
 
 describe("Pill (exceptions)", () => {
 	it("should be able to require/import from root", () => {

packages/ui-pill/src/components/index.ts

@@ -0,0 +1,2 @@
+export * from "../common/constants";
+export * from "./Pill/Pill";

packages/ui-pill/src/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

packages/ui-pill/src/style.ts

@@ -0,0 +1 @@
+import "./index.css";

packages/ui-pill/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

packages/ui-pill/tailwind.config.js

@@ -0,0 +1,2 @@
+import { commonTailwindConfigForComponent } from "../../configuration/tailwind.common";
+export default commonTailwindConfigForComponent();

packages/ui-pill/tsconfig.json

@@ -0,0 +1,4 @@
+{
+	"extends": "../../configuration/tsconfig.common.json",
+	"include": ["src"]
+}

packages/ui-pill/tsup.config.ts

@@ -0,0 +1,2 @@
+import { commonTsupConfig } from "../../configuration/tsup.common";
+export default commonTsupConfig;

packages/ui-pill/vite.config.ts

@@ -0,0 +1,2 @@
+import { commonViteConfigForComponent } from "../../configuration/vite.common";
+export default commonViteConfigForComponent();

packages/ui-pill/vitest.config.js

@@ -0,0 +1,4 @@
+import { commonVitestConfig } from "../../configuration/vitestconfig.common";
+import viteConfig from "./vite.config";
+
+export default commonVitestConfig(viteConfig);