Référence API · Pont Tailwind

@oriatheme/tailwind

Mappe statiquement les variables d'exécution oria-standard@2 dans l'espace de noms en ligne Tailwind CSS v4 @theme.

Forfait et environnement

CSS statique pur plus un générateur ; Tailwind CSS 4.3.3 est utilisé uniquement pour sa propre construction et ses propres tests, et non en tant que dépendance d'exécution client.

bash

pnpm add @oriatheme/tailwind

bash

npm install @oriatheme/tailwind

bash

yarn add @oriatheme/tailwind

bash

bun add @oriatheme/tailwind

Utilisez le gestionnaire de packages et le fichier de verrouillage déjà choisis par le projet consommateur. Les exemples utilisent uniquement les exportations racine du package ; n'effectuez pas d'importation approfondie à partir de modèles src, dist ou de registre.

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";

Générateur et préfixes personnalisés

Exporter	Signature	Descriptif
`generateOriaTailwindBridge`	`(options?: { prefix?: string }) => string`	Génère un pont statique pour un préfixe personnalisé validé.
`oriaTailwindBridgeDefaultPrefix`	`"oria"`	Le préfixe utilisé par le package oria.css.

Les préfixes personnalisés doivent être prédéfinis dans un pont statique ; Les noms de variables CSS ne sont jamais concaténés au moment de l'exécution.

bash

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