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

Unified UI #2587

Open
jarena3 opened this issue Jan 11, 2025 · 0 comments
Open

Unified UI #2587

jarena3 opened this issue Jan 11, 2025 · 0 comments

Comments

@jarena3
Copy link
Collaborator

jarena3 commented Jan 11, 2025

New cc-global components:

Button
All in xs/s/def/lg/xl/sized

  • standard
    • prepend-icon prop
    • block
    • embedded (outline and text only)
    • tonal
    • append-icon prop
    • options slot
    • tooltip slot
  • stacked (+block)
    • block
    • options slot
  • icons
    • hex v
    • tonal
    • icon only (text)
  • text only
  • block-btn
    • prepend-icon prop
    • subtitle-text
    • append-icon prop
    • options slot
    • tooltip slot

Input

  • text input
    • icon slot
    • options slot
    • tooltip slot
    • details slot
    • autocomplete
  • select input
    • icon slot
    • options slot
    • tooltip slot
    • details slot
    • multiple/chips

Modal

  • modal
    • responsive
    • actions slot
  • panel
    • responsive
    • click to dismiss

Panel

  • alert (virtual alias)
  • expandable standalone
  • expandable collection (virtual alias)
  • stacked inline (level up overview)
  • hover panel
  • flavor panel
    • heading prop
  • emphasis panel (solid color, weapon mounts)
    • icon prop
    • tooltip prop
  • cc-panel
    • actions slot
    • prepend-icon prop
    • title slot
    • append-icon prop
    • options slot

Chip

  • split
    • icon

Banners

  • clipped
  • textured
  • gradient
  • options slot
  • super- and subtitle
  • xs/s/def/lg/xl
  • left/right extensions (srd headings)

Text & Typography

  • heading
    • xs/s/def/lg/xl/2xl
    • replace heading css classes
    • color prop
    • icon prop
    • tooltip slot
    • editable prop

Other

  • rating-select
    • control icons prop
    • manual input prop
    • display value prop
    • detail slot
    • tooltip slot
  • cc-tooltip
  • editable label
    • tooltip slot
  • cc-container
    • responsive up to 3xl
  • cc-masonry
    • js-masonry
    • loadouts
    • npc equipment
    • printables

Icon Aliases

  • select (triple chevron)
  • expand/collapse (double chevron)
  • direction (triangles)

Theme Changes

  • Prune unused colors
  • GMS
    • change secondary color

Consistency Chores

  • new overline style
  • use cc-slashes
  • use cc-icon-divider

Toolkit landing redesign

  • layout
  • glyphs
    • campaign manager
    • NPCs
    • Encounters
    • Narrative element
@jarena3 jarena3 added this to v3 Jan 11, 2025
@jarena3 jarena3 converted this from a draft issue Jan 11, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: In progress
Development

No branches or pull requests

1 participant