API-Referenz · Tailwind-Brücke

@oriatheme/tailwind

Oria-standard@2-Laufzeitvariablen werden statisch dem Inline-Namespace Tailwind CSS v4 @theme zugeordnet.

Paket und Umgebung

Rein statisches CSS plus ein Generator; Tailwind CSS 4.3.3 wird nur für eigene Builds und Tests verwendet, nicht als Consumer-Laufzeitabhängigkeit.

bash

pnpm add @oriatheme/tailwind

bash

npm install @oriatheme/tailwind

bash

yarn add @oriatheme/tailwind

bash

bun add @oriatheme/tailwind

Verwenden Sie den Paketmanager und die Sperrdatei, die bereits vom Verbraucherprojekt ausgewählt wurden. Beispiele verwenden nur Paket-Root-Exporte; Führen Sie keinen Deep-Import aus src-, dist- oder Registry-Vorlagen durch.

CSS bridge

@oriatheme/tailwind/oria.css is the static @theme inline bridge for the default oria prefix: 43 colors, font families with nine weights, a 13-step text scale (text.md maps to --text-base with paired line heights), leading/tracking, --spacing, derived radius, shadow, blur, and --ease-oria-*, plus explicit backdrop-oria-*, duration-oria-*, inset-shadow-oria, shadow-highlight, bg-oria-canvas, and bg-oria-surface utilities.

css

@import "tailwindcss";
@import "@oriatheme/colors/styles.css";
@import "@oriatheme/colors/tailwind.css";
@import "@oriatheme/tailwind/oria.css";

Generator und benutzerdefinierte Präfixe

Exportieren	Unterschrift	Beschreibung
`generateOriaTailwindBridge`	`(options?: { prefix?: string }) => string`	Erzeugt eine statische Brücke für ein validiertes benutzerdefiniertes Präfix.
`oriaTailwindBridgeDefaultPrefix`	`"oria"`	Das von der gepackten oria.css verwendete Präfix.

Benutzerdefinierte Präfixe müssen vorab in eine statische Brücke integriert werden; CSS-Variablennamen werden zur Laufzeit niemals verkettet.

bash

oria theme tailwind-bridge --prefix acme --out src/oria-tailwind.css