@onyxdesign/core 0.0.0-stage → 1.1.0

package/LICENSE

@@ -0,0 +1,25 @@
+MIT License
+
+Copyright (c) 2026 Onyx UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+---
+This license covers the Onyx UI core library only. Onyx Pro components,
+templates and design kits are distributed under a separate commercial license.

package/README.md

@@ -1,3 +1,109 @@
-# Temporary Holding Version
+<p align="center"><img src="brand/onyx-logo-black.svg" width="120" alt="Onyx"></p>
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+# Onyx
+
+**The interface, in black & white.**
+
+[Website](https://onyx-six-ashy.vercel.app/) · [Documentation](https://onyx-six-ashy.vercel.app/docs/) · [Pricing](https://onyx-six-ashy.vercel.app/#pricing)
+
+Onyx is a zero-dependency UI component library for designers who believe restraint is a feature. Two colors, sharp typography, and every detail considered. One CSS file, one small script, light and dark themes built in.
+
+## Quick start
+
+```html
+<link rel="stylesheet" href="onyx.css">
+<body class="ox">
+  <button class="ox-btn">Hello Onyx</button>
+  <script src="onyx.js"></script>
+</body>
+```
+
+Or via npm (once published):
+
+```bash
+npm install @onyxdesign/core
+```
+
+## React
+
+Onyx is also available as typed React components:
+
+```bash
+npm install @onyxdesign/react
+```
+
+```tsx
+import "@onyxdesign/react/styles.css";
+import { Button, Modal, Tabs, useToast } from "@onyxdesign/react";
+```
+
+See [packages/react](packages/react) for details.
+
+## Run the showcase locally
+
+```bash
+npm run dev
+```
+
+Then open http://localhost:5173.
+
+## What's inside
+
+| Category   | Components |
+|------------|------------|
+| Actions    | Button (primary, outline, ghost, link, pill, sizes, icon, loading), Segmented control |
+| Forms      | Input, Input group with icon, Select, Textarea, Checkbox, Radio, Switch, Field + hint + invalid state |
+| Layout     | Container, Card, Navbar, Stack, Row, Grid, Divider, Separator |
+| Display    | Badge, Avatar, Avatar stack, Alert, Kbd, Code block, Progress, Skeleton, Spinner |
+| Overlays   | Modal (focus trap, Esc to close), Dropdown, Tooltip, Toast |
+| Navigation | Tabs (arrow-key support), Accordion |
+
+Full documentation with live examples lives in [docs/](docs/index.html) — run `npm run dev` and open http://localhost:5173/docs/.
+
+## Onyx Pro
+
+Premium components and templates are sold separately and kept in a private repository. The docs show live previews of them.
+
+Customers add the Pro files after the core files:
+
+```html
+<link rel="stylesheet" href="onyx.css">
+<link rel="stylesheet" href="onyx-pro.css">
+<script src="onyx.js"></script>
+<script src="onyx-pro.js"></script>
+```
+
+Maintainers: the private repo is cloned into `pro/` (ignored here). After changing it, run `npm run build:pro-preview` to refresh the docs previews in `docs/pro-preview/`.
+
+## Brand
+
+The bat logo lives in [`brand/`](brand): `onyx-logo.svg` (follows text color), black and white versions, and a favicon that adapts to light and dark mode.
+
+## Theming
+
+Everything is driven by CSS custom properties (`--ox-*`):
+
+```css
+:root {
+  --ox-radius: 2px;
+  --ox-radius-lg: 4px;
+  --ox-font-sans: "Inter", sans-serif;
+}
+```
+
+- Dark mode follows the OS. Force it with `<html data-theme="dark">` or `Onyx.theme.set("dark")`.
+- Add `.ox-invert` to any element to flip it to the opposite theme (a black card on a white page, or the other way round).
+
+## Plans
+
+| | Free | Pro | Team |
+|---|---|---|---|
+| Core components | ✓ | ✓ | ✓ |
+| Pro components & templates | | ✓ | ✓ |
+| Figma kit | | ✓ | ✓ |
+| Seats | 1 | 1 | 10 |
+| Price | $0 | $12/mo | $39/mo |
+
+## License
+
+Core library: MIT. Pro components: commercial license.

package/package.json

@@ -1,6 +1,38 @@
 {
   "name": "@onyxdesign/core",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.1.0",
+  "description": "A black & white, zero-dependency UI component library for people who care about the details.",
+  "main": "src/onyx.js",
+  "style": "src/onyx.css",
+  "files": [
+    "src",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "python -m http.server 5173",
+    "build:pro-preview": "node scripts/build-pro-preview.mjs"
+  },
+  "keywords": [
+    "ui",
+    "css",
+    "components",
+    "design-system",
+    "black-and-white",
+    "monochrome",
+    "dark-mode",
+    "accessible"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/codewithanshuman/Onyx.git"
+  },
+  "homepage": "https://onyx-six-ashy.vercel.app/",
+  "bugs": {
+    "url": "https://github.com/codewithanshuman/Onyx/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}