v3.0.0

Valence 3 introduces several breaking changes, some new components, and removes some old ones. Read the full update notes.

Valence 2.7

Valence 2.7 introduces two new fill variants, outlined and paper, as well as some new helper functions to make this styling possible. Read more.

Valence 2.3

View full release notes

Valence 2.2

See the update notes

Valence 2.1

See the update notes

Valence 2

Valence 2 (version 2.0.0) is the first major refresh of Valence, and includes a number of sweeping and breaking changes to the codebase.

View the full release notes here.

1.5.0

This update adds a few components required for Threaditor's 1.1 update:

• SelectInput: a searchable select dropdown
• PillInput: a complex component that allows users to create pills, with the option to assist from a list
• PillSelector: another complex component that allows users to select from a list of pills, promoting those they want. Useful for composite filters.
• The OptionContainer is also added, which is a utility component that powers the dropdown features of the PillInput and SelectInput. Both inputs can have custom filter algorithms, so long as they match the OptionsFilter type. The DefaultOptionsFilter simply narrows down the search to anything containing the query.

v1.4.0

Updated to fix numerous bugs and workflow errors discovered while developing Threaditor.

Major changes

• All components now support ref props
• The polymorphism flow has been reworked, allowing more components to become polymorphic
• Added utils/generics and app/generics to handle package-wide generic types
• Added getColorHex() to the ValenceProvider, which provides a shorthand solution to get the full hex code (including opacity) for colors
• All inputs and buttons now contain far more event handlers, all categorised by their event type.

Minor changes

• core/Flex now contains a wrap prop, replacing the noWrap prop that did nothing
• core/Text now contains more polymorphic props for links
• app/ButtonGrid now centers text by default
• app/Sidebar and app/JumpSidebar now scroll for vertically overflowing content, and hide horizontally overflowing content
• Every component now accepts the tabIndex prop as part of the GenericProps
• core/InputContainer now accepts the inputRef prop, allowing it to focus its containing element when clicked
• All inputs now accepts the variant prop and will style themselves accordingly
• yellow, orange and red colors are no longer just red in dark mode
• app/Nav button props are now actually passed to the buttons
• Props on high-level components are now generally more reliably going to be passed to lower-level components

v.1.3.0

Version 1.3.0 fixes a number of major bugs, as well as adding new components for Threaditor.

See more here