notra-editor 0.2.0 → 0.3.0

package/dist/themes/default/editor.css

@@ -228,13 +228,6 @@
 	outline: none;
 }
 
-.notra-editor .tiptap-button .tiptap-button-icon {
-	width: 1rem;
-	height: 1rem;
-	flex-shrink: 0;
-	color: inherit;
-}
-
 .notra-editor .tiptap-button:hover:not([disabled]) {
 	background-color: var(--tt-button-hover-bg-color);
 	color: var(--tt-button-hover-icon-color);
@@ -261,19 +254,6 @@
 	/* Dropdown menu */
 	--tt-dropdown-menu-bg-color: var(--white);
 	--tt-dropdown-menu-text-color: var(--tt-gray-light-a-600);
-
-	/* Popover */
-	--tt-popover-bg-color: var(--white);
-	--tt-popover-border-color: var(--tt-gray-light-a-100);
-
-	/* Card */
-	--tiptap-card-bg-color: var(--white);
-	--tiptap-card-border-color: var(--tt-gray-light-a-100);
-
-	/* Input */
-	--tt-input-placeholder: var(--tt-gray-light-a-400);
-	--tt-input-border: var(--tt-gray-light-a-200);
-	--tt-input-border-focus: var(--tt-gray-light-a-300);
 }
 
 /* =====================
@@ -332,99 +312,3 @@
 		transform: translateX(-50%) scale(1) translateY(0);
 	}
 }
-
-/* =====================
-   Popover
-   ===================== */
-.notra-editor .tiptap-popover-content {
-	z-index: 9999;
-	transform: translateX(-50%);
-	animation: popover-in 150ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
-}
-
-@keyframes popover-in {
-	from {
-		opacity: 0;
-		transform: translateX(-50%) scale(0.95) translateY(-0.25rem);
-	}
-	to {
-		opacity: 1;
-		transform: translateX(-50%) scale(1) translateY(0);
-	}
-}
-
-/* =====================
-   Card
-   ===================== */
-.notra-editor .tiptap-card {
-	display: flex;
-	flex-direction: column;
-	border-radius: calc(0.375rem + var(--tt-radius-lg));
-	box-shadow: var(--tt-shadow-elevated-md);
-	background-color: var(--tiptap-card-bg-color);
-	border: 1px solid var(--tiptap-card-border-color);
-	outline: none;
-	min-width: 0;
-}
-
-.notra-editor .tiptap-card-body {
-	padding: 0.375rem;
-	flex: 1 1 auto;
-	overflow-y: auto;
-}
-
-.notra-editor .tiptap-card-item-group {
-	position: relative;
-	display: flex;
-	vertical-align: middle;
-	min-width: max-content;
-}
-
-.notra-editor .tiptap-card-item-group[data-orientation='vertical'] {
-	flex-direction: column;
-	justify-content: center;
-}
-
-.notra-editor .tiptap-card-item-group[data-orientation='horizontal'] {
-	flex-direction: row;
-	align-items: center;
-	gap: 0.25rem;
-}
-
-/* =====================
-   Input
-   ===================== */
-.notra-editor .tiptap-input {
-	width: 100%;
-	min-width: 0;
-	height: 2rem;
-	padding: 0.25rem 0.625rem;
-	border-radius: var(--tt-radius-md);
-	border: 1px solid var(--tt-input-border);
-	background: transparent;
-	font-size: 0.875rem;
-	outline: none;
-	transition: border-color 150ms;
-}
-
-.notra-editor .tiptap-input::placeholder {
-	color: var(--tt-input-placeholder);
-}
-
-.notra-editor .tiptap-input:focus-visible {
-	border-color: var(--tt-input-border-focus);
-}
-
-.notra-editor .tiptap-link-input {
-	font-size: 0.875rem;
-	border: none;
-	min-width: 12rem;
-	padding-right: 0;
-	text-overflow: ellipsis;
-	white-space: nowrap;
-}
-
-.notra-editor .tiptap-link-input:focus {
-	text-overflow: clip;
-	overflow: visible;
-}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "notra-editor",
   "type": "module",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "A Markdown-first rich text editor for React",
   "license": "MIT",
   "keywords": [
@@ -25,7 +25,8 @@
     },
     "./themes/default/shared.css": "./dist/themes/default/shared.css",
     "./themes/default/editor.css": "./dist/themes/default/editor.css",
-    "./themes/default/reader.css": "./dist/themes/default/reader.css"
+    "./themes/default/reader.css": "./dist/themes/default/reader.css",
+    "./styles/globals.css": "./dist/styles/globals.css"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
@@ -34,10 +35,11 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@radix-ui/react-slot": "^1.2.4",
     "@tiptap/core": "^3.22.4",
     "@tiptap/extension-link": "^3.22.4",
     "@tiptap/extension-list": "^3.22.4",
@@ -45,22 +47,32 @@
     "@tiptap/react": "^3.22.4",
     "@tiptap/starter-kit": "^3.22.4",
     "@tiptap/static-renderer": "^3.22.4",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.9.0",
+    "radix-ui": "^1.4.3",
+    "tailwind-merge": "^3.5.0",
     "tiptap-markdown": "^0.8.10"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.2.4",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.2",
     "jsdom": "^26.1.0",
+    "postcss": "^8.5.10",
+    "postcss-cli": "^11.0.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "tailwindcss": "^4.2.4",
     "tsup": "^8.4.0",
     "typescript": "^5.8.0",
     "vitest": "^4.0.18"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && pnpm build:css",
+    "build:css": "postcss src/styles/globals.css -o dist/styles/globals.css",
     "dev": "tsup --watch",
     "test": "vitest run --passWithNoTests",
     "test:watch": "vitest",