Changelog

The simple overview of things that changed in Orbit design system.

August 2018

🤖 Orbit Components Highlights

  • NEW! 🎉 ButtonGroup
  • NEW! 🎉 Badge
  • NEW! 🎉 Separator
  • NEW! 🎉 List
  • NEW! 🎉 Illustration
  • IMPROVEMENT 🎯 Added icon prop to TextLink
  • IMPROVEMENT 🎯 Added inverted prop to Heading
  • IMPROVEMENT 🎯 Added iconRight to Button and ButtonLink
  • IMPROVEMENT 🎯 Added new colors for icon (info, success, warning, critical)
  • FIX 🔨 Build of icons with proper JSX attributes and flow
  • FIX 🔨Textarea value prop
  • FIX 🔨Textarea vertical resizing
  • FIX 🔨 Flow type of onChange, onFocus, onBlur
  • FIX 🔨 Icons import in Alert
  • 📜 Full release notes:

 



July 2018

🤖 Orbit Components Highlights

  • NEW! 🎉 Documentation
  • NEW! 🎉 New icons (History, Flight Nomad, Gender Man, Gender Woman, Moon, Sun, Sunrise, BaggagePersonalItem, Compare, Duplicate)
  • NEW! 🎉 InputField
  • NEW! 🎉 Textarea
  • IMPROVEMENT 🎯 Allowed promise in return of methods
  • IMPROVEMENT 🎯 Flow read-only props
  • IMPROVEMENT 🎯 Updated icons (FlightReturn, FlightDirect, FlightMulticity, Trip, Airplane, FlightDirect, FlightMulticity, FlightNomad, FlightReturn and SportEquipment)
  • IMPROVEMENT 🎯 Renamed icons (BaggageChecked, BaggageCabin, BaggageSet)
  • IMPROVEMENT 🎯 Refactored theming (see docs)
  • FIX 🔨 Alert buttons flex layout
  • FIX 🔨 Orbit design tokens
  • FIX 🔨 Accommodation icon typo
  • DELETE 💥 Icon for Globe (use Trip instead)
  • DELETE 💥 Deprecated components
  • 📜 Full release notes:

🗃 Documentation Orbit.Kiwi

  • NEW! 🎉 Added Implementation API for all components from 0.1.0 release
  • NEW! 🎉 Color overview page for quick “copy/paste” use case!
  • IMPROVEMENT 🎯 Removed categories in Icons section
  • IMPROVEMENT 🎯 “Get started” for developers connected to Readme.md on Github repo

💎 Orbit UI for Sketch v0.23.0

  • NEW COMPONENT! 🎉 Expandable card section
  • NEW COMPONENT! 🎉 White action button
  • NEW COMPONENT! 🎉 Text link with an icon on the right
  • NEW COMPONENT! 🎉 Compact tables (24px high)
  • NEW COMPONENT! 🎉 Separators (horizontal & vertical)
  • NEW! 🎉 More than 60 flags in two sizes (Normal 24px, Small 16px)
  • NEW! 🎉 Two new symbols for pre-defined illustration sizes (90px or 200px high)
  • NEW! 🎉 2 illustrations (Priority Boarding, Mailbox)
  • NEW! 🎉 Focus states for text input
  • NEW! 🎉 Added top suppressed modal section
  • NEW! 🎉 New icons (History, Flight Nomad, Gender Man, Gender Woman, Item complete, Sun, Sunrise, Moon, Duplicate, Compare, Baggage Personal Item)
  • NEW! 🎉 All service logos are now also in grey scale (thanks @will for recolor)
  • IMPROVEMENT 🎯 Elevation level 1 shadow color synced with ‘actionable’ shadow
  • IMPROVEMENT 🎯 New focus state for components – without the shadow and with bolder blue line
  • IMPROVEMENT 🎯 Emoji badge now with light blue background
  • IMPROVEMENT 🎯 Illustration Meal now doesn’t have negative cultural meaning
  • IMPROVEMENT 🎯 Baggage storage icon now have the same key as Car Rental (consistency ftw)
  • IMPROVEMENT 🎯 Link Button renamed to Button Link to be in sync with React components
  • IMPROVEMENT 🎯 Possibility to change the icon color in the component List
  • IMPROVEMENT 🎯 Text color for Success & Warning badges darkened, so it’s easier to read it
  • IMPROVEMENT 🎯 Original tables renamed to ‘Loose’ tables
  • IMPROVEMENT 🎯 Alignment of the button with an icon when used as block button (icon on left, text-centered)
  • IMPROVEMENT 🎯 Arrow in tooltip was rounded + applied Orbit shadows
  • IMPROVEMENT 🎯 All helper symbols moved outside of main components sections, to its own section
  • IMPROVEMENT 🎯 Changed glyph for Seat icon
  • IMPROVEMENT 🎯 Icon structure flattened for easier search
  • IMPROVEMENT 🎯 All illustrations were optimized for better size
  • IMPROVEMENT 🎯 Changed glyph for Sports equipment icon to bike instead of diving equipment
  • IMPROVEMENT 🎯 Icon for Airplane is now 45° rotated
  • IMPROVEMENT 🎯 Icon for trip types are now more consistent (Direct, Return, Multicity, Nomad)
  • IMPROVEMENT 🎯 Possibility to use flag in Lists instead of an icon
  • IMPROVEMENT 🎯 Renamed baggage related icons for better clarity when to use which icon (Baggage Cabin, Baggage Checked, Baggage None, Baggage Set)
  • FIX 🔨 Sizes & positions of few icons (New window, Circle small, Hamburger menu)
  • FIX 🔨 Inner spacing in Tile component
  • FIX 🔨 Button with icon alignment now behaves well
  • FIX 🔨 Suppressed modal section has now the border on bottom size, so it’s possible to use as midsection of modal safely
  • FIX 🔨 Position of an icon in Card header
  • REMOVE 💥 Icon for Globe (merged with Trip)
  • DEPRECATION 💥 Old flags stayed but will be deleted in next versions – so if you used standalone flag, replace with new please asap

🔮 Orbit Icons in Figma

  • NEW! 🎉 Same new icons as in Sketch

😱 Other

  • BREAKING CHANGE FOR ICON FONT 💥 Renamed baggage related icons for better clarity when to use which icon (Baggage Cabin, Baggage Checked, Baggage None, Baggage Set)

 



June 2018

👏 Adopting Orbit components to Kiwi.com

  • BOOKING Implemented <Heading />
  • BOOKING Implemented Alerts
  • MMB Implemented Alerts

🗃 Documentation Orbit.Kiwi

  • NEW! 🎉 Added implementation API for components
  • IMPROVEMENT 🎯  Added possibility to copy HEX of color by clicking on the color tile

🤖 Orbit Components Highlights

  • BREAKING CHANGE! 💥 Changed props in TextLink
    • url -> href (optional)
    • newTab -> external
  • NEW COMPONENT! 🎉 ButtonLink
  • NEW! 🎉 New icons (Code, Deals, Kiwicom, Care, Kiwicom Guarantee, Kiwicom Security, Baggage Storage, Circle Small, ItemCompleted)
  • NEW! 🎉 Added type – airline | bus | train to <CarrierLogo />
  • NEW! 🎉 Added new <Card /> – replacement of <Section /> (still available for smoothly replacement)
  • IMPROVEMENT 🎯 Added flow declarations
  • IMPROVEMENT 🎯 Updated icons (Circle, MenuHamburger, NewWindow)
  • IMPROVEMENT 🎯 Updated Heading which can be used without <ThemeProvider />
  • IMPROVEMENT 🎯 Rewrited Text to styled-components
  • IMPROVEMENT 🎯 Rewrited Checkbox to styled-components
  • IMPROVEMENT 🎯 Rewrited Select to styled-components
  • IMPROVEMENT 🎯 Rewrited Radio to styled-components
  • IMPROVEMENT 🎯 Button can render custom component
  • IMPROVEMENT 🎯 Improved .npmignore to only ship files related to the actual library
  • IMPROVEMENT 🎯 Links in Alert component have now same color as text
  • IMPROVEMENT 🎯 Theming support in <CarrierLogo />
  • FIX 🔨 Fixed closable button in Alert component
  • FIX 🔨 Fixed line height in Alert component
  • FIX 🔨 Textarea warning -> now receive value as prop instead of children
  • FIX 🔨Fixed Alert content wrapping in IE
  • 📜 Full release notes:

💎 Orbit UI for Sketch v0.21.0

  • NEW COMPONENT! 🎉Modals (out for use cases testing) + Page overlay
  • NEW COMPONENT! 🎉 Tiles
  • NEW COMPONENT! 🎉 Badges with & without icon
  • NEW COMPONENT! 🎉 Circle badges
  • NEW COMPONENT! 🎉 Experimental badge with emoji 👨‍🔬
  • NEW COMPONENT! 🎉Primary & Secondary Icon & Text
  • NEW COMPONENT! 🎉 Squared button (Only icon), together with circle style
  • NEW COMPONENT! 🎉Added Simple lists
  • NEW COMPONENT! 🎉Button groups -for Primary & Secondary buttons (possibility to change shapes in Overrides)
  • NEW! 🎉 Shadow layer styles (Thanks Martin Halik!)
  • NEW! 🎉 New icons (Deals, Kiwi.com, Kiwi.com Guarantee, Care Kiwi.com, Code, Security, Circle Small, Baggage Storage, Item completed)
  • NEW! 🎉 Bordered variation for status buttons
  • NEW! 🎉 Overlay layer style below modal windows
  • NEW! 🎉 List of all illustrations with updated colors
  • NEW! 🎉 Default placeholders for carriers
  • NEW! 🎉 Link buttons can be Primary or Secondary now
  • NEW! 🎉 Circled & square buttons for the large size
  • NEW! 🎉 Content skeletons for action area of alert messages
  • NEW! 🎉 Folder Layout in symbols menu (contains Card, Modal, Tile, Tabs)
  • NEW! 🎉 Service logos for AirHelp and Axa Assistance
  • NEW! 🎉 Buttons now can have an icon on the right
  • IMPROVEMENT 🎯 Chips renamed to Tags
  • IMPROVEMENT 🎯 Padding in tiles are now 16px instead of 24px
  • IMPROVEMENT 🎯 Priority boarding icon moved to the Travel section
  • IMPROVEMENT 🎯 Removed border from modal windows so it’s much prettier now
  • IMPROVEMENT 🎯 Alert messages – new paddings, changed close icon & naming
  • IMPROVEMENT 🎯 Basic alert message without description is now with bold text
  • IMPROVEMENT 🎯 Left padding for Normal size buttons with icon
  • IMPROVEMENT 🎯 Added 📐 emoji to every padding layer for quicker use
  • IMPROVEMENT 🎯 Added 🔮 emoji to every brand layer for quicker use
  • IMPROVEMENT 🎯 Flag size changed to 24×24 (= medium icon size, so they are replaceable)
  • IMPROVEMENT 🎯 All illustrations locked, so “upload” button is not anymore in Overrides
  • IMPROVEMENT 🎯 Updated icons (Circle, MenuHamburger, NewWindow, Trip, Flight Multicity)
  • IMPROVEMENT 🎯 File inputs have a placeholder and display “Select file” in every state
  • IMPROVEMENT 🎯 Removed size layer (for icons in buttons, alerts, badges & content components) so there is one less select in the overrides panel
  • IMPROVEMENT 🎯 Icon in squared buttons is now centered correctly
  • IMPROVEMENT 🎯 Added numbers to the names of the input components, so it always starts with defaults ones
  • IMPROVEMENT 🎯 Description in tiles changed to Normal font size
  • FIX 🔨 Border around tiles is now displayed correctly
  • FIX 🔨 Primary link button label width
  • FIX 🔨 Default width of small buttons set to correct size
  • FIX 🔨 Loading button now resizes correctly
  • FIX 🔨 GPS icons glyphs fixed
  • FIX 🔨 FIX Corrected error that prevented inserting longer description to a card

🔮 Orbit Icons in Figma

  • NEW! 🎉 Same new icons as in Sketch