Releases: ferpection/uikit
Releases · ferpection/uikit
v0.0.10
New form components!
Added
- Expose a declaration file to simplify the use w/ TypeScript
- New
TextField
component to display textarea and inputs - New
FormErrors
component to give a default way of displaying errors - New
SelectField
component to display select box - New
TextFieldList
component to display a mutable list ofTextField
Changed
- BREAKING CHANGES. New package endpoints.
@ferpection/uikit/colors
replaces@ferpection/uikit/dist/colors
@ferpection/uikit/components
replaces@ferpection/uikit/dist/components
- Smaller
@ferpection/uikit
package size: better dependency management - BREAKING CHANGES. Colors are not strings anymore but instance of
Color
type.
This change gives developers the ability to work with different formats and make possible operating on colors
(like applying alpha components and retrieve a shape from a given color). For more information,
please read theColor
class reference.
Dependencies update
Changed
- All dependencies have been updated at their latest versions
v0.0.7
Header and interactive button!
Added
- New
HeaderLink
component to be use as light header links. - New
Header
component to centralise common header style. It's customizable using theButton
andHeaderLink
components - Expose a customizable ferpection's logo via
FerpectionLogo
component.
Changed
- Button have a
to
attribute where the target can be specified. Depending on the type of target Button will
be rendered as ana
, abutton
or aLink
fromreact-router-dom
Theming is possible 🎉
Added
- Button have a
actionType
attribute to express if the action is "positive", "negative" or normal ("default") - New
ThemeProvider
component. It is a context provider for theming data. Used by the UIkit components
Changed
- Automatically set
aria-label
field for text button - Removing
NegativeButton
andPositiveButton
. DX was not cool w/ these two.
Buttons are ready
Added
- There is now neutral colors exposed (
N75
toN500
). - New entrypoints to optimize bunles size (tree shaking):
@ferpection/uikit/colors
to load only colors@ferpection/uikit/components
to load only components
- Creation of a CHANGELOG file to easily store change logs before tagging.
- It is possible to change
Button
s color using thecolor
attribute. - New
PositiveButton
andNegativeButton
to express sentiment about actions. Button
s automatically calculates hover color based on main color.
Changed
- Colors' names has been updated.
- Basic default button's color is
C200
. IconButton
is removed in favor ofButton
Fixed
- Internal: JSX is also formated using prettier.
Button
s now follow Ferpection's website design rules (borders, font, animations, etc).
Button improvements
Added
Button
s can be disabledButton
s can be filled with their main color- Color list of the current design system is implemented in the package
Changed
- It is possible to change the values used by the components in the storybook
- The storybook tests accessibility issues
Button
s have PropTypes
v0.0.2
Changed
- We use rollup instead of parcel to better optimize the library build
- No
index.js
anymore as latest versions of Node don't have file extension resolution enabled by default
Fixed
- The style works from the external package. (They worked into the storybook but not on Codesandbox using
@ferpection/uikit
)
First draft
First attempt to set up a package.
Added
- Install common dependencies
- Create two components:
Button
andIconButton
- Setup storybook as documentation