burne-ui-skin-cybercore
v0.1.0
Published
Tier-2 cybercore skin for Burne UI
Maintainers
Readme
burne-ui-skin-cybercore
Ярус 2: классы слотов, подмена hover-рецепта и состояния через data-state. Кит после резолвера варианта не правится. Палитра — tokens (тёмная база) и tokensLight. Класс .cybercore-surface читает --color-surface, --color-foreground, --color-primary и --color-secondary.
Импорт стилей после burne-ui/styles.css:
@import "burne-ui/styles.css";
@import "burne-ui-skin-cybercore/styles.css";Класс .cybercore-surface приезжает с styles.css. Утилита Tailwind в targets, которой нет в листе кита, попадает в сборку только с @source "../node_modules/burne-ui-skin-cybercore";.
import { cybercore } from "burne-ui-skin-cybercore";
<BurneUIProvider skins={[cybercore]}>
<Button variant="cybercore">Go</Button>
<Card variant="cybercore" pressable />
</BurneUIProvider>variant="cybercore" берёт targets этого скина. Если слота нет в карте, остаётся baseVariant (default). variant="default" и остальные значения кита не подменяют классы и рецепты. Неизвестная строка без зарегистрированного скина — dev-ошибка и фолбэк на default.
Состояния (loading, success, error, open) красит CSS по data-state на .cybercore-surface. Импорт пакета регистрирует рецепты cybercore:glow-in / cybercore:glow-out и вызывает defineSkin(cybercore). skins={[cybercore]} включает scope.
