Your bookmarks

Roadmap / Road to React 1.0.0

All the planning under one roof.

We aim to release major React components.

Main tasks

WhatStatus
Sketch v1.0.0โœ… Released
Dictionary for strings inside of Orbit componentsโœ… Released in 0.40.0
Z-index Framework
There is a mess in frontend z-indexes, this should fix it.
๐Ÿงช Defined, currently in testing
New icons
We will replace icon set with one that works better with new typography โ€“ it’s more rounded and personal.
โœ… Released in 0.61.0
Improving the accessibility of colorsโœ… Released in 0.42.0
Improving the accessibility of componentsโณ In progress
Check status in Jira (only Kiwi.com)
Reviewing the API
We know that we’ve got some inconsistencies inside the API of our components. We need to review it and make consistent as much as we can.
โณ In progress
Check planned breaking changes
Error/help states for inputs
We have an ongoing problem with error and help texts in our form inputs โ€“ it’s not possible to have more than 1 line.
โณ Prepared in alpha, waiting for implementation

New components

New componentStatus
Popoverโœ… Released in 0.39.0
Show component
SkipNavigationโœ… Released in 0.40.0
Show component
Paginationโœ… Released in 0.48.0
Show component
Layoutโœ… Release in 0.44.0
Show component
Sliderโœ… Released in 0.51.0
Show component
Collapseโœ… Released in 0.52.0
Show component
Truncateโœ… Released in 0.53.0
Show component
CalloutBannerโœ… Released in 0.51.0
Show component
PricingTableโœ… Released in 0.61.0
Show component
Drawerโœ… Released in 0.63.0
Show component
NavigationBarโœ… Released in 0.63.0
Show component
NavigationListโœ… Released in 0.63.0
Show component
FeatureIconโœ… Released in 0.64.0
Show component
Couponโœ… Released in 0.64.0
Show component
Seatโœ… Released in 0.70.0
Dialogโœ… Released in 0.71.0
PictureCardโœ… Released in 0.71.0
Show component
LinkList
โœ… Released in 0.72.0
Show component
BadgePrimitiveโœ… Released in 0.72.0
Show component
TileGroupโœ… Released in 0.72.0
Show component
AirportIllustrationโœ… Released in 0.76.0
Show component
IllustrationPrimitive/โœ… Released in 0.76.0
Show component

Planned breaking changes

As much as we want to not have any breaking changes, we also need to do bigger refactoring, visual or interaction updates, and support consistency across all components. We aim to bring all breaking changes (code & visual) to this update, so we are not handling them separately.

ComponentChangeDescriptionStatus
ButtonGroupDeprecation of connected property.
ButtonGroup will be connected by default.
Use Stack component for unconnected behavior.โœ… Released in 0.62.0
DestinationCardNew look + properties refactoringWe need to make it less specific to prepare it for future component changes, it means removing some props and introducing new.โœ… Deprecated in favor of more general PictureCard
Form componentsVisual breaking change.We have an ongoing problem with error and help texts in our form inputs โ€“ it’s not possible to have more than 1 line.
CardRenaming subTitle to description.Consistency reasons.โœ… Released in 0.69.0
ButtonRenaming block to fullWidth.Consistency reasons.โœ… Released in 0.63.0
ButtonType of width will change to string.We need to support more flexibility in usage of this property.
TileRenaming expanded to initialExpanded.Consistency reasons.โœ… Released in 0.71.0
SkipLinkRenaming description to buttonLabel.
SliderRenaming min to minValue. Renaming max to maxValue.โœ… Released in 0.63.0
InputFileRenaming title to buttonLabel.โœ… Released in 0.63.0
PortalRenaming element to renderInto.โœ… Released in 0.63.0
Heading, Text, Layout & GridRenaming element to as.
TextLink, Button & ButtonLinkRenaming component to asComponent.โœ… Released in 0.70.0
ChoiceGroupRenaming labelElement to labelAs.โœ… Released in 0.63.0
RatingStarsDeprecating color attention.No more needed. Use primary that has the same shade of ink color.โœ… Released in 0.62.0
IconsDeprecating color attention.No more needed. Use primary that has the same shade of ink color.โœ… Released in 0.62.0
TextDeprecating color attention.No more needed. Use primary that has the same shade of ink color.โœ… Released in 0.62.0

Icons

We will switch to a new icon set and it’s possible that some icons will be renamed.

Old nameNew name
airplaneOffairplaneUpOff
baggageNonebaggageCheckedNone
gpsgpsFixed

Icons going to be deleted

There are some icons that will be deleted with the coming release of the 1.0.0 version. Please replace these icons in advance with the following icons:

Icon nameReplace with
airplaneRightairplane
ticketFlightticket
ticketTrainticket
loadingLoading component
routeNoStopsStopoverArrow component
routeOneStopStopoverArrow component
routeTwoStopsStopoverArrow component