Road to React 1.0.0
All needed adjustments in Orbit React components for an upcoming major release.
We aim to release major React components release it during October 2019.
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. | ⏳ In progress |
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 |
Planned breaking changes
As much as we want to not do any breaking changes, we also need to do some bigger refactoring, visual or interaction update or 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 | Migration guide | Status |
| ButtonGroup | Deprecation of connected property. ButtonGroup will be connected by default. | Use Stack component for unconnected behavior. | Migration can be done before v1 release. | ✅ 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. | ||
| 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. | ||
| TripSector & TripSegment | Renaming to ItinerarySector and ItinerarySegment. | Based on company’s definitions how to name itinerary parts. | ||
| Card | Renaming subTitle to description. | Consistency reasons. | ||
| 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. | ||
| 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. | |||
| 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. | Can done before v1 release. Change use of attention to primary. | ✅ Released in 0.62.0 |
| Icons | Deprecating color attention. | No more needed. Use primary that has the same shade of ink color. | Can done before v1 release. Change use of attention to primary. | ✅ Released in 0.62.0 |
| Text | Deprecating color attention. | No more needed. Use primary that has the same shade of ink color. | Can done before v1 release. Change use of attention to primary. | ✅ 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 which are going to be deleted with coming release of 1.0.0 version. Please replace these icons in advance by following icons:
| Icon name | Replace by |
| airplaneRight | airplane |
| ticketFlight | ticket |
| ticketTrain | ticket |
| loading | Loading component |
| routeNoStops | StopoverArrow component |
| routeOneStop | StopoverArrow component |
| routeTwoStops | StopoverArrow component |