0.0.0-dev-20220907182407 • Published 3 years ago

css-panda v0.0.0-dev-20220907182407

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

Panda => Compiler for CSS System

  • tokens
  • utilities => css({})
  • patterns
    • stack
    • wrap
    • inline
    • spacer
    • gradient(direction, from, to, text?)
import { stack } from './generated/patterns'

function App() {
  return <button className={stack({ direction: 'row', spacing: '10' })}>Click me</button>
}
  • recipes =>
    • buttonStyle(sizes, variants)
    • textStyle(lineClamp, size, casing)
    • surfaceStyle(hover, selected, checked, disabled)
import { buttonStyle } from './generated/recipes'

function App() {
  return <button className={buttonStyle({ size: { _: 'lg', md: 'sm' }, variant: 'solid' })}>Click me</button>
}

Build. Document. Report

Build

Generates the initial artifacts

panda init

Start watch mode

panda
# panda src/*.jsx --watch

Flags

  • --help: usage info
  • --version, -v: version number
  • --config, -c: path to config file
  • --cwd: path to config file
  • --clearCache: remove the config cache
  • --outdir, -o: output dir for generated artifacts
  • --watch, -w: watch directory and rebuild
  • --exclude: file glob to exclude from build

Document

https://nordhealth.design/

  • Tokens
  • Semantic Tokens
  • Recipes
  • Patterns
  • Playground
panda docs

Command

  • build: generate bundle

Flag (for serve)

  • --port: port number
  • --watch: watch config and rebuild docs
  • --outdir: output directory for build

Report

How much tokens are used in the project?

  • Token coverage
  • Pattern coverage
  • Recipe coverage

The impact of changes to the project (or files)

  • Token changes
  • Pattern changes

  • Recipe changes

  • CLI

  • Github actions
panda report <tokens|pattern|recipe>

Flag

  • --reporter: can be json,junit, html
@astrojs/reactastrocacreactreact-domvite@pandacss/config@pandacss/error@pandacss/logger@pandacss/node@pandacss/shared@pandacss/token-dictionary@pandacss/types
@infinitebrahmanuniverse/nolb-css-p@everything-registry/sub-chunk-1420@zalastax/nolb-css-p
0.0.0-dev-20230204225714

3 years ago

0.0.0-dev-20230212154920

3 years ago

0.0.0-dev-20230212115356

3 years ago

0.0.0-dev-20230210130407

3 years ago

0.0.0-dev-20230205182145

3 years ago

0.0.0-dev-20230211194210

3 years ago

0.0.0-dev-20230210061830

3 years ago

0.0.0-dev-20230212160146

3 years ago

0.0.0-dev-20230203182017

3 years ago

0.0.0-dev-20230211145900

3 years ago

0.0.0-dev-20230207093750

3 years ago

0.0.0-dev-20230211154611

3 years ago

0.0.0-dev-20230212130534

3 years ago

0.0.0-dev-20230209114416

3 years ago

0.0.0-dev-20230203184408

3 years ago

0.0.0-dev-20230207095721

3 years ago

0.0.0-dev-20230211194544

3 years ago

0.0.0-dev-20230207084836

3 years ago

0.0.0-dev-20230210130914

3 years ago

0.0.0-dev-20230211194524

3 years ago

0.0.0-dev-20230212162719

3 years ago

0.0.0-dev-20230207052609

3 years ago

0.0.0-dev-20230211114918

3 years ago

0.0.0-dev-20230211113952

3 years ago

0.0.0-dev-20230203181426

3 years ago

0.0.0-dev-20230209150204

3 years ago

0.0.0-dev-20230207064855

3 years ago

0.0.0-dev-20230212134304

3 years ago

0.0.0-dev-20230212180407

3 years ago

0.0.0-dev-20230206084557

3 years ago

0.0.0-dev-20230209170815

3 years ago

0.0.0-dev-20230212134223

3 years ago

0.0.0-dev-20230203181930

3 years ago

0.0.0-dev-20230212083454

3 years ago

0.0.0-dev-20230212163102

3 years ago

0.0.0-dev-20230209112455

3 years ago

0.0.0-dev-20230212075352

3 years ago

0.0.0-dev-20230204134735

3 years ago

0.0.0-dev-20230208163228

3 years ago

0.0.0-dev-20230206074851

3 years ago

0.0.0-dev-20230207100227

3 years ago

0.0.0-dev-20230212121547

3 years ago

0.0.0-dev-20230204123646

3 years ago

0.0.0-dev-20230207081825

3 years ago

0.0.0-dev-20230212144301

3 years ago

0.0.0-dev-20230209233058

3 years ago

0.0.0-dev-20230208184147

3 years ago

0.0.0-dev-20230208150234

3 years ago

0.0.0-dev-20230203163304

3 years ago

0.0.0-dev-20230118125053

3 years ago

0.0.0-dev-20230122102407

3 years ago

0.0.0-dev-20230106201243

3 years ago

0.0.0-dev-20230109090050

3 years ago

0.0.0-dev-20221217182454

3 years ago

0.0.0-dev-20221215103927

3 years ago

0.0.0-dev-20230107071433

3 years ago

0.0.0-dev-20221219112004

3 years ago

0.0.0-dev-20230103023431

3 years ago

0.0.0-dev-20230109100037

3 years ago

0.0.0-dev-20230105084653

3 years ago

0.0.0-dev-20230110152928

3 years ago

0.0.0-dev-20221206180514

3 years ago

0.0.0-dev-20230109063824

3 years ago

0.0.0-dev-20230109182737

3 years ago

0.0.0-dev-20221215134537

3 years ago

0.0.0-dev-20230125141042

3 years ago

0.0.0-dev-20230122145009

3 years ago

0.0.0-dev-20221222091824

3 years ago

0.0.0-dev-20221216164037

3 years ago

0.0.0-dev-20230103101637

3 years ago

0.0.0-dev-20230119102953

3 years ago

0.0.0-dev-20230107012240

3 years ago

0.0.0-dev-20230118124201

3 years ago

0.0.0-dev-20230122144203

3 years ago

0.0.0-dev-20230131074332

3 years ago

0.0.0-dev-20230125142353

3 years ago

0.0.0-dev-20230111183210

3 years ago

0.0.0-dev-20230119080852

3 years ago

0.0.0-dev-20221219162854

3 years ago

0.0.0-dev-20221209055600

3 years ago

0.0.0-dev-20230124104736

3 years ago

0.0.0-dev-20230113160423

3 years ago

0.0.0-dev-20230103100753

3 years ago

0.0.0-dev-20221216174419

3 years ago

0.0.0-dev-20230116070330

3 years ago

0.0.0-dev-20230106200853

3 years ago

0.0.0-dev-20221215134453

3 years ago

0.0.0-dev-20230106202111

3 years ago

0.0.0-dev-20230119005608

3 years ago

0.0.0-dev-20230114104351

3 years ago

0.0.0-dev-20230104123837

3 years ago

0.0.0-dev-20221205060847

3 years ago

0.0.0-dev-20230127124319

3 years ago

0.0.0-dev-20230104145914

3 years ago

0.0.0-dev-20230104124554

3 years ago

0.0.0-dev-20230116230229

3 years ago

0.0.0-dev-20230125082549

3 years ago

0.0.0-dev-20230106201415

3 years ago

0.0.0-dev-20230118122609

3 years ago

0.0.0-dev-20230104161128

3 years ago

0.0.0-dev-20230129072951

3 years ago

0.0.0-dev-20230126174440

3 years ago

0.0.0-dev-20230128071733

3 years ago

0.0.0-dev-20230126071434

3 years ago

0.0.0-dev-20230109035741

3 years ago

0.0.0-dev-20221220144042

3 years ago

0.0.0-dev-20230118114316

3 years ago

0.0.0-dev-20230109095544

3 years ago

0.0.0-dev-20230125122503

3 years ago

0.0.0-dev-20221222091205

3 years ago

0.0.0-dev-20230110150257

3 years ago

0.0.0-dev-20230126175306

3 years ago

0.0.0-dev-20221220033401

3 years ago

0.0.0-dev-20230105012942

3 years ago

0.0.0-dev-20221215101012

3 years ago

0.0.0-dev-20230106195931

3 years ago

0.0.0-dev-20221215141248

3 years ago

0.0.0-dev-20221217182653

3 years ago

0.0.0-dev-20230106183338

3 years ago

0.0.0-dev-20221229135204

3 years ago

0.0.0-dev-20221218210650

3 years ago

0.0.0-dev-20230112151221

3 years ago

0.0.0-dev-20221228072806

3 years ago

0.0.0-dev-20230128072108

3 years ago

0.0.0-dev-20230125112500

3 years ago

0.0.0-dev-20221218093122

3 years ago

0.0.0-dev-20230113114004

3 years ago

0.0.0-dev-20230106105402

3 years ago

0.0.0-dev-20230109083220

3 years ago

0.0.0-dev-20230103100906

3 years ago

0.0.0-dev-20221218075945

3 years ago

0.0.0-dev-20230201155624

3 years ago

0.0.0-dev-20221218120149

3 years ago

0.0.0-dev-20221217040050

3 years ago

0.0.0-dev-20230117105201

3 years ago

0.0.0-dev-20230104133247

3 years ago

0.0.0-dev-20230110151021

3 years ago

0.0.0-dev-20230106112845

3 years ago

0.0.0-dev-20230125073613

3 years ago

0.0.0-dev-20230118102146

3 years ago

0.0.0-dev-20230105082451

3 years ago

0.0.0-dev-20230110230849

3 years ago

0.0.0-dev-20221222102219

3 years ago

0.0.0-dev-20221201161856

3 years ago

0.0.0-dev-20221124174429

3 years ago

0.0.0-dev-20221111123739

3 years ago

0.0.0-dev-20221110154349

3 years ago

0.0.0-dev-20221129080509

3 years ago

0.0.0-dev-20221121100135

3 years ago

0.0.0-dev-20221113095642

3 years ago

0.0.0-dev-20221103161455

3 years ago

0.0.0-dev-20221201191123

3 years ago

0.0.0-dev-20221124124535

3 years ago

0.0.0-dev-20221031143540

3 years ago

0.0.0-dev-20221127075519

3 years ago

0.0.0-dev-20221010075227

3 years ago

0.0.0-dev-20221121144047

3 years ago

0.0.0-dev-20221004185128

3 years ago

0.0.0-dev-20221111144401

3 years ago

0.0.0-dev-20221203144844

3 years ago

0.0.0-dev-20221004150053

3 years ago

0.0.0-dev-20221014100233

3 years ago

0.0.0-dev-20221126165718

3 years ago

0.0.0-dev-20221016085457

3 years ago

0.0.0-dev-20221121101447

3 years ago

0.0.0-dev-20221102164033

3 years ago

0.0.0-dev-20221201165754

3 years ago

0.0.0-dev-20221006152116

3 years ago

0.0.0-dev-20221130103011

3 years ago

0.0.0-dev-20221203082644

3 years ago

0.0.0-dev-20221129080054

3 years ago

0.0.0-dev-20221125165251

3 years ago

0.0.0-dev-20221121101321

3 years ago

0.0.0-dev-20221124151316

3 years ago

0.0.0-dev-20221011135320

3 years ago

0.0.0-dev-20221014110827

3 years ago

0.0.0-dev-20221128134624

3 years ago

0.0.0-dev-20221011161609

3 years ago

0.0.0-dev-20221107123759

3 years ago

0.0.0-dev-20221128112158

3 years ago

0.0.0-dev-20221027130818

3 years ago

0.0.0-dev-20221002153805

3 years ago

0.0.0-dev-20221129125035

3 years ago

0.0.0-dev-20221006075911

3 years ago

0.0.0-dev-20221113205841

3 years ago

0.0.0-dev-20221128130912

3 years ago

0.0.0-dev-20221124070053

3 years ago

0.0.0-dev-20221203202446

3 years ago

0.0.0-dev-20221110154421

3 years ago

0.0.0-dev-20221004131358

3 years ago

0.0.0-dev-20221004113546

3 years ago

0.0.0-dev-20221006110935

3 years ago

0.0.0-dev-20221113131253

3 years ago

0.0.0-dev-20221121163943

3 years ago

0.0.0-dev-20221003074812

3 years ago

0.0.0-dev-20221008080816

3 years ago

0.0.0-dev-20221102164944

3 years ago

0.0.0-dev-20221111144606

3 years ago

0.0.0-dev-20221203184348

3 years ago

0.0.0-dev-20221108115042

3 years ago

0.0.0-dev-20221126124930

3 years ago

0.0.0-dev-20221130100250

3 years ago

0.0.0-dev-20221128100346

3 years ago

0.0.0-dev-20221121152823

3 years ago

0.0.0-dev-20221124171412

3 years ago

0.0.0-dev-20221201121059

3 years ago

0.0.0-dev-20221015220751

3 years ago

0.0.0-dev-20221013164308

3 years ago

0.0.0-dev-20221128152909

3 years ago

0.0.0-dev-20221110154407

3 years ago

0.0.0-dev-20221124074636

3 years ago

0.0.0-dev-20221130173625

3 years ago

0.0.0-dev-20221127082405

3 years ago

0.0.0-dev-20221027130853

3 years ago

0.0.0-dev-20221203181638

3 years ago

0.0.0-dev-20221128065048

3 years ago

0.0.0-dev-20221113213436

3 years ago

0.0.0-dev-20221121154336

3 years ago

0.0.0-dev-20221122153914

3 years ago

0.0.0-dev-20221012122827

3 years ago

0.0.0-dev-20221014104333

3 years ago

0.0.0-dev-20221026040851

3 years ago

0.0.0-dev-20221004175255

3 years ago

0.0.0-dev-20221004125439

3 years ago

0.0.0-dev-20221107152038

3 years ago

0.0.0-dev-20221121101254

3 years ago

0.0.0-dev-20221008111755

3 years ago

0.0.0-dev-20221126121755

3 years ago

0.0.0-dev-20221112054627

3 years ago

0.0.0-dev-20221113185306

3 years ago

0.0.0-dev-20221103083649

3 years ago

0.0.0-dev-20221006134527

3 years ago

0.0.0-dev-20221130185824

3 years ago

0.0.0-dev-20221130100047

3 years ago

0.0.0-dev-20221004155115

3 years ago

0.0.0-dev-20221126123927

3 years ago

0.0.0-dev-20221111123908

3 years ago

0.0.0-dev-20221121101518

3 years ago

0.0.0-dev-20221201115012

3 years ago

0.0.0-dev-20221027133350

3 years ago

0.0.0-dev-20221125142901

3 years ago

0.0.0-dev-20221127205826

3 years ago

0.0.0-dev-20221121175259

3 years ago

0.0.0-dev-20221126091729

3 years ago

0.0.0-dev-20221128224559

3 years ago

0.0.0-dev-20221201165111

3 years ago

0.0.0-dev-20221123192035

3 years ago

0.0.0-dev-20221106130643

3 years ago

0.0.0-dev-20221121091310

3 years ago

0.0.0-dev-20221109145218

3 years ago

0.0.0-dev-20221008084639

3 years ago

0.0.0-dev-20221004062006

3 years ago

0.0.0-dev-20221124141119

3 years ago

0.0.0-dev-20221010082622

3 years ago

0.0.0-dev-20221202065255

3 years ago

0.0.0-dev-20221121124619

3 years ago

0.0.0-dev-20221121101851

3 years ago

0.0.0-dev-20221130183053

3 years ago

0.0.0-dev-20221013163940

3 years ago

0.0.0-dev-20221128144704

3 years ago

0.0.0-dev-20221102190849

3 years ago

0.0.0-dev-20221130182523

3 years ago

0.0.0-dev-20221111130331

3 years ago

0.0.0-dev-20221028092835

3 years ago

0.0.0-dev-20221004180204

3 years ago

0.0.0-dev-20221004114113

3 years ago

0.0.0-dev-20221008174912

3 years ago

0.0.0-dev-20221125162640

3 years ago

0.0.0-dev-20221201173910

3 years ago

0.0.0-dev-20221128063601

3 years ago

0.0.0-dev-20221113105251

3 years ago

0.0.0-dev-20221003174214

3 years ago

0.0.0-dev-20221124153151

3 years ago

0.0.0-dev-20221126164420

3 years ago

0.0.0-dev-20221125165109

3 years ago

0.0.0-dev-20221121153631

3 years ago

0.0.0-dev-20221005194803

3 years ago

0.0.0-dev-20221112054608

3 years ago

0.0.0-dev-20221128114707

3 years ago

0.0.0-dev-20221121154052

3 years ago

0.0.0-dev-20221201091926

3 years ago

0.0.0-dev-20221204052723

3 years ago

0.0.0-dev-20221128124624

3 years ago

0.0.0-dev-20221102171043

3 years ago

0.0.0-dev-20221129125228

3 years ago

0.0.0-dev-20221111123840

3 years ago

0.0.0-dev-20221008173837

3 years ago

0.0.0-dev-20221007192152

3 years ago

0.0.0-dev-20221110154815

3 years ago

0.0.0-dev-20221127081824

3 years ago

0.0.0-dev-20221006111858

3 years ago

0.0.0-dev-20221201165141

3 years ago

0.0.0-dev-20221127080731

3 years ago

0.0.0-dev-20221121154622

3 years ago

0.0.0-dev-20221008190618

3 years ago

0.0.0-dev-20221121161713

3 years ago

0.0.0-dev-20221001113104

3 years ago

0.0.0-dev-20221001095000

3 years ago

0.0.0-dev-20221001085045

3 years ago

0.0.0-dev-20220929175346

3 years ago

0.0.0-dev-20220929153750

3 years ago

0.0.0-dev-20220929153422

3 years ago

0.0.0-dev-20220929153011

3 years ago

0.0.0-dev-20220929150955

3 years ago

0.0.0-dev-20220929150738

3 years ago

0.0.0-dev-20220929141017

3 years ago

0.0.0-dev-20220928063429

3 years ago

0.0.0-dev-20220927162730

3 years ago

0.0.0-dev-20220926172426

3 years ago

0.0.0-dev-20220926161557

3 years ago

0.0.0-dev-20220926123029

3 years ago

0.0.0-dev-20220925230137

3 years ago

0.0.0-dev-20220925224656

3 years ago

0.0.0-dev-20220925223527

3 years ago

0.0.0-dev-20220925210340

3 years ago

0.0.0-dev-20220925205710

3 years ago

0.0.0-dev-20220923164952

3 years ago

0.0.0-dev-20220923140127

3 years ago

0.0.0-dev-20220922141004

3 years ago

0.0.0-dev-20220922140941

3 years ago

0.0.0-dev-20220921201002

3 years ago

0.0.0-dev-20220921193714

3 years ago

0.0.0-dev-20220921193132

3 years ago

0.0.0-dev-20220921192419

3 years ago

0.0.0-dev-20220921152647

3 years ago

0.0.0-dev-20220921131551

3 years ago

0.0.0-dev-20220920182629

3 years ago

0.0.0-dev-20220920145850

3 years ago

0.0.0-dev-20220920134047

3 years ago

0.0.0-dev-20220920130631

3 years ago

0.0.0-dev-20220920124422

3 years ago

0.0.0-dev-20220919173805

3 years ago

0.0.0-dev-20220919061144

3 years ago

0.0.0-dev-20220918184003

3 years ago

0.0.0-dev-20220918182446

3 years ago

0.0.0-dev-20220918181648

3 years ago

0.0.0-dev-20220918172558

3 years ago

0.0.0-dev-20220918165433

3 years ago

0.0.0-dev-20220917084201

3 years ago

0.0.0-dev-20220917080313

3 years ago

0.0.0-dev-20220917075515

3 years ago

0.0.0-dev-20220916173919

3 years ago

0.0.0-dev-20220916132631

3 years ago

0.0.0-dev-20220916100805

3 years ago

0.0.0-dev-20220916094027

3 years ago

0.0.0-dev-20220915155135

3 years ago

0.0.0-dev-20220915105729

3 years ago

0.0.0-dev-20220913183250

3 years ago

0.0.0-dev-20220913182946

3 years ago

0.0.0-dev-20220913153023

3 years ago

0.0.0-dev-20220913151216

3 years ago

0.0.0-dev-20220913124310

3 years ago

0.0.0-dev-20220913115442

3 years ago

0.0.0-dev-20220913112934

3 years ago

0.0.0-dev-20220913093624

3 years ago

0.0.0-dev-20220913060050

3 years ago

0.0.0-dev-20220913053359

3 years ago

0.0.0-dev-20220913042815

3 years ago

0.0.0-dev-20220913041524

3 years ago

0.0.0-dev-20220912211253

3 years ago

0.0.0-dev-20220912210157

3 years ago

0.0.0-dev-20220912205653

3 years ago

0.0.0-dev-20220912204712

3 years ago

0.0.0-dev-20220912202345

3 years ago

0.0.0-dev-20220911222258

3 years ago

0.0.0-dev-20220911221725

3 years ago

0.0.0-dev-20220911145923

3 years ago

0.0.0-dev-20220911145543

3 years ago

0.0.0-dev-20220911144405

3 years ago

0.0.0-dev-20220911074537

3 years ago

0.0.0-dev-20220910194035

3 years ago

0.0.0-dev-20220910193939

3 years ago

0.0.0-dev-20220910142137

3 years ago

0.0.0-dev-20220910073518

3 years ago

0.0.0-dev-20220910063623

3 years ago

0.0.0-dev-20220909192915

3 years ago

0.0.0-dev-20220909065652

3 years ago

0.0.0-dev-20220909065047

3 years ago

0.0.0-dev-20220908172921

3 years ago

0.0.0-dev-20220908145007

3 years ago

0.0.0-dev-20220908135618

3 years ago

0.0.0-dev-20220908113148

3 years ago

0.0.0-dev-20220908063237

3 years ago

0.0.0-dev-20220908061242

3 years ago

0.0.0-dev-20220907182407

3 years ago