Skip to content

Releases: hackclub/design-system

0.0.1-18

25 Jan 05:07
881b7e8
Compare
Choose a tag to compare
  • No breaking changes!
  • Update the Phantom Sans 0.6
  • Improve test coverage

0.0.1-17

23 Dec 05:09
f7e611f
Compare
Choose a tag to compare

Breaking changes

  • Remove Divider component due to lack of use

Cosmetic changes

  • Disable mobile text size adjusting
  • Pill-round Badges
  • Reduce Badge line-height

Docs

  • Add Text maxWidth example

Internal changes

  • Upgrade dependencies
  • Remove filterProps

0.0.1-16

31 Mar 10:01
1b9281b
Compare
Choose a tag to compare
  • Hotfix for palx version in the last release (again)
  • Fix CSS bug in Loading
  • Add Sheet component, see documentation
  • Add Submit component, see documentation

0.0.1-15

31 Mar 09:26
59adcce
Compare
Choose a tag to compare
  • Removes Truncate component for low usage. Duplicate the source if you actively use it
  • Fixes React browser errors triggered by using aria-role (my mistake, the correct attribute is role)
  • Upgrades dependencies, including @hackclub/icons with its 32 new icons
  • Makes Container full-width by default, finally
  • Replaces f & w shorthands internally—highly recommended to switch yours as well before styled-system is upgraded
  • Adds antialiasing to default page styles
  • Adds rem-powered maxWidth prop to Text (plus its derivatives, such as Heading)

    Use <Text maxWidth={48} /> for max-width: 48rem; without the mx hassle of a Container.

0.0.1-14

26 Oct 18:54
c627af6
Compare
Choose a tag to compare

This release uses our new Phantom Sans typeface, changes the scales, and has a few minor updates.

This probably breaks everything you've ever designed! So I'm sorry about that. Test through things, but you can also patch the theme using ThemeProvider theme={{ … }} with the old scales. I'll release a package to make this easier sometime soon.

0.0.1-12

18 Sep 17:57
ce90113
Compare
Choose a tag to compare

No breaking changes.

  • Add dark and darker colors (for dark page backgrounds)
  • Bug fixes
  • Revert to old chevron style on Buttons

0.0.1-11

18 Sep 17:51
d7f423c
Compare
Choose a tag to compare

Big changes

  • Icon & IconButton now use https://github.com/hackclub/icons instead of the Material Design set. As such, use the glyph prop instead of name.
  • LargeButton now defaults to an all-caps, larger format to better match the new design language.
  • OutlineButton has been redesigned. It should now use the same props as Buttons (bg for the border color, color for the text color on hover/focus). It's also the same size as the new LargeButton.
  • Link now supports the hoverline property for underlining on hover, as well as custom chevronLeft and chevronRight props.

Small changes

  • transition is now cooler. Doesn't break compatibility.
  • gradient is a new helper on theme for making nice radial gradients. New design language often encourages radial over linear.
  • Updated some dependencies.
  • This is the first release with <100% test coverage. Will be fixed soon, this release was hurried.

Usage notes

  • We're preparing for the upcoming v4 release of styled-components, so use styled(Component) instead of Component.extend for all new code. The codebase itself has been almost fully migrated, the final ones need to be fixed using the upcoming as prop or they break usage with .withComponent (also deprecated). Ignore the console notifications for now…
  • When using theme, prefer importing it in each file instead of accessing from props due to the performance boost on re-renders. DS itself will continue accessing from props in order to support custom ThemeProviders. When using theme from props is necessary, prefer inline destructuring unless other props are needed in that expression (${({ theme }) => theme.colors.primary} is preferable).

Future

  • styled-components v4 with as
  • New styled-system
  • Truly fix DOM prop filtering
  • Sheet component
  • icon prop on Buttons

0.0.1-9

05 Mar 11:13
Compare
Choose a tag to compare

Version lock palx to 1.0.2 because generated colors changed in 1.0.3.

0.0.1-8

28 Jan 04:45
Compare
Choose a tag to compare
  • Improve DOM filtering
  • Refine shadows
  • Use lodash.get instead of dot-prop for cx

0.0.1-7

28 Jan 01:21
Compare
Choose a tag to compare
  • Filter DOM props
  • Make Module more flexible
  • Reduce classes created on a few components