orbit

Changelog

NEW: ChoiceGroup
UPDATE: added passportid type to InputField
UPDATE: added inlineLoader type to Loading
UPDATE: orbit-design-tokens v0.3.0
FIX: Odd TableRow background color
FIX: Modal context for fixedFooter
FIX: TripSector docs imports

LiveURL: https://orbit-components-0-25-0.surge.sh

Changelog

UPDATE: Support actions in CardHeader
FIX: Modal usage without ModalSectionLiveURL: https://orbit-components-0-24-2.surge.sh

Changelog

FIX: Badge color when defined customColor for icon
FIX: Alert close button position
FIX: Text wrong weight value
FIX: Remove webkit spin from InputField
UPDATE: Add size to TextLink
DOCS: Add styled-components to installation guide

LiveURL: https://orbit-components-0-24-1.surge.sh

Changelog

ADD: New icons and illustrations

    Added icons:
        - BaggagePersonalItemNone
        - Chart
        - Timer
        - BaggageCabinNone
    Updated icons:
        - BaggageCabin
        - Remove
    Added illustrations:
        - AirportShuttle

FIX: CardHeader IE/Edge bug on production build
FIX: TileExpandable height on update
FIX: InputStepper nullish minValue or maxValue
FIX: Flow: Unnecessary Button SyntheticKeyboardEvent
UPDATE: Add spaceAfter to Separator
DEV: Fix yarn.lock
LiveURL: https://orbit-components-0-24-0.surge.sh

Changelog

FIX: Card recalculate max-height on update
FIX: ModalFooter height after children re-render
FIX: TextLink secondary underline
DOCS: Add missing loading prop for Button

Changelog

NEW: ChinaUnionPay logo
NEW: Tag
UPDATE: Card

Breaking changes

Card

• CardSection Header should be always wrapped to <CardSectionHeader> and content to <CardSectionContent> to prevent unexpected behavior
• title and subTitle are not supported in CardSection instead of:

    <Card>
      <CardSection>
        <CardSectionHeader>
          <Heading>Title</Heading>
          <Text>Text</Text>
        </CardSectionHeader>
      </CardSection>
    </Card>

Motivation

- NEW Subcomponents: CardSectionHeader and CardSectionContent
- Opened CardSectionHeader for children
- CardSection expandable newly should have description after title and hidden content
- React context API
- Splitted logic
- Supports actions in CardSectionHeader
- New possible case with default visible content
- InitialExpanded - CardSection could be expanded by default
- CardSectionHeader hover

https://orbit-components-card-update.surge.sh/?selectedKind=Card&selectedStory=Card%20with%20default%20expanded&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Modal

• Modal newly doesn't have closable prop instead of it, pass onClose to the render close button

UPDATE: Add fixed ModalFooter on desktop
UPDATE: move dataTest to inputs directly
UPDATE: dataTest for Close buttonsLiveURL: https://orbit-components-0-23-0.surge.sh

Changelog

FIX: Modal keyDown event bubbling
FIX: FLOW: Forbid Function type
Added icons:

• Upload
• PassengerRemove

Added Servicelogos:

• Alipay
• Discover
• PayPal
• Sofort
• Trustly

LiveURL: https://orbit-components-0-22-1.surge.sh

Changelog

UPDATE: StopoverArrow - up to three stops
UPDATE: Add showEmpty prop to RatingStars component
UPDATE: Open CardHeader for React$Node
FIX: Security of external links

LiveURL: https://orbit-components-v0-21-2.surge.sh

Changelog

UPDATE: Heading type title5
UPDATE: Compact InputField font-weight
UPDATE: Add dataTest to Stack
UPDATE: Add RTL tests
FIX: Checkbox flow type

https://orbit-components-heads-0-21-1.surge.sh

Changelog

NEW: Breadcrumbs component
NEW: ListChoice component
UPDATE: Add translate3d to RTL

UPDATE: tabIndex supports in

Button
ButtonLink
Checkbox
InputField
InputFile
InputStepper
Radio
Select
Textarea
TextLink

FIX: Missing font-families in components
FIX: Stack RTL spacing
FIX: InputField password visibility in IE
FIX: TripSector height
FIX: Modal dataTest docs
FIX: TripSegment CarrierLogoLiveURL: https://orbit-components-0-21-0.surge.sh

Changelog

FIX: InputField docs
NEW: RTL components support
UPDATE: Stack

https://orbit-components-heads-0-20-0.surge.sh

Changelog

FIX: Clear timeout in TileExpandable
FIX: Copying flow files in subdirectories

Changelog

NEW: Illustrations

Nomad
Success
Error
BusinessTravel
MobileApp
PlaceholderTours
DesktopSearch

Renamed illustrations (old ones will be available to 22.11.2018 !!)

NoBookings => NoResults
TimelineBoarding => Boarding
TimelineDropBaggage => BaggageDrop
AirportTransport => TransportBus
AirportTransportTaxi => TransportTaxi

LiveURL: https://orbit-components-v0-19-0.surge.sh

Changelog

FIX: reverted deprecated <Card />

you can import it this ways:

import Card from "@kiwicom/orbit-components/lib/_deprecated/Card"
import CardHeader from "@kiwicom/orbit-components/lib/_deprecated/Card/CardHeader"
import CardSection from "@kiwicom/orbit-components/lib/_deprecated/Card/CardSection"
import CardContent from "@kiwicom/orbit-components/lib/_deprecated/Card/CardContent"

or

import DeprecatedCard from "@kiwicom/orbit-components"
import DeprecatedCardHeader from "@kiwicom/orbit-components"
import DeprecatedCardSection from "@kiwicom/orbit-components"
import DeprecatedCardContent from "@kiwicom/orbit-components"

https://orbit-components-v0-18-1.surge.sh

Changelog

FIX: TripSegment time text alignment
FIX: Docs: Card
FIX: Fragment after Loading in Card
UPDATE: orbit-design-tokens to 0.2.5
DEV: Updated styled-components to 4.0.3
DEV: Updated Flow to 0.85
DEV: Updated Babel to 7.0.0
DEV: Updated Storybook to 4.0.4

LiveURL: https://orbit-components-v0-18-0.surge.sh

Changelog

UPDATE: Portal used element fallback
UPDATE: Tile description accepts React.Node
DEV: Update orbit-design-tokens to 0.2.4
FIX: Button, ButtonLink spacings
FIX: Flex in select
FIX: TripSegment arrival and departure
FIX: Modal scroll handler

https://orbit-components-v0-17-1.surge.sh

Changelog

NEW: TripSector
NEW: TripSegment
ADD: Heading Title 4
UPDATE: Add name prop for missing form components
UPDATE: FLOW: React$Node for label in Radio and Checkbox
UPDATE: Added forwarding ref to inputs
DEV: Added missing RatingStars visual reference
FIX: non-closable modal onClick outside
FIX: Stack spaceAfter prop on desktop
FIX: White Badge color
FIX: ModalFooter box-shadow
FIX: Modal Close position
FIX: ButtonLink's size in ModalFooterLiveURL: https://orbit-components-v0-17-0.surge.sh

Changelog

FIX: CardSection subTitle !!BC
FIX: Section without CardHeader
UPDATE: RatingStars colors
UPDATE: Render List in ul and li
UPDATE: Stack spacing documentation (shown exact pixels)