sbsrnt / hearthlounge-design-system Goto Github PK

About

Button component.
Relavant parent issue: #20

Design (optional)

Features

• loading
• themes (primary, secondary, tertiary)
• disabled

Checks

• tests
• accessibility
• docs

Issue description

Visual enhancements & fixes.

Checks

• Dropdown shouldn't close on item click (or at least provide optional prop)
• reset, loading, error icons should be in line to dropdown arrow
• Disable functionality for keyboard events when disabled is present
• Refactor chip component styles (create new one)
• Tests
• Accessibility (if applies)
• Updated Docs (if applies)

About

Components with higher visibility priority like modals.

Features

• Modal (#41)
• Tooltip (#43)
• Notification (#44)

About

List of (svg) Hearthstone & WoW Icons

Design Proposal (optional)

Features (optional, listed like checks below)

Classes

• druid
• hunter
• mage
• paladin
• priest
• rogue
• shaman
• warlock
• warrior
• neutral

Adventures

• naxxramas
• blackrock mountain
• league of explorers
• one night in karazhan

Expansions

• goblin vs gnomes
• the grand tournament
• whispers of the old gods
• mean streets of gadgetzan
• journey to ungoro
• knights of the frozen throne
• kobolds and catacombs

Modes

• wild
• standard (year of the kraken)
• standard (year of the mammoth)
• standard (year of the raven)
• standard (year of the dragon)
• tavern brawl

Nav

• home
• decks
• deck builder
• cards
• extensions (adventures & expansions)
• tournaments
• streamers x3 (twitch.tv, mixer, youtube live)
• reddit
• user
• logout
• login

Cards

• hall of fame
• basic

Deck Builder

• minions
• spells
• weapons
• copy to clipboard
• import
• export
• mana crystal x12 (1-12, may get more with proper script)

Social Media

• battlenet
• discord
• facebook
• github
• reddit
• twitch
• twitter
• youtube

Misc

• droplet (rarity)
• upvote
• downvote
• views
• comments
• user rank x12 (arena keys 1-12)
• redirect

Checks

• Tests
• Accessibility
• Docs

Issue description

Current editor is using draft.js which is neat, but latest release broke a lot of plugins and generally it is quite heavy (like 80kb gzipped with some plugins).

I thought that finding ready solution for MD editor will be easier but apparently everything sucks.

We have a custom solution with card support existing in HearthLounge so we could modify that one and see how it goes.

The refactor of [#54] won't be released on 1.0.

Checks

• Tests
• Accessibility (if applies)
• Updated Docs (if applies)

About

Form related components.

Features

• Button (#13)
• Input (#35)
• Select (#33)
• MultiSelect (#37)
• Checkbox (#40)
• Slider (#38)
• Range (#39)
• Textarea removed due to #21

About

Card component, not Hearthstone related. Just component.

Checks

• Tests
• Accessibility
• Docs

About

Simple text editor with markdown support.

Checks

• Tests
• Accessibility
• Docs

Issue description

A lot of dom nodes are being created with current Tooltip component 🤔.
Perhaps there may be better approaches to tooltip components.

Checks

• Tests
• Accessibility (if applies)
• Updated Docs (if applies)

About

List of typography related components.

Features

• Paragraph (resembling p tag)
• Header (resembling h tag)
• Link (resembling a tag)
• Subtitle

About

Mana Curve graph representing deck's cards cost to quantity ratio (sort of).

Design Proposal (optional)

Features (optional, listed like checks below)

• Visible amount of cards with x cost above each vertical progress bar
• 7 vertical progress bars (mirroring the in-game graph)
• mana cost icons under each vertical progress bar
• vertical progress bar color should be based on default class color

Checks

• Tests
• Accessibility
• Docs

About

Layout related components.

Features

• Header
• Sidebar
• Content
• Footer
• Combined layout ( Header + Sidebar + Content + Footer)