Roadmap / Road to React 1.0.0
All the planning under one roof.
We aim to release major React components.
Main tasks
| What | Status |
| 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 component | Status |
| 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.
| Component | Change | Description | Status |
| ButtonGroup | Deprecation of connected property. ButtonGroup will be connected by default. | Use Stack component for unconnected behavior. | ✅ Released in 0.62.0 |
| DestinationCard | New look + properties refactoring | We 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 components | Visual 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. | |
| Card | Renaming subTitle to description. | Consistency reasons. | ✅ Released in 0.69.0 |
| Button | Renaming block to fullWidth. | Consistency reasons. | ✅ Released in 0.63.0 |
| Button | Type of width will change to string. | We need to support more flexibility in usage of this property. | |
| Tile | Renaming expanded to initialExpanded. | Consistency reasons. | ✅ Released in 0.71.0 |
| SkipLink | Renaming description to buttonLabel. | ||
| Slider | Renaming min to minValue. Renaming max to maxValue. | ✅ Released in 0.63.0 | |
| InputFile | Renaming title to buttonLabel. | ✅ Released in 0.63.0 | |
| Portal | Renaming element to renderInto. | ✅ Released in 0.63.0 | |
| Heading, Text, Layout & Grid | Renaming element to as. | ||
| TextLink, Button & ButtonLink | Renaming component to asComponent. | ✅ Released in 0.70.0 | |
| ChoiceGroup | Renaming labelElement to labelAs. | ✅ Released in 0.63.0 | |
| RatingStars | Deprecating color attention. | No more needed. Use primary that has the same shade of ink color. | ✅ Released in 0.62.0 |
| Icons | Deprecating color attention. | No more needed. Use primary that has the same shade of ink color. | ✅ Released in 0.62.0 |
| Text | Deprecating 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 name | New name |
| airplaneOff | airplaneUpOff |
| baggageNone | baggageCheckedNone |
| gps | gpsFixed |
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 name | Replace with |
| airplaneRight | airplane |
| ticketFlight | ticket |
| ticketTrain | ticket |
| loading | Loading component |
| routeNoStops | StopoverArrow component |
| routeOneStop | StopoverArrow component |
| routeTwoStops | StopoverArrow component |