- See v2.0.0-dev.* sections below for list of non-breaking changes
- Minimum React version increased to v16.8+ (because of
formikdependency on React hooks) - (Button): Add
primaryInvertedandsecondaryInvertedvalues forcolorsprop, removing theinvertedprop. - (Button): Replace
floatingprop withelevationthat can behighorlow - (Button): Replace
specialandspecial2variants with a singlespecialkey - (Input): No longer a styled component export but a wrapper.
styled(Input)will no longer work. Use the raw input that is exported underInputBase. - (Checkbox, Radio): Rework styles, forward props to inner
input, normalize onChange event - (icons): Rename
MoreInfoIcontoMoreVertIcon; removedNetStatsIconin favor ofEthStatsIcon; Rename iconsPagination*IcontoArrow*Icon - (layout): removed Page, Container, Content and Sidebar (Sidebar, SidebarColumns, LogoContainer, SidebarPageTitle) components
- (ModalSelectBox, SelectBox): Removed
- (ResponsiveContainer):
forScreenWidthprop replaced withmediaQuery, which takes presets from theme.media object - (theme): inside toolbar the colors residing inside
iconwhere moved toitemsince the colors applies also to labels and not only icons - (IPalette): Rework color palette: Various
*_GREY_*colors replaced byDAWN,DUSK,DARKand variants by lightness increments (_D5, _L5) - (ITheme): Theme colors pruning:
- Unflatten toolbar icons colors (from toolbarIcon* to toolbar.icon.*)
- Remove
sidebarBorder - Rename
mediaQueriestomedia; removemediaQueries.breakPoints - refactor accordion* and select* colors
- removed checkbox*, radio*
- consolidate button* with a nested structure
- add input., menu.
- (Fade): Rename
activeprop toenabled. Addinprop controlling direction and forward other props to CSSTransition - (Tooltip): Rename to
TooltipBase; removedarrowprop - (TooltipRegular): Rename to
Tooltip; movearrowprop fromPopover
- (Checkbox, Radio): Customizable theme colors
- (CheckboxField, RadioField): Forward
validateattribute, for field arrays - (form): Add CustomField component as a formik Field wrapper
- (CheckboxField, InputField, RadioField, TextareaField): Forward
idattribute - (CheckboxField): Forward
valueattribute (for checkbox arrays) - (SelectField): Fix validation not triggering when selecting an option
- Add new icons: IdentityIcon, MailIcon, SlackIcon, TriangleDownIcon, TriangleUpIcon, TriangleLeftIcon, TriangleRightIcon
- Add AccordionBasic component
- (InputField, Input, TextareaField, Textarea): Fix innerRef
- (form): Export
useFormContexthook
- (UsdValue): Add new component
UsdValue - (UsdValueBox): Modified to use
UsdValue - (Select): Set minimum layer width to expander width
- (Accordion, Select, Expander*): Style fixes
- (SelectField): Make
idprop optional - (Input): Add support for left icon (
LeftIconprop) and text alignment (alignRightprop)
- (ITheme): Refactor accordion* and select* colors
- (Input): No longer a styled component export but a wrapper.
styled(Input)will no longer work. Use the raw input that is exported underInputBase.
- Add new icons: PlayIcon, PauseIcon, BellOutlineIcon, CalendarIcon, PlusLargeIcon, ArrowUpRightIcon, ArrowDownLeftIcon, AlethioReportsInvertedIcon, TrashOutlineIcon, EditIcon, CogIcon, InfoTriangleIcon, ArrowUpRightInvertedIcon, MoreHorizIcon
- (OpenInBrowserIcon, ResetIcon): Fix hardcoded black color
- (Dropdown, Fade): Fix bad initial dropdown positioning caused by Fade component delay
- (MoreInfoIcon): Rename to
MoreVertIcon - (Button): Add
primaryInvertedandsecondaryInvertedvalues forcolorsprop, removing theinvertedprop.
- (Box, ValueBox): Fix content overflow with ellipsis even when not using
fullWidthprop - (Box, ValueBox): Add
borderStyleprop, change default background to white instead of transparent - (HexData): Always show copy to clipboard button
- Add new icons (ChatBubbleIcon, DefiIcon, InfoCapIcon, LayoutIcon, ListIcon, TableIcon, WalletIcon)
- (Tooltip, TooltipBase): Fix
styleprop overriding default styles
- Update Typescript to 3.7, fix bignumber error
- Migrate mobile menu components from @alethio/cms package
- (ExternalLink): Add missing rel="noopener noreferrer"
- (GasUsedValueBox): Fix case when gas limit is 0
- (layout): removed Page, Container, Content and Sidebar (Sidebar, SidebarColumns, LogoContainer, SidebarPageTitle) components
- (theme): inside toolbar the colors residing inside
iconwhere moved toitemsince the colors applies also to labels and not only icons
- Lock package dependencies (formik and color) because of errors in the latest versions
- (Label): uppercase text can be disabled setting
uppercaseprop to false. - (Select): Fixes programatically change and menu layer zIndex
- (Select): added select and selectfield components that uses expanderBase and expanderSelect
- (Tooltip): removed arrow prop
- (Tooltip): renamed to TooltipBase
- (TooltipRegular): renamed to Tooltip
- (layout/responsive/*): Add React hooks
useViewportSizeanduseMediaCheck(with HOC alternativeWithMediaCheck) - (ITheme): Predefined media queries are marked as non-customizable in the theme and also provided as a static export.
- (PlusIcon): Fix SVG attribute casing
- (InputField): Fix props not being passed to inner input element
- (ITheme): Update breakpoints for media queries; export numeric values from
layout/responsive/breakpoints.ts
- Add missing icons for symmetry; update hamburger icon SVG
- (Button) - Add inverted variant
- (Input): Fix placeholder opacity
- (InputField): Add icon for error state
- (HorizontalBar, VerticalBar): Remove border
- (ITheme): Add usual media queries for usual device sizes under
theme.media - (IPalette): Update color codes for GREEN, DARK, DUSK, DAWN
- Rename icons
Pagination*IcontoArrow*Icon - (Button): Replace
floatingprop withelevationthat can behighorlow - (Button): Replace
specialandspecial2variants with a singlespecialkey - (IPalette): Replace
DAWN_L2withDAWN_L5 - (ITheme): Unflatten toolbar icons colors (from toolbarIcon* to toolbar.icon.*)
- (ITheme): Remove
sidebarBorder - (ITheme): Rename
mediaQueriestomedia; removemediaQueries.breakPoints - (ModalSelectBox, SelectBox): Removed
- (ResponsiveContainer):
forScreenWidthprop replaced withmediaQuery, which takes presets from theme.media object
- Add partial support for server-side rendering (fixed SvgIcon unique id generation)
- Use
colornpm package to programatically manipulate theme colors. This package can also be used directly in the consumer app - Use
react-uidnpm package to generate unique element ids for SSR. Refer to README.md for additional info. - Update TypeScript to 3.6.4
- (Button): Rework styles and color variants, add
roundedoption, use properbuttonHTML tag and forward attributes - Add form Input and Textarea components
- Add Dropdown component
- Add Menu and MenuItem components
- Add form state management using
formikinform/folder. New components: Form, FormItem, FormStatus, form/Label, SubmitButton, FieldError, WithFormState, InputField, CheckboxField, RadioField, TextareaField - (Box): Use ellipsis when text overflows in
fullWidthmode - (ITheme): Add
fontweight constants
- Minimum React version increased to v16.8+ (because of
formikdependency on React hooks) - (Checkbox, Radio): Rework styles, forward props to inner
input, normalize onChange event - (Fade): Rename
activeprop toenabled. Addinprop controlling direction and forward other props to CSSTransition - (NetStatsIcon): removed, use EthStatsIcon instead
- (Popover, Tooltip): Moved arrow from Popover to Tooltip component
- (IPalette): Rework color palette: Various
*_GREY_*colors replaced byDAWN,DUSK,DARKand variants by lightness increments (_D5, _L5) - (ITheme): Theme colors pruning:
- removed checkbox*, radio*
- consolidate button* with a nested structure
- add input., menu.
- Add MobileMenuLayer and MobileMenuItem components, replacing MenuLayer and MenuItem from @alethio/cms package
- Added CursorInfinitePagination. When total items count is unknown, the pagination checks if there is a next page to show the next page button or not.
- Stable release
- Updated wrapper and reexport for styled-components
- HorizontalBar is not responsive anymore. Since the responsiveness was only used by TopBar this one has now his own HorizontalBar that is responsive
- Added icons for DexWatch, Discord, Hamburger, social media
- Added optional prop to Fade: active (defaults to true) to control the initial state
- Added optional prop to ExternalLink: target (defaults to "_blank") same behavior as anchor target prop
- Added alethioLogo color in ITheme
- (ToolbarIconButton): Add toggle functionality
- (AccordionHorizontal, AccordionVertical) Fix arrow position when container offset is 0.
- (Expander) Fix regression introduced with beta.19, when
valueis possibly undefined.
- (EthValue, EthValueBox): Make ETH symbol configurable
- Fix some typings for components with defaultProps. This could be a breaking change, if the components were consumed incorrectly before, by omitting some required props (this was possible, depending on the TS version used, and is now fixed).
- Updated the Alethio palette colors
- (AlethioReportsIcon) Fix regression introduced with beta.15 in
sizeprop
- (Grid): Flexible row height
- AlethioReportsIcon was changed to another version in which the svg doesn't use mask, so the size and color are optional parameters now like in the other standard icons
-
(AccordionHorizontal, AccordionVertical): accordion items are no longer passed via
itemsprop. NewAccordionItemchild component will be used instead. -
(ITheme): Label color property has been renamed (
label=>label.default).arrowLabel*properties have been removed