Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[pigment-core] Create new UI framework independent package #371

Open
wants to merge 17 commits into
base: master
Choose a base branch
from

Conversation

brijeshb42
Copy link
Contributor

@brijeshb42 brijeshb42 commented Jan 21, 2025

@pigment-css/core

  1. Supports css() and keyframes() api
  2. Add preprocessor to generate keyframes' correct output
  3. processors/css.ts encompasses all the core logic that'll be inherited by styled in @pigment-css/react as well.
  4. All generated css are part of different layers pigment.base, pigment.variants and pigment.compoundvariants with preference in the same order.
  5. In each css() call, users can define how the class name is to be generated instead of this being a top-level pigment config, ie,
// cls's value will be random but deterministic across builds
const cls = css`
  color: red;
`;
// cls's value will always be "logo"
const cls = css({className: 'logo'})`
  color: red;
`;

TODOS

@brijeshb42 brijeshb42 added this to the Road to v1 milestone Jan 21, 2025
@brijeshb42 brijeshb42 requested a review from mnajdova January 21, 2025 06:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant