Skip to content

Migrate bpk-component-star-rating to CSS custom properties #4832

Description

Parent

#4792

What to build

Migrate SASS tokens in bpk-component-star-rating to CSS custom properties with SASS fallbacks.

Tokens with CSS vars:

  • $bpk-status-warning-spot-dayvar(--bpk-status-warning-spot, ...)
  • $bpk-text-disabled-dayvar(--bpk-text-disabled, ...)

Gaps — keep as bare SASS tokens:

  • $bpk-duration-sm — animation duration
  • $bpk-icon-size-sm — icon dimension
  • $bpk-icon-size-lg — icon dimension
  • $bpk-icon-size-xxxl — icon dimension

No themeAttributes.tsx needed — no --bpk-private-star-rating-* vars exist.

Acceptance criteria

  • Covered tokens replaced with var(--css-var, tokens.$sass-fallback)
  • Gap tokens left as bare SASS tokens with comments
  • Storybook stories updated to include a dark mode story
  • Existing tests pass unchanged
  • No new CSS custom property names invented

Blocked by

None — can start immediately.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions