Implement buttons

[fidelman]

Closes #65

Dokoncit:

Tlacitko

• Jednoduchy komponent
• Jednoduche styly se zavislostmi
• Pokryt vsechny pseudo-classy

Odpad

• Jednoduchy komponent
• Pokryt vsechny pseudo-classy
• Theme fix(theme): contain values in objects instead of arrays #80 fix(theme): fill in colors, line-heights & border radii from Figma #82 feat(design): added Cesko Digital font face #83

Storybook

• opravit storybook chyby
• pridat tlacitko k storybooku
• pridat odpad k storybooku

[HormCodes]

Andreii, za mne dobře odvedená práce a díky za to. 👍

Mám k tomu pár bodů, jak si myslím, že by se to dalo vylepšit:

Generování stylů na základě props
Úplně se mi nelíbí používání ternárních operátorů a zamyslel bych se nad level of abstraction. Sám jsem to prakticky nezkoušel, ale líbilo by se mi mít samostatné funkce vracející CSS pro konkrétní stylové skupiny - např. font, border, barvy atd.

V podstatě si představuji takovéto funkce:

function getBorderStyle(props: StyledLinkProps): FlattenInterpolation<ThemeProps<DefaultTheme>> {
  if (props.disabled) {
      // ...
  }
  
  // Default case
  return css``
}

Co si o tom myslíš?

Poprosil bych také o extrakci všech magických konstant pro barvy.

Malé drobnosti

• Stories bych měl všechny pro komponenty, ať je viditelné, že komponenta existuje
• Pro přehlednost bych i základní props vycházející z HTML elementu ( např. onClick u tlačítka)

To je prozatím vše. 🙂

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/ceskodigital/web/ep6a8vk1w
✅ Preview: https://web-git-implement-buttons.ceskodigital.vercel.app

[HormCodes]

Ahoj všichni,
@fidelman nám odjel na dovolenou, takže jsem PR od něj přebral a vzal si na starost dokončení.

Musím říct, že bylo a je pro mne obtížné se občas v komunikaci orientovat (to pak i zapříčinilo mé zpoždění se vším) a proto jsem se rozhodl většinu komentářů schovat a popřemýšlím nad nastavením nějakých pravidel, ať je to pro nás všechny přehledné. 😉

Nakonec jsem zanechal rozdělení do čtyř komponent. Pokud se to ukáže jako limitující, můžeme kdykoliv v budoucnu vytvořit issue na refactoring, ale takto mi to zatím přijde dostatečně čitelné a jednoduché na použití. Je to prozatím finální rozhodnutí pro tyto změny. 🙂

Poprosím @mzadrazi a @patrikbraborec o závěrečný pohled minimálně jednoho z vás. Pokud to bude OK, vyčistím historii a konečně zamergujeme.

[patrikbraborec]

@HormCodes Ahoj, super. Já na to mrknu dneska večer. :)

[patrikbraborec]

@HormCodes Ahoj, jednou jsem to proletěl a mám tam pár drobností, tak se mrkni 🙂

A ještě jen drobnost: před mergem bych rozdělil na dva commity, jelikož jsou tam nějaké změny v CONTRIBUTING.md 🙂