Skip to content

List selectable#1243

Closed
leonardodouradol wants to merge 2 commits into
ocean-ds:masterfrom
leonardodouradol:list-selectable
Closed

List selectable#1243
leonardodouradol wants to merge 2 commits into
ocean-ds:masterfrom
leonardodouradol:list-selectable

Conversation

@leonardodouradol
Copy link
Copy Markdown
Collaborator

Description

Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.

Fixes # (issue)

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • This change requires a documentation update

How Has This Been Tested?

Please describe the tests that you ran to verify your changes. Provide instructions so we can reproduce. Please also list any relevant details for your test configuration.

Screenshots (if appropriate):

Checklist:

  • I have read the CONTRIBUTING document
  • I have performed a self-review of my own code
  • My changes generate no new warnings
  • My changes work in Chrome, Edge, and Firefox
  • I have made corresponding changes to the documentation (if appropriate)
  • I have added tests that prove my fix is effective or that my feature works
  • All new and existing tests passed

Igor Monteiro and others added 2 commits April 29, 2026 12:52
…MR-490)

Adds support for the Highlight Corner Tag in ListSelectable, ListReadOnly and the
shared ListContainer. The new CornerTag component lives as an internal subcomponent
under src/CornerTag (not exported publicly in this release) and is rendered as an
overlay at the top-right corner of card containers.

- New CornerTag component with primaryDown/complementaryPure colors
- ListSelectable receives a cornerTag prop via discriminated union: only allowed
  when type='card'; type='text' sets cornerTag?: never to block at compile-time
- ListContainer renders CornerTag conditionally for type='card'
- ListReadOnly accepts and forwards cornerTag (covers isSelectableDisabled)
- New stories cover all V-02..V-14 variants from the spec
- Unit tests cover CornerTag standalone + 16 ListSelectable variants
- SCSS uses tokens: $color-brand-primary-down / $color-complementary-pure

Spec: https://github.com/Pagnet/pagnet/issues/16178#issuecomment-4343595459

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant