0.0.0-dev-20220907182407 • Published 1 year ago

css-panda v0.0.0-dev-20220907182407

Weekly downloads
-
License
-
Repository
-
Last release
1 year 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

1 year ago

0.0.0-dev-20230212154920

1 year ago

0.0.0-dev-20230212115356

1 year ago

0.0.0-dev-20230210130407

1 year ago

0.0.0-dev-20230205182145

1 year ago

0.0.0-dev-20230211194210

1 year ago

0.0.0-dev-20230210061830

1 year ago

0.0.0-dev-20230212160146

1 year ago

0.0.0-dev-20230203182017

1 year ago

0.0.0-dev-20230211145900

1 year ago

0.0.0-dev-20230207093750

1 year ago

0.0.0-dev-20230211154611

1 year ago

0.0.0-dev-20230212130534

1 year ago

0.0.0-dev-20230209114416

1 year ago

0.0.0-dev-20230203184408

1 year ago

0.0.0-dev-20230207095721

1 year ago

0.0.0-dev-20230211194544

1 year ago

0.0.0-dev-20230207084836

1 year ago

0.0.0-dev-20230210130914

1 year ago

0.0.0-dev-20230211194524

1 year ago

0.0.0-dev-20230212162719

1 year ago

0.0.0-dev-20230207052609

1 year ago

0.0.0-dev-20230211114918

1 year ago

0.0.0-dev-20230211113952

1 year ago

0.0.0-dev-20230203181426

1 year ago

0.0.0-dev-20230209150204

1 year ago

0.0.0-dev-20230207064855

1 year ago

0.0.0-dev-20230212134304

1 year ago

0.0.0-dev-20230212180407

1 year ago

0.0.0-dev-20230206084557

1 year ago

0.0.0-dev-20230209170815

1 year ago

0.0.0-dev-20230212134223

1 year ago

0.0.0-dev-20230203181930

1 year ago

0.0.0-dev-20230212083454

1 year ago

0.0.0-dev-20230212163102

1 year ago

0.0.0-dev-20230209112455

1 year ago

0.0.0-dev-20230212075352

1 year ago

0.0.0-dev-20230204134735

1 year ago

0.0.0-dev-20230208163228

1 year ago

0.0.0-dev-20230206074851

1 year ago

0.0.0-dev-20230207100227

1 year ago

0.0.0-dev-20230212121547

1 year ago

0.0.0-dev-20230204123646

1 year ago

0.0.0-dev-20230207081825

1 year ago

0.0.0-dev-20230212144301

1 year ago

0.0.0-dev-20230209233058

1 year ago

0.0.0-dev-20230208184147

1 year ago

0.0.0-dev-20230208150234

1 year ago

0.0.0-dev-20230203163304

1 year ago

0.0.0-dev-20230118125053

1 year ago

0.0.0-dev-20230122102407

1 year ago

0.0.0-dev-20230106201243

1 year ago

0.0.0-dev-20230109090050

1 year ago

0.0.0-dev-20221217182454

1 year ago

0.0.0-dev-20221215103927

1 year ago

0.0.0-dev-20230107071433

1 year ago

0.0.0-dev-20221219112004

1 year ago

0.0.0-dev-20230103023431

1 year ago

0.0.0-dev-20230109100037

1 year ago

0.0.0-dev-20230105084653

1 year ago

0.0.0-dev-20230110152928

1 year ago

0.0.0-dev-20221206180514

1 year ago

0.0.0-dev-20230109063824

1 year ago

0.0.0-dev-20230109182737

1 year ago

0.0.0-dev-20221215134537

1 year ago

0.0.0-dev-20230125141042

1 year ago

0.0.0-dev-20230122145009

1 year ago

0.0.0-dev-20221222091824

1 year ago

0.0.0-dev-20221216164037

1 year ago

0.0.0-dev-20230103101637

1 year ago

0.0.0-dev-20230119102953

1 year ago

0.0.0-dev-20230107012240

1 year ago

0.0.0-dev-20230118124201

1 year ago

0.0.0-dev-20230122144203

1 year ago

0.0.0-dev-20230131074332

1 year ago

0.0.0-dev-20230125142353

1 year ago

0.0.0-dev-20230111183210

1 year ago

0.0.0-dev-20230119080852

1 year ago

0.0.0-dev-20221219162854

1 year ago

0.0.0-dev-20221209055600

1 year ago

0.0.0-dev-20230124104736

1 year ago

0.0.0-dev-20230113160423

1 year ago

0.0.0-dev-20230103100753

1 year ago

0.0.0-dev-20221216174419

1 year ago

0.0.0-dev-20230116070330

1 year ago

0.0.0-dev-20230106200853

1 year ago

0.0.0-dev-20221215134453

1 year ago

0.0.0-dev-20230106202111

1 year ago

0.0.0-dev-20230119005608

1 year ago

0.0.0-dev-20230114104351

1 year ago

0.0.0-dev-20230104123837

1 year ago

0.0.0-dev-20221205060847

1 year ago

0.0.0-dev-20230127124319

1 year ago

0.0.0-dev-20230104145914

1 year ago

0.0.0-dev-20230104124554

1 year ago

0.0.0-dev-20230116230229

1 year ago

0.0.0-dev-20230125082549

1 year ago

0.0.0-dev-20230106201415

1 year ago

0.0.0-dev-20230118122609

1 year ago

0.0.0-dev-20230104161128

1 year ago

0.0.0-dev-20230129072951

1 year ago

0.0.0-dev-20230126174440

1 year ago

0.0.0-dev-20230128071733

1 year ago

0.0.0-dev-20230126071434

1 year ago

0.0.0-dev-20230109035741

1 year ago

0.0.0-dev-20221220144042

1 year ago

0.0.0-dev-20230118114316

1 year ago

0.0.0-dev-20230109095544

1 year ago

0.0.0-dev-20230125122503

1 year ago

0.0.0-dev-20221222091205

1 year ago

0.0.0-dev-20230110150257

1 year ago

0.0.0-dev-20230126175306

1 year ago

0.0.0-dev-20221220033401

1 year ago

0.0.0-dev-20230105012942

1 year ago

0.0.0-dev-20221215101012

1 year ago

0.0.0-dev-20230106195931

1 year ago

0.0.0-dev-20221215141248

1 year ago

0.0.0-dev-20221217182653

1 year ago

0.0.0-dev-20230106183338

1 year ago

0.0.0-dev-20221229135204

1 year ago

0.0.0-dev-20221218210650

1 year ago

0.0.0-dev-20230112151221

1 year ago

0.0.0-dev-20221228072806

1 year ago

0.0.0-dev-20230128072108

1 year ago

0.0.0-dev-20230125112500

1 year ago

0.0.0-dev-20221218093122

1 year ago

0.0.0-dev-20230113114004

1 year ago

0.0.0-dev-20230106105402

1 year ago

0.0.0-dev-20230109083220

1 year ago

0.0.0-dev-20230103100906

1 year ago

0.0.0-dev-20221218075945

1 year ago

0.0.0-dev-20230201155624

1 year ago

0.0.0-dev-20221218120149

1 year ago

0.0.0-dev-20221217040050

1 year ago

0.0.0-dev-20230117105201

1 year ago

0.0.0-dev-20230104133247

1 year ago

0.0.0-dev-20230110151021

1 year ago

0.0.0-dev-20230106112845

1 year ago

0.0.0-dev-20230125073613

1 year ago

0.0.0-dev-20230118102146

1 year ago

0.0.0-dev-20230105082451

1 year ago

0.0.0-dev-20230110230849

1 year ago

0.0.0-dev-20221222102219

1 year ago

0.0.0-dev-20221201161856

1 year ago

0.0.0-dev-20221124174429

1 year ago

0.0.0-dev-20221111123739

1 year ago

0.0.0-dev-20221110154349

1 year ago

0.0.0-dev-20221129080509

1 year ago

0.0.0-dev-20221121100135

1 year ago

0.0.0-dev-20221113095642

1 year ago

0.0.0-dev-20221103161455

2 years ago

0.0.0-dev-20221201191123

1 year ago

0.0.0-dev-20221124124535

1 year ago

0.0.0-dev-20221031143540

2 years ago

0.0.0-dev-20221127075519

1 year ago

0.0.0-dev-20221010075227

2 years ago

0.0.0-dev-20221121144047

1 year ago

0.0.0-dev-20221004185128

2 years ago

0.0.0-dev-20221111144401

1 year ago

0.0.0-dev-20221203144844

1 year ago

0.0.0-dev-20221004150053

2 years ago

0.0.0-dev-20221014100233

2 years ago

0.0.0-dev-20221126165718

1 year ago

0.0.0-dev-20221016085457

2 years ago

0.0.0-dev-20221121101447

1 year ago

0.0.0-dev-20221102164033

2 years ago

0.0.0-dev-20221201165754

1 year ago

0.0.0-dev-20221006152116

2 years ago

0.0.0-dev-20221130103011

1 year ago

0.0.0-dev-20221203082644

1 year ago

0.0.0-dev-20221129080054

1 year ago

0.0.0-dev-20221125165251

1 year ago

0.0.0-dev-20221121101321

1 year ago

0.0.0-dev-20221124151316

1 year ago

0.0.0-dev-20221011135320

2 years ago

0.0.0-dev-20221014110827

2 years ago

0.0.0-dev-20221128134624

1 year ago

0.0.0-dev-20221011161609

2 years ago

0.0.0-dev-20221107123759

2 years ago

0.0.0-dev-20221128112158

1 year ago

0.0.0-dev-20221027130818

2 years ago

0.0.0-dev-20221002153805

2 years ago

0.0.0-dev-20221129125035

1 year ago

0.0.0-dev-20221006075911

2 years ago

0.0.0-dev-20221113205841

1 year ago

0.0.0-dev-20221128130912

1 year ago

0.0.0-dev-20221124070053

1 year ago

0.0.0-dev-20221203202446

1 year ago

0.0.0-dev-20221110154421

1 year ago

0.0.0-dev-20221004131358

2 years ago

0.0.0-dev-20221004113546

2 years ago

0.0.0-dev-20221006110935

2 years ago

0.0.0-dev-20221113131253

1 year ago

0.0.0-dev-20221121163943

1 year ago

0.0.0-dev-20221003074812

2 years ago

0.0.0-dev-20221008080816

2 years ago

0.0.0-dev-20221102164944

2 years ago

0.0.0-dev-20221111144606

1 year ago

0.0.0-dev-20221203184348

1 year ago

0.0.0-dev-20221108115042

2 years ago

0.0.0-dev-20221126124930

1 year ago

0.0.0-dev-20221130100250

1 year ago

0.0.0-dev-20221128100346

1 year ago

0.0.0-dev-20221121152823

1 year ago

0.0.0-dev-20221124171412

1 year ago

0.0.0-dev-20221201121059

1 year ago

0.0.0-dev-20221015220751

2 years ago

0.0.0-dev-20221013164308

2 years ago

0.0.0-dev-20221128152909

1 year ago

0.0.0-dev-20221110154407

1 year ago

0.0.0-dev-20221124074636

1 year ago

0.0.0-dev-20221130173625

1 year ago

0.0.0-dev-20221127082405

1 year ago

0.0.0-dev-20221027130853

2 years ago

0.0.0-dev-20221203181638

1 year ago

0.0.0-dev-20221128065048

1 year ago

0.0.0-dev-20221113213436

1 year ago

0.0.0-dev-20221121154336

1 year ago

0.0.0-dev-20221122153914

1 year ago

0.0.0-dev-20221012122827

2 years ago

0.0.0-dev-20221014104333

2 years ago

0.0.0-dev-20221026040851

2 years ago

0.0.0-dev-20221004175255

2 years ago

0.0.0-dev-20221004125439

2 years ago

0.0.0-dev-20221107152038

2 years ago

0.0.0-dev-20221121101254

1 year ago

0.0.0-dev-20221008111755

2 years ago

0.0.0-dev-20221126121755

1 year ago

0.0.0-dev-20221112054627

1 year ago

0.0.0-dev-20221113185306

1 year ago

0.0.0-dev-20221103083649

2 years ago

0.0.0-dev-20221006134527

2 years ago

0.0.0-dev-20221130185824

1 year ago

0.0.0-dev-20221130100047

1 year ago

0.0.0-dev-20221004155115

2 years ago

0.0.0-dev-20221126123927

1 year ago

0.0.0-dev-20221111123908

1 year ago

0.0.0-dev-20221121101518

1 year ago

0.0.0-dev-20221201115012

1 year ago

0.0.0-dev-20221027133350

2 years ago

0.0.0-dev-20221125142901

1 year ago

0.0.0-dev-20221127205826

1 year ago

0.0.0-dev-20221121175259

1 year ago

0.0.0-dev-20221126091729

1 year ago

0.0.0-dev-20221128224559

1 year ago

0.0.0-dev-20221201165111

1 year ago

0.0.0-dev-20221123192035

1 year ago

0.0.0-dev-20221106130643

2 years ago

0.0.0-dev-20221121091310

1 year ago

0.0.0-dev-20221109145218

1 year ago

0.0.0-dev-20221008084639

2 years ago

0.0.0-dev-20221004062006

2 years ago

0.0.0-dev-20221124141119

1 year ago

0.0.0-dev-20221010082622

2 years ago

0.0.0-dev-20221202065255

1 year ago

0.0.0-dev-20221121124619

1 year ago

0.0.0-dev-20221121101851

1 year ago

0.0.0-dev-20221130183053

1 year ago

0.0.0-dev-20221013163940

2 years ago

0.0.0-dev-20221128144704

1 year ago

0.0.0-dev-20221102190849

2 years ago

0.0.0-dev-20221130182523

1 year ago

0.0.0-dev-20221111130331

1 year ago

0.0.0-dev-20221028092835

2 years ago

0.0.0-dev-20221004180204

2 years ago

0.0.0-dev-20221004114113

2 years ago

0.0.0-dev-20221008174912

2 years ago

0.0.0-dev-20221125162640

1 year ago

0.0.0-dev-20221201173910

1 year ago

0.0.0-dev-20221128063601

1 year ago

0.0.0-dev-20221113105251

1 year ago

0.0.0-dev-20221003174214

2 years ago

0.0.0-dev-20221124153151

1 year ago

0.0.0-dev-20221126164420

1 year ago

0.0.0-dev-20221125165109

1 year ago

0.0.0-dev-20221121153631

1 year ago

0.0.0-dev-20221005194803

2 years ago

0.0.0-dev-20221112054608

1 year ago

0.0.0-dev-20221128114707

1 year ago

0.0.0-dev-20221121154052

1 year ago

0.0.0-dev-20221201091926

1 year ago

0.0.0-dev-20221204052723

1 year ago

0.0.0-dev-20221128124624

1 year ago

0.0.0-dev-20221102171043

2 years ago

0.0.0-dev-20221129125228

1 year ago

0.0.0-dev-20221111123840

1 year ago

0.0.0-dev-20221008173837

2 years ago

0.0.0-dev-20221007192152

2 years ago

0.0.0-dev-20221110154815

1 year ago

0.0.0-dev-20221127081824

1 year ago

0.0.0-dev-20221006111858

2 years ago

0.0.0-dev-20221201165141

1 year ago

0.0.0-dev-20221127080731

1 year ago

0.0.0-dev-20221121154622

1 year ago

0.0.0-dev-20221008190618

2 years ago

0.0.0-dev-20221121161713

1 year ago

0.0.0-dev-20221001113104

2 years ago

0.0.0-dev-20221001095000

2 years ago

0.0.0-dev-20221001085045

2 years ago

0.0.0-dev-20220929175346

2 years ago

0.0.0-dev-20220929153750

2 years ago

0.0.0-dev-20220929153422

2 years ago

0.0.0-dev-20220929153011

2 years ago

0.0.0-dev-20220929150955

2 years ago

0.0.0-dev-20220929150738

2 years ago

0.0.0-dev-20220929141017

2 years ago

0.0.0-dev-20220928063429

2 years ago

0.0.0-dev-20220927162730

2 years ago

0.0.0-dev-20220926172426

2 years ago

0.0.0-dev-20220926161557

2 years ago

0.0.0-dev-20220926123029

2 years ago

0.0.0-dev-20220925230137

2 years ago

0.0.0-dev-20220925224656

2 years ago

0.0.0-dev-20220925223527

2 years ago

0.0.0-dev-20220925210340

2 years ago

0.0.0-dev-20220925205710

2 years ago

0.0.0-dev-20220923164952

2 years ago

0.0.0-dev-20220923140127

2 years ago

0.0.0-dev-20220922141004

2 years ago

0.0.0-dev-20220922140941

2 years ago

0.0.0-dev-20220921201002

2 years ago

0.0.0-dev-20220921193714

2 years ago

0.0.0-dev-20220921193132

2 years ago

0.0.0-dev-20220921192419

2 years ago

0.0.0-dev-20220921152647

2 years ago

0.0.0-dev-20220921131551

2 years ago

0.0.0-dev-20220920182629

2 years ago

0.0.0-dev-20220920145850

2 years ago

0.0.0-dev-20220920134047

2 years ago

0.0.0-dev-20220920130631

2 years ago

0.0.0-dev-20220920124422

2 years ago

0.0.0-dev-20220919173805

2 years ago

0.0.0-dev-20220919061144

2 years ago

0.0.0-dev-20220918184003

2 years ago

0.0.0-dev-20220918182446

2 years ago

0.0.0-dev-20220918181648

2 years ago

0.0.0-dev-20220918172558

2 years ago

0.0.0-dev-20220918165433

2 years ago

0.0.0-dev-20220917084201

2 years ago

0.0.0-dev-20220917080313

2 years ago

0.0.0-dev-20220917075515

2 years ago

0.0.0-dev-20220916173919

2 years ago

0.0.0-dev-20220916132631

2 years ago

0.0.0-dev-20220916100805

2 years ago

0.0.0-dev-20220916094027

2 years ago

0.0.0-dev-20220915155135

2 years ago

0.0.0-dev-20220915105729

2 years ago

0.0.0-dev-20220913183250

2 years ago

0.0.0-dev-20220913182946

2 years ago

0.0.0-dev-20220913153023

2 years ago

0.0.0-dev-20220913151216

2 years ago

0.0.0-dev-20220913124310

2 years ago

0.0.0-dev-20220913115442

2 years ago

0.0.0-dev-20220913112934

2 years ago

0.0.0-dev-20220913093624

2 years ago

0.0.0-dev-20220913060050

2 years ago

0.0.0-dev-20220913053359

2 years ago

0.0.0-dev-20220913042815

2 years ago

0.0.0-dev-20220913041524

2 years ago

0.0.0-dev-20220912211253

2 years ago

0.0.0-dev-20220912210157

2 years ago

0.0.0-dev-20220912205653

2 years ago

0.0.0-dev-20220912204712

2 years ago

0.0.0-dev-20220912202345

2 years ago

0.0.0-dev-20220911222258

2 years ago

0.0.0-dev-20220911221725

2 years ago

0.0.0-dev-20220911145923

2 years ago

0.0.0-dev-20220911145543

2 years ago

0.0.0-dev-20220911144405

2 years ago

0.0.0-dev-20220911074537

2 years ago

0.0.0-dev-20220910194035

2 years ago

0.0.0-dev-20220910193939

2 years ago

0.0.0-dev-20220910142137

2 years ago

0.0.0-dev-20220910073518

2 years ago

0.0.0-dev-20220910063623

2 years ago

0.0.0-dev-20220909192915

2 years ago

0.0.0-dev-20220909065652

2 years ago

0.0.0-dev-20220909065047

2 years ago

0.0.0-dev-20220908172921

2 years ago

0.0.0-dev-20220908145007

2 years ago

0.0.0-dev-20220908135618

2 years ago

0.0.0-dev-20220908113148

2 years ago

0.0.0-dev-20220908063237

2 years ago

0.0.0-dev-20220908061242

2 years ago

0.0.0-dev-20220907182407

2 years ago