Changelog

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

• Modal: overflow now works correctly on large mobile and bigger (6645070)

• ServiceLogo: add Sherpa logo (4c9d318)

• OrbitProvider: replace ThemeProvider from SC by a custom one (db0d8f4)
• remove mediaQueries (8861191)
• remove rtl utils (e76c186)
• remove styled-components dependency (6b1277c)

• OrbitProvider: Styled-Components’ ThemeProvider is no longer used in OrbitProvider. If you still need styled-components capabilities, you should add the ThemeProvider from styled-components to your app and pass it the same theme.
• rtl styled-components utils removed.
• mediaQueries function is no longer available. This was a styled-components util function that is now no longer meant to be used. Tokens and breakpoint values are still accessible.

• Icon: icon components props are now correctly typed (33cecc8)
• Itinerary: fix dates alignment in RTL (6034467)
• Itinerary: text now wraps instead of overflowing (482636f)
• Modal: ensure the Modal body can scroll (7b1ac0b)

• Wizard: migrate to tailwind (fe12927)

• Modal: fix bottom border radius when isMobileFullPage (4a402f9)

• CallOutBanner: migrate to tailwind (047158b)
• delete BaggageStepper component (74d8f55)
• deprecate toggleUp and toggleDown utilities (fe2ed30)
• Inline: migrate to tailwind (22464a6)
• InputSelect: migrate to tailwind (3b6617b)
• Itinerary: migrate to Tailwind (4628d1c)
• Pagination: migrate to tailwind (c440d74)
• remove deprecated components (277724d)
• Seat: migrate to tailwind (079105b)
• ServiceLogo: migrate to tailwind (357c5fc)
• SkipLink: migrate to tailwind (a2eb45f)
• SkipNavigation: migrate to tailwind (e89fe8c)
• Timeline: migrate to tailwind (6fdc700)

• deprecated components were removed: ClickOutside, Desktop, Mobile and KeyValue
• remove BaggageStepper component

The BaggageStepper component has been removed as it was not being used. Please use the Stepper component instead.

• Coupon: migrate to tailwind (6827ccb)
• Slide: migrate to tailwind (aa55f45)
• StopoverArrow: migrate to tailwind (e676cc0)

• Accordion: migrate to tailwind (b378203)
• Illustration: add FlightChange illustration (b90bcab)
• LayoutColumn: migrate to tailwind (db69d5d)
• ServiceLogo: add AxaWhite logo (3c0b3c9)

• LayoutColumn: removed hideOn prop from LayoutColumn

• Modal: fix border radius on isMobileFullPage (5f71d77)
• Wizard: don’t wrap progress label (0374d19)

• HorizontalScroll: migrate to tailwind (b80eef4)
• Slider: migrate to tailwind (7b29005)

• Icon: migrate to Tailwind (6ac12ec)
• ServiceLogo: add ApplePay and GooglePay logos (4cd14aa)
• Tag: migrate to Tailwind (436d54f)

• FeatureIcon: migrate to Tailwind (0ed3ae6)
• Illustration: add DepartureBoard, DepartureBoardBadge and DepartureBoardLounge illustrations (cae7bd7)

• Card: remove loosy equality check for children in CardSection (8eb5e6f)

• Itinerary: add overflow:hidden to ItinerarySegmentDetail (c4f2e3c)
• Itinerary: icon sizes were incorrect inside SegmentDetail (7658f45)
• Loading: remove redundant padding and get back icon 20px size (3f17fcd)
• Modal: check if e.target.className exists (4d33c99)
• Modal: remove modal header transition on mobile (7c10d8d)

• Breadcrumbs: remove extra top spacing on mobile (007b1c2)
• Card: border radius incorrectly set on mobile (ed222eb)

• ButtonPrimitive: improve accessibility by using type and role (ca2e5d9)

• ButtonPrimitive: add missing flex-auto (70dcfcd)

• remove flow types (336137a)

• deprecated flow types removed. Typescript is the only typing solution supported now.

• BadgePrimitive: fix min height (13fa300)
• ButtonPrimitive: add missing shrink-0 and grow-0 (1b1444c)
• ButtonPrimitive: width prop now works as expected (88b5047)
• Itinerary: some text wasn’t truncating properly (e6157ea)
• Layout: get back correct spacing for Card on Mobile (e0d4e50)
• Popover: fix max-height when content has actions (798d7c4)
• TimelineStep: move subLabel below timeline (660387a)

• ButtonPrimitive: do not force icon sizes in children (5b865ae)
• Drawer: noPadding should affect only wrapper (11c2ce0)
• Hide: fix “smallMobile” for screens of size 0-320px (af5a84c)
• List: fix ListItem centering bug (ff172eb)
• OrbitProvider: be more defensive when transforming palette colors to RGBA (0209a65)
• Popover: remove redundant max-w-fit class (8247324)
• Stepper: fix disabled background color (4a61be6)
• Switch: cursor not applied on input (edfc88b)

• TimelineStep: remove redundant spaceAfter (f6fcd90)
• Timeline: timeline and subLabel height issue (afc018a)

• ServiceLogo: add GetYourGuide logo (c883823)
• TimelineStep: make children optional (59d03fc)

• Layout: remove accidental props pass to Grid (e7f47d2)
• List: fix ListItem icon size (6afd3b9)
• Popover: links inside tooltips inside content are now clickable (b7114a6)
• Stepper: fix icon circle accoring to Figma (9411b3e)

• Illustration: add PassportUpdate (e1d021d)

• Popover: use useRandomId hook instead of React.useId directly (3b49d18)
• Stack: remove height: 100% for justify and column (c119130)

• Breadcrumbs: the spaceAfter prop (87f574a)
• Hide: use native tailwind breakpoint range (39aedd9)
• InputField: add white background (a0b40a8)
• ModalHeader: mobile scroll header background (93efe38)
• Radio: background only on circle, not label (564ee17)
• Stack: do not apply flex styles, when not needed (56983c1)

• Popover: migrate to Tailwind (49a619f)
• Tabs: migrate to Tailwind (b5fa16d)

• Card: add missing w-full (552e1d4)
• Card: only capture keys on expandable sections (d536470)
• TextLink: add missing line-height (58079b6)
• update the browserlist in package.json (d692f47)

• ButtonMobileStore: migrate to Tailwind (74b5e27)
• Checkbox: migrate to Tailwind (1e1b944)
• ChoiceGroup: migrate to Tailwind (ee340dc)
• InputField: migrate to Tailwind (37a5719)
• InputGroup: migrate to Tailwind (b4aa75c)
• Radio: migrate to Tailwind (4178852)
• SegmentedSwitch: migrate to Tailwind (5930ffd)
• Select: migrate to Tailwind (5b731ab)
• Separator: migrate to Tailwind (23474b3)
• Skeleton: migrate to Tailwind (dbdd6cc)
• Switch: migrate to Tailwind (5a3f3cc)
• Table: migrate TableBody to Tailwind (0663ffb)
• Table: migrate TableCell to Tailwind (e0b16cb)
• Table: migrate TableFooter to Tailwind (f18a75c)
• Table: migrate TableHead to Tailwind (ef0a54e)
• Table: migrate TableRow to Tailwind (89b9576)
• Table: migrate to Tailwind (3cce4e2)
• Textarea: migrate to Tailwind (14d6abc)
• Textarea: remove size prop (370e768)
• Toast: migrate ToastMessage to Tailwind (fdef9fb)
• Toast: migrate ToastRoot to Tailwind (541336e)
• Truncate: migrate to Tailwind (af04dd4)

• Textarea: Textarea component no longer has the size prop.
• Select: Select component no longer has the readOnly prop. The readOnly prop was passed directly to the native HTML select element as an attribute, which is not supported.

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly

• Separator: ‘color’ prop now accepts Tailwind classname instead of a token, e.g. ‘paletteBlueNormal’ -> ‘border-blue-normal’

‘indent’ prop renamed to ‘sideOffset’

‘type’ prop now by default is ‘solid’, instead of ‘none’

• InputSelect: make root label block (9326e59)
• Loading: use correct font family class (7e53285)
• Stack: flex prop by default false (e68297b)

• BadgeList: migrate to Tailwind (4a28842)
• CarrierLogo: migrate to Tailwind (7fa5aff)
• Collapse: migrate to tailwind (969ac40)
• LinkList: migrate to tailwind (84be8c2)
• ListChoice: migrate to Tailwind (bf449fa)
• Modal: migrate to Tailwind (4dcd634)
• NotificationBadge: migrate to Tailwind (2f2344d)
• Stepper: migrate to Tailwind (e305def)
• TileGroup: migrate to Tailwind (368bc76)
• Tile: migrate TileContent to Tailwind (9e8914b)
• Tile: migrate TileHeader to Tailwind (31151ff)
• Tile: migrate TileWrapper to Tailwind (bf14d59)

• OrbitProvider: use style tag directly without useEffect (26a6ac5)

• Alert: migrate to Tailwind (ec3d104)
• Illustration: add FlightDisruptions illustration (37ad131)

• Card: add missing white background (ec18790)
• Dialog: hide scroll bar, but keep scrolling behaviour (73fc50e)
• ErrorFormTooltip: arrow was misplaced (e346e90)
• ItinerarySegmentDetail: fix overflowing content issue (bac87db)
• OrbitProvider: fix whitelables themingissue with css variables (6ee3bee)

• Grid: add classname prop (036eb85)
• Hide: migrate to Tailwind (302e0dd)
• Layout: migrate to Tailwind (26e85ec)

• tailwind: fix animation-loader class (c33ea88)
• tailwind: remove redundant classes (6fe0c97)

• Badge: migrate to Tailwind (1e67630)
• BadgePrimitive: migrate to Tailwind (85de2df)
• Box: migrate to Tailwind (08a68ed)
• Breadcrumbs: migrate to Tailwind (c2c7935)
• ButtonGroup: migrate to Tailwind (2510a42)
• ButtonLink: migrate to Tailwind (8787569)
• Button: migrate to Tailwind (25687b3)
• ButtonPrimitive: migrate to Tailwind (4ea8178)
• Card: remove icon prop (332f58e)
• Card: rewrite to Tailwind (1e19342)
• CarrierLogo: add orbit-carrier-logo class (95eb530)
• CountryFlag: migrate to Tailwind (e054877)
• Desktop: deprecate component (9102bfb)
• Dialog: refactor to tailwind (4f3525d)
• Drawer: refactor to tailwind (b59a328)
• ErrorFormTooltip: migrate to Tailwind (7067f3c)
• FormLabel: migrate to Tailwind (95aaa6b)
• Grid: migrate Grid to tailwind (#3965) (e19c2ae)
• Heading: migrate to Tailwind (8244913)
• icons: update icons from Figma (eabe36e)
• IllustrationPrimitive: migrate to Tailwind (e436905)
• InputFile: migrate to Tailwind (960c846)
• KeyValue: deprecate component (8b30a98)
• List: rewrite to Tailwind (b8790bc)
• Loading: migrate to Tailwind (53aa0df)
• Mobile: deprecate component (24c834c)
• NavigationBar: migrate to Tailwind (70ca749)
• Stack: rewrite Stack to tailwind (401b264)
• tailwind: add bundle classenames for Badge (3874b70)
• tailwind: add minHeight icon classes (bcc0063)
• tailwind: add transparent to available colors (47394c9)
• Text: default value for align is now start (137026a)
• TextLink: migrate to Tailwind (d7697e4)
• Text: migrate to Tailwind (225f29b)

• BadgePrimitive: background and foregroundColor props were removed
• Card: Card no longer has the icon prop
• Text: align left and right on Text no longer adjust to RTL. Use start or end instead.
• Box: StyledBox removed. .orbit-box selector should be used

• ButtonPrimitive: do not let ‘loading’ prop be rendered in the DOM (a0e6406)

• Illustration: add Damage and Wheelchair illustrations (04c78b6)

• ButtonLink: fix incorrect hover backgroud color on primary (fdc4c32)

• icons: update icons from figma (f234800)
• icons: update icons from figma (225f77e)
• icons: update icons from figma (7279080)

• Card: header actions are now vertically center aligned (2679f54)
• HorizontalScroll: prevent click to induce scrolling (1eec4d2)
• InputField: show ‘readOnly’ as ‘disabled’ visually (594a642)
• Radio: add visible indication of checked state when disabled (#3970) (8cc1f62)
• Textarea: show ‘readOnly’ as ‘disabled’ visually (68a25bc)
• Wizard: title now renders correctly even without labelProgress (9cd2503)

• icons: update icons from figma (6db1846)
• icons: update icons from figma (0191293)
• icons: update icons from figma (#3971) (1493315)
• icons: update icons from figma (#3983) (69e68e0)
• icons: update icons from figma (#3988) (32febf0)
• icons: update icons from figma (#3993) (1092efd)
• InputField: add defaultValue prop (269928c)
• OrbitProvider: no longer require single child (5aed201)
• Textarea: add defaultValue prop (0da689f)

• abstract away react-uid and remove it from deps (48f1473)
• all components now have use client directive (4b6598b)
• ClickOutside: deprecated (#3960) (8baf829)
• icons: update icons from figma (#3955) (fb2c88a)
• icons: update icons from figma (#3964) (a878b10)
• icons: update icons from figma (#3967) (9686366)
• icons: update icons from figma (#3968) (ed6739a)
• remove deprecated FormFeedback (f84c526)
• remove deprecated InputField (939bf7f)
• remove deprecated InputFile (957f724)
• remove deprecated InputGroup (5a5b37d)
• remove deprecated Select (d590716)
• remove deprecated Textarea (cc971ff)
• update to React 18 (45be262)
• upgrade to node 18 (d7eafbf)
• Wizard: add isCompleted to WizardStep (#3958) (75ab7c6)

• OrbitProvider now requires useId prop for random ID generator hook
• Node version required is now >=18
• remove deprecated InputGroup
• remove deprecated Textarea
• remove deprecated InputFile
• removed deprecated InputField
• remove deprecated FormFeedback

Note: Version bump only for package @kiwicom/orbit-components

Note: Version bump only for package @kiwicom/orbit-components

• tokens: fix bundle tokens definitons (#3940) (d275b5b)
• use ForwardRefRenderFunction instead of deprecated RefForwardingComponent (#3941) (a70687c)

• Textarea: add prop to pass data attributes (#3937) (7089013)

• InputSelect: clearing the input now clears the selected option (b805837)
• InputSelect: close events and invalid typing (ce9051a)
• InputSelect: hover effect removed from mobile (766a8d8)
• InputSelect: present error and info on mobile (6f888f6)
• InputSelect: spaceAfter was not working correctly (46d4f78)
• Separator: fix background and border issue (#3925) (5ffa0ee)

• icons: update icons from figma (#3927) (51c2f14)
• Illustration: add Ambulance and FlexibleDates illustrations (#3933) (47e8fe8)
• InputSelect: rename emptyStateMessage to emptyState (6a5ade2)
• tokens: migrate to style-dictionary (5029dcf)

• InputSelect: emptyStateMessage string prop is now called emptyState and accepts any React element.

• InputSelect: add missing onOptionSelect callback to onKeyDown (e0d351f)
• InputSelect: close after selection (a6f39e0)
• InputSelect: fix ModalHeader padding size (304e7a7)
• InputSelect: keep option selected on second click (0a9fbeb)
• Popover: fix popover overlay bubbling event issue (#3921) (e507e5e)

• InputFile: add disabled prop (#3920) (dd445b2)

• Box: fix possible color tokens (97d3807)
• TextLink: allow secondary type inside Alert (#3912) (a6193f5)

• InputFile: add multiple attribute (#3918) (9119426)
• Popover: add zIndex property (#3919) (36a8d21)
• ServiceLogo: add KiwiGuarantee logo (#3916) (60e6665)

• ChoiceGroup: fix event types (1f1832d)
• ErrorFormTooltip: fix event types (8e85a57)
• FormLabel: fix event types (74e42f2)
• InputField: fix event types (4a3dcc0)
• InputFile: fix event types (7f88332)
• InputGroup: fix event types (9c0ecdd)
• InputSelect: fix event types (6ddddb3)
• Modal: fix event types (f76aee4)
• Radio: fix event types (4f48a4c)
• SegmentedSwitch: fix event types (06a24cf)
• SegmentedSwitch: fix event types (3935db2)
• Select: fix event types (89c413b)
• Select: fix focus styles (6dccd7a)
• Select: long inline label now truncates (17758b4)
• Slider: allow move the slider over current value (8696c1b)
• Slider: range Slider was not updating correctly (7fb5229)
• Switch: fix event types (2897a26)
• Textarea: fix event types (609628b)

• Illustration: add NoFlightChange illustration (#3905) (637f876)

• InputGroup: disabled state was not visually correct (53a00e0)
• InputSelect: z-index was missing from styles (948574c)
• ListChoice: align icon to the center vertically (b5c022b)
• Slider: defaultValue now updates the slider (62dd911)

• InputSelect: add prefix to Option (bf89e71)

• Select: customValueText vertical alignment (#3890) (92c3db8)

• ErrorFormTooltip: change font-weight to normal (#3886) (2cb63c7)
• HorizontalScroll: arrows now only display if it’s overflowing (#3882) (115fce2)
• Itinerary: correct cursor is now applied to ItinerarySegmentBanner (#3884) (ff86148)
• Select: adjust height and alignment of Select and Prefix (#3883) (cedc3a0)

• icons: update icons from figma (#3888) (161a242)
• Illustration: add Cancelled illustration (#3887) (3ffe282)
• Text: add extraLarge size (afe2971)
• TextLink: add extraLarge size (6b90277)

• InputFile: clicking on icon label no longer triggers the OS input (b81547f)
• InputFile: errorForm tooltip offset (5801e7c)
• ModalFooter: wrap elements in StyledChild only when multiple (#3869) (be1cfe6)
• SegmentedSwitch: errorForm tooltip offset (#3877) (032b93f)
• Select: disabled styles (d1697b1)
• Select: fix Option label type for flow (d541a91)
• Select: inlineLabel and Prefix now work as expected (1fa2c23)
• Slider: value state update was not working correctly (5c7a9aa)
• Wizard: fix missing provider prop (#3875) (6b34b90)

• icons: update icons from figma (#3867) (ecd80ec)
• icons: update icons from figma (#3872) (4465369)
• InputField: add new aria-props (95c35e5)
• InputSelect: new component (e81110b)
• ListChoice: add role and tabIndex props (598de88)
• Modal: add onScroll prop (989e1de)

• Alert: change labelClose to accept string only (6c7c53a)
• ButtonPrimitive: change title to accept string only (6d90024)
• Card: change labelClose to accept string only (b11a490)
• Drawer: change labelHide to accept string only (6ff0013)
• ItinerarySeparator: rename imported Props to avoid naming conflict (#3854) (12fca7a)
• Modal: change labelClose to accept string only (5879f55)
• NavigationBar: change openTitle to accept string only (1ce0c9e)
• Pagination: change label types to string (d815e41)
• Select: change type of Option label to string (dc18bed)
• Select: fixed spacing between prefix and customValueText (143abec)
• SkipNavigation: change label types to string (4ad843e)
• Stepper: change title to accept only string (9ce9121)
• Tooltip: change labelClose to accept string only (97a7115)
• Wizard: change labelClose to accept string only (c866ab8)

• Heading: add title6 type (6326b13)

• Hide: remove on prop from rendered element (#3845) (f13031c)

• ItinerarySeparator: add type and color props (d73b182)
• Popover: add renderTimeout prop (#3841) (7e242a8)
• Select: add inlineLabel prop (8ad7a1d)
• Separator: add type and color props (b6497a0)
• Tab: add min-width to avoid text wrap (b75ce17)

• Alert: change colors for AlertButton subtle (961c6a1)
• Breacrumbs: change goBackTitle to accept React.Node (b1614e6)
• Button: change icon sizes and spacing (050e157)
• ButtonPrimitive: replace current title type with React.Node (e1db0d0)
• Card: add spacing between actions and title (da4e898)
• FormLabel: add margin-left offset (eb0f092)
• SegmentedSwitch: adjust height to match design specs (67dee47)
• Select: change type of label in option to React.Node (a08eb5f)
• Tag: adjust height to match design specs (09aa998)
• Tag: border-radius on responsive (dddf4a4)
• TextLink: fix color on active state (c981604)
• TextLink: fix icon sizes (7161d4f)
• Tile: adjust spacing between icon and content (9e1c83a)
• Tile: adjust title styles (c880ee6)
• Tile: fix border-radius on desktop (5e04164)
• Toast: icon on Promisse Toast was not rendered (#3805) (e50b66f)

• Illustration: add type to consts file (#3815) (224698a), closes #3816

• feat(Wizard)!: add label props (96035c8)

• Alert: add labelClose prop (5dc5d89)
• BadgePrimitive: remove borderColor prop (70a620d)
• Badge: rename type prop (a55dbd2)
• Card: add labelClose prop (71d6cc4)
• Card: icon prop is deprecated (f6ba524)
• Drawer: add labelHide prop (198b1d8)
• ErrorFormTooltip: change border-radius to 6px on responsive (1bbbc00)
• ErrorFormTooltip: change font-size to 14px only (bf09d30)
• ErrorformTooltip: icon size changed to normal (9c1045b)
• InputField: remove size prop (05918ff)
• InputField: set border-radius to large on responsive (a69c792)
• MobileDialogPrimitive: add labelClose prop (1c7ab61)
• Modal: add labelClose prop (c08c245)
• NavigationBar: add openTitle prop (2abe630)
• Pagination: add label props (7b61545)
• Popover: add labelClose prop (0252aa0)
• Popover: add maxHeight prop (b454d7b)
• remove deprecated InputStepper component (ad64d7a)
• remove translation and dictionary components (4816c39)
• Select: remove size prop (a5e13a3)
• SkipNavigation: add label props (90f8e65)
• SkipNavigation: add label props (e5aeb5a)
• Tag: add iconLeft prop (5a55e93)
• tokens: change fontSizeSm to 13px and fontSizeMd to 15px (262104e)
• Tooltip: add labelClose prop (01e9e28)

• Select: size prop was removed. Normal size is now the only option.
• InputField: size prop was removed. Normal size now is the only option.
• Illustration: visual breaking change on ModalFooter. Flex-none is no longer applied after largeMobile.
• Badge: New type subtle is the old default one. New default is the old Inverted
• BadgePrimitive: borderColor prop is no longer accepted
• translations removed, use labelClose for close Button and labelProgress for progress text
• NavigationBar: translation removed, use openTitle with Translate instead
• Modal: translations removed, use labelClose with Translate instead
• Drawer: removed translation, use labelHide prop with Translate instead
• Deprecated InputStepper removed, use Stepper instead
• Card: use labelClose prop to add title for close button
• Breacrumbs: translation removed, use goBackTitle prop with Translate
• Alert: translation removed, use labelClose prop
• SkipNavigation: transaltion removed, use feedbackLabel to add translation for feedback button content
• Popover: removed translation, use labelClose prop instead
• Pagination: translations were removed, use label props instead
• useTranslate, useDictionary, Translate and Dictionary componentes were removed.
• Toast: The createToastPromise function now receives three arguments. Check documentation for further details.

• BadgeListItem: add size prop (#3797) (27501b6)
• icons: update icons from figma (#3799) (d9a6c65)
• icons: update icons from figma (#3807) (239e3b3)

• CountryFlag: add condition to console.warn (7bc2b95)
• Slider: add condition to console.warn (78c59ce)

• AlertButton: padding was not correct when there was an icon (#3778) (e2feb34)
• Coupon: change border color to paletteCloudDark (457efe6)
• InputGroup: fixes problem with long labels (#3779) (2ef2dc1)
• Loading: fix LoadingSpinner size with customSize prop (#3789) (0b4056c)
• ModalFooter: count children properly (#3790) (c982e6c)

• docs: fix onChange type (#3788) (7566138)
• Tabs: add fullWidth prop (#3786) (fef1d07)
• Tabs: add width: 100% to TabPanels (#3793) (a3fd7a9)

• Button: fullWidth prop type was incorrectly set (#3776) (d1b2376)

• CarrierLogo: remove shadow from inlineStacked variation (f06731f)
• Itinerary: type colors were not being correctly applied (cb90cef)
• SegmentedSwitch: add role switch (4b2e5e2)
• Stack: fix gap issue for iOS Safar < 14.1 (#3763) (8fd4fa4)
• Switch: background color was not correct (5a6841b)
• utils: force outline to have only blue color (7170bb7)

• Button: add download prop (a27447c)
• ButtonLink: add download and centered props (6d90b90)
• ButtonPrimitive: add download prop (a1a6d64)
• TextLink: add download prop (618d016)

• Itinerary: incorrect internal type passing Text on cancelled info (#3760) (d945ae7)
• Itinerary: text can now be selected inside ItinerarySegmentDetails (f705780)
• Timeline: correctly align text inside a Modal (#3759) (0acff49)

• icons: update icons from figma (#3757) (22ae41a)
• Itinerary: add actionable bool prop to ItineraryStatus (d58e9ce)

• TabList: remove twiced ObjectProperty from d.ts (6735b60)

Note: Version bump only for package @kiwicom/orbit-components

• Tabs: fix typing issues in .d.ts files (4198d88)

• adjust marginUtility to spacingUtility (e9e2f09)
• icons: fix bank icon id (1e9bec1)
• icons: icon names were changed in Figma (a9c1c10)
• InptuField: remove theme from DOM element (c9e7011)
• ItineraryBadgeList: fix status colors (d921a30)
• Itinerary: only display chevron if Banner is clickable (#3741) (8f2df5f)
• ItinerarySegment: fix incorrect status colors (ebafe7e)
• ItinerarySegmentStop: fix CircleSmall icon (#3746) (8d22436)
• ItineraryStatus: fix incorrect status colors (815721b)
• Modal: border-radius on mobile (#3740) (5d8e08a)
• Modal: fixed mobile header while scrolling (#3753) (967375d)
• Select: remove white bg from container (#3745) (0fc18c8)
• TextLink: remove type and theme props from DOM element (6c573aa)
• Timeline: fix the last bold line in TimelineStep on desktop (#3747) (520d345)

• icons: update icons from figma (#3737) (7b82d6e)
• icons: update icons from figma (#3744) (7c43a44)
• introduce Tabs component (6c7607f)
• Modal: export ModalHeading subcomponent (94010b8)
• Modal: remove margin when there’s no title or description (15f12ac)
• Text: element prop in StyledText now has p as defaultValue (723dd5d)

• icons: ChevronDoubleRight -> ChevronDoubleForward ChevronDoubleLeft -> ChevronDoubleBackward ChevronRight -> ChevronForward ChevronLeft -> ChevronBackward
• marginUtility renamed to spacingUtility
• Modal: When a ModalHeader has no title nor description but has children, no margin is applied by default

• Alert: line-height of elements (3601846)
• Checkbox: disabled color (fc82a93)
• FormLabel: adjust line-height (e505725)
• Grid: fix missing spaceAfter (#3728) (9f1cd25)
• icons: fix calendar-duration icon (#3714) (b07e295)
• Radio: disabled color and cursor (d7f7714)
• SegmentedSwitch: adjust padding on option (9760298)
• Table: fix incorrect color value from paletteInkNormal to paletteInkDark (#3727) (fc5e7d3)
• Text: default margin to 0 after removing unintentionally (ecdcb9a)

• ErrorFormTooltip: add hasTooltip parameter to hook (519f841)
• icons: update icons from figma (#3717) (9eadb46)
• icons: update icons from figma (#3722) (ebf10b0)
• Illustration: add MobileApp2 illustration (#3725) (92e4483)

• Breadcrumbs: make last element always bold (#3699) (a9ab2aa)
• Card: remove additional padding in CardSection (#3696) (826cae2)
• CarrierLogo: correct width when inlineStacked (4bd0bed)
• icons: add prefixes to icon ids (#3698) (d585b3d)
• Popover: click outside was not working correctly (#3702) (eeeeb86)
• StepperStateless: remove size prop from types (71b6190)

• icons: update icons from figma (#3709) (16d4b41)
• InputField: add aria-invalid and aria-describedby (33f4bb6)
• Select: add aria-invalid and aria-describedby (eb49bb4)
• Textarea: add aria-invalid and aria-describedby (05f955a)

• Revert “Add aria-invalid and aria-describedby to form components (#3706)” (a7be870), closes #3706

• Button: export conditional types correctly (#3680) (6aec97f)
• ButtonLink: remove redundant ref type (d483280)
• CalloutBanner: fix tabIndex type (4187abc)
• Card: inconsistent expanded state is now impossible (#3679) (c7d5cd2)
• CarrierLogo: use useRandomIdSeed (#3686) (ba538f8)
• InputField: fix tabIndex type (a11e324)
• InputField: remove redundant ref type (e8bce1e)
• ItinerarySegment: fix incorrect counting of elements (#3687) (6061b95)
• ItinerarySegmentStop: fix date type (3f1b92d)
• Radio: remove redundant ref type (ac51550)
• Select: fix select ref type (0bc368d)
• Select: remove ref type (4b80564)
• Switch: remove redundant ref type (b05f267)
• Tag: remove redundant ref type (fcf00eb)

• Card: add margin utility prop (eddb2fe)
• common: add ObjectPropertUtility type (600f8f9)
• icons: update icons from figma (#3691) (898d44f)
• Illustration: add margin utility prop (581fcb9)
• IllustrationPrimitive: add margin utility prop (8efc6e9)
• Text: add margin utility prop (02b9549)
• utils: add marginUtility (0f880a4)

• Box: wrap property was calculated incorrectly (620812d)
• CardSection: remove focus background style (#3671) (cd11b2c)
• CarrierLogo: use CarrierLogo tokens (89ece90)
• CarrierLogo: use space token after icon size changes (d4408eb)
• Heading: add missing role=‘heading’ for div rendered as Heading (#3666) (caed409)
• Itinerary: render text as div (#3643) (fd5dd46)
• ItinerarySegmentBanner: fix RTL issue (#3659) (6ed2395)
• ItinerarySegment: fix access of hidden prop in the context (#3675) (e18b9dd)
• ItinerarySegmentStop: fix ItineraryIcon (#3669) (6da4c6d)
• Modal: don’t render overlay if is full page (4e31400)
• TextLink: repair broken CSS rule (#3638) (1927ca1)
• Tooltip: background color (#3667) (7819c9b)

• add inlineStacked property to CarrierLogo (#3652) (e30e1c3)
• Button: add centered prop for fullWidth (#3673) (f639b3e)
• Button: add line-height: 1 (#3676) (34130c2)
• Button: add tokens for subtle button (#3658) (2e84139)
• Illustration: add FastBooking illustration (#3672) (3b19cd6)
• InputField: set autoCorrect and autoCapitalize explicitly to off (#3651) (f27912e)
• rename ThemeProvider to OrbitProvider (#3601) (10030dd)
• ServiceLogo: add AirHelpPlus logo (6313ada)
• tokens: change icon sizes according to a new designs (54e515f)

• revert exporting types from index (9e827b4)

• tokens: Visual breaking changes. Icons medium sized now have 20px (24px before), size large 24px (32px before)

• ThemeProvider is now called OrbitProvider. Everything else didn’t change

• docs: create documentation for OrbitProvider

New documentation page for OrbitProvider created.

• Breadcrumbs: element without href is now focusable if it has onClick (b252f72)
• Grid: fix TypeScript type for spaceAfter in Grid (#3623) (70d713b)
• SegmentedSwitch: incorrect defaultChecked prop name (#3618) (e5c8efb)
• Textarea: required prop displays an asterisk (#3617) (1d531a4)
• Timeline: make last successful step text ink colored (#3635) (c5a3f7d)
• Tooltip: add missing onShow for MobileDialog (206a818)

• Breadcrumbs: change focus to native colors (c23dc88)
• CallOutBanner: change focus to native colors (73e2fed)
• Card: change focus to native colors (4f7e209)
• Checkbox: change focus to native colors (6298b19)
• icons: update icons from figma (#3630) (7f524a0)
• InputFile: change focus to native colors (8e5f155)
• InputGroup: change focus to native colors (9770ea8)
• Itinerary: change focus to native colors (052cbe6)
• ListChoice: change focus to native colors (517bd20)
• MobileDialog: add onShow callback (2dee49e)
• Radio: change focus to native colors (e85e76c)
• Seat: change focus to native colors (2b8d8b6)
• SegmentedSwitch: change focus to native colors (f08e9d1)
• Slider: change focus to native colors (793ef00)
• Stepper: change focus to native colors (16e9a75)
• Switch: change focus to native colors (ead846a)
• Tag: change focus to native colors (6189785)
• Textarea: change focus to native colors (19cbd79)
• TextLink: change focus to native colors (9299123)
• Tile: change focus to native colors (14455eb)
• Timeline: add active prop, subLabel and label accept React.Node (ed45cf9)
• Timeline: new component design (99d5094)
• utils: add defaultFocus (f419334)

• Accordion: not expanding (#3606) (61d7f3b)
• LinkList: fix missing direction prop in sc (c04c42a)
• Table: responsive shadow was not correct (#3604) (4feb4c9)

• HorizontalScroll: add arrows to scroll (#3603) (3ec0895)
• LinkList: add legacy prop (553029f)
• Stack: add legacy prop to apply old spacing behaviour (c6096dd)

• HorizontalScroll: fix issue with glitching on mobile while scrolling (#3593) (343d3fc)
• ItineraryBadgeListItem: add margin-top only if cancelledValue provided (0e7745a)
• Skeleton: fix default color from paletteCloudDark to paletteCloudNormal (055d009)
• Stack: keep old behavior, enable gap only if flex or spacing is provided (#3597) (1445684)
• Tooltip: add max-width and render as flex instead of block (#3595) (7b734b0)
• TooltipPrimitive: add handleClick to content (#3594) (b867342)

• PricingTable: remove PricingTable (0a674e4)
• tokens: update palette (#3579) (bf2780b), closes #E8EDF1 #BAC7D5 #697D95 #4F5E71 #252A31

• PricingTable: PricingTable and PricingTableItem were removed. Its implementation was moved to repositories using it.
• tokens: a few design tokens were changed

• FormLabel: use onMouseEnter and onMouseLeave on wrapper (8d5acb1)
• ItinerarySegmentStop: add missing flex shrink (#3581) (75b1f4c)

• Badge: export StyledBadge type (13fe6d3)
• Itinerary: add ItineraryBadgeListItem (2972f97)
• List: export IconContainer and Item subcomponents (72a904d)
• SegmentedSwitch: new SegmentedSwitch component (5d3b538)
• Text: export StyledText type (b18f3fb)
• Tooltip: add onShown prop (b4f152e)
• TooltipPrimitive: add onShown prop (8c21377)

• ItinerarySegmentStop: fix wider background color (2663934)
• ItineraryStatus: fixed height issue and longer translations (901cf71)
• Tile: fix inherited font-weight (#3580) (bdc57de)

• KeyValue: new spacing, direction properties (#3576) (aeeace9)
• Tile: add expanded prop (#3577) (7f97061)

• BadgePrimitive: remove CarrierLogo offset (7738f88)
• HorizontalScroll: fix useScroll hook to support touchevent (7207333)
• ItineraryBadgeList: remove default spaceAfter medium (ea7f3be)
• ItinerarySeparator: fix z-index issue (0dc08b1)

• HorizontalScroll: remove shadow after it reaches end (9168bbe)
• Itinerary: fix icons imports (8373597)

• BadgeListItem: add strikeThrough property (b2cf321)
• Box: add forwardRef (407b244)
• Box: extend elevations (6de92cf)

• Loading: remove padding with customSize (303ed7d)

• Checkbox: change font-weight to medium for label (9202eb7)
• deprecated InputField label z-index (#3559) (f9b67ad)
• Radio: change font-size to medium for label (5fc7bd6)
• useTransition: fix type export (#3560) (fda99a8)

• icons: update icons from figma (c16079a)
• Itinerary: add ItinerarySegmentBanner (#3553) (911fc2a)
• Loading: new customSize prop (#3558) (297f684)

• Checkbox: issue with need to click twice on iOS (#3546) (1bdfa36)
• Checkbox: use ts type for onChange (#3544) (31997be)
• icons: add iconFont false to colored icons (989e5b1)
• icons: fix svg fonts unicodes (262ee6c)
• icons: move colored icons to mobile folder (93169b3)
• Itinerary: render Texts as div (#3541) (3679d91)
• storybook (#3537) (e7680e4)

• icons: add google-play icon (cf20e42)
• ItineraryStatus: add type neutral (#3539) (bc73ba5)
• Itinerary: support multiple banners (#3543) (4994e9e)

• ItineraryIcon: add new icon from figma (#3529) (233e2b7)
• PricingTable: remove max-width (#3533) (6a4c40b)

• icons: update icons from figma (#3528) (a86268a)

• ItineraryIcon: remove background color for first and last icon (6e47687)
• Itinerary: remove opacity on Hidden (ec53d4c)
• ItinerarySegmentDetail: remove border-radius on summary (69d6cde)
• Popover: change zIndex value to 705 because of NavigationBar (#3523) (9a40b57)
• Stepper: change box-shadow to inset (#3438) (8b3bf51)
• Timeline: render subLabel under label on mobile (44d84bc)

• ItinerarySegmentStop: add cancelledDate, cancelledCity, cancelledStation props (69cc839)
• Timeline: add asText property (ca6bd42)

• Itinerary: add radial-gradient to ItineraryIcon (69b11ca)
• Itinerary: remove hover background color (313f533)
• Stepper: minor stepper fixes (#3431) (fe4a4fb)

• add ids to components (#3422) (5036dbf)
• icons: update icons from figma (#3421) (d90f7dd)
• Itinerary: add ItinerarySeparator component (d4c804d)
• ItinerarySegment: add info prop (13a1a20)
• ItinerarySegment: make banner clickable (202de24)
• ItinerarySegmentStop: add support for new HiddenCities (4cac115)
• ItinerarySegmentStop: add support of cancelled time (92c8b64)
• KeyValue: add KeyValue component (#3430) (a9358a9)
• Text: add withBackground property (1852f0b)
• useIntersect: export observer (#3432) (547b41e)

• Revert “fix(useLockScroll): add webkit-scrollbar to prevent layout shift (#3408)” (#3420) (9a72307), closes #3408 #3420

• ButtonPrimitive: contentAlign prop fix (#3405) (936f860)
• Stepper: fix Stepper width on responsive (#3418) (eb1b663)
• Switch: make circle icon to be 8px (#3415) (a0ed184)
• useLockScroll: add webkit-scrollbar to prevent layout shift (#3408) (c9ff813)

• components: stepper visual updates (df86a44)
• deprecate: deprecate InputStepper component (f6d2da9)
• icons: update icons from figma (32c0f24)
• illustration: add AppKiwi illustration (#3416) (6be7363)
• Stepper: remove size prop (49f31ce)

• Stepper: size prop was removed

• icons: colored signal and google (6925af9)

• ButtonPrimitive: prevent appearance css specifity issue (#3394) (e9c2376)
• icons: fix baggage icons (a7844aa)
• icons: fix google icon (03bff2b)
• icons: fix icons content after figma update (#3403) (f2822f9)

• icons: add support for colored icons frame (#3392) (b1ab819)
• Skeleton: add color prop (#3393) (c73eed1)

• icons: fix icons names (#3390) (dea0ed0)

• Dialog: add maxWidth prop (#3386) (8b266dd)

• deprecated: inputGroup margin (#3375) (420c61b)
• Pagination: add missing translation for responsive variant (#3374) (761bc7c)

• icons: add radar icon (e88a3f5)
• Timeline: add direction prop (55192c0)
• Wizard: allow column on desktop (e375ba4)

Note: Version bump only for package @kiwicom/orbit-components

• Button and ButtonLink changes (#3351) (598ac28)
• button and buttonLink to have default browser outline for tab nav (bf8eca2)
• ButtonLink: set productNormalHover and productNormalActive colors for compact secondary (4cb3cf9)
• ErrorFormsTooltip: turn off flip (#3347) (e581554)
• ItinerarySegmentStop: fix SSR issue (#3350) (56b1bc7)
• useLockScrolling: lockScrollingBarGap bug (#3346) (f3a552d)

• tokens: add colorTextButtonLinkSecondaryCompact active and hover tokens (5ddcf2e)

• Icon: fix storybook iconList (#3342) (3009190)
• ItinerarySegment: change line color to paletteCloudNormalActive (#3345) (3dcf147)
• ItinerarySegmentStop: fix paddings and minWidth (#3339) (ead0cf6)
• Skeleton: make pulse animation more visible (#3335) (a02c435)

• Collapse: add customLabel prop (#3331) (436442b)
• SocialButton: add type email and change layout (#3337) (c460b52)

• ErrorFormTooltip: fix overflowing tooltip (#3328) (e57dbea)
• InputField: use line-height token (#3319) (de0f878)
• Toast: desktop width set to initial (#3322) (529c9b1)

• icons: colored-whatsapp icon name (6706b68)

• FormLabel: add missing types (#3310) (b764dbb)
• ItinerarySegmentStop: time, station, city as React.Node (08b7ec5)
• ItineraryStatus: fix icon import (#3312) (d3d9e67)
• ModalFooter: fix padding (#3311) (b4dc950)
• Tag: selected circle color (#3314) (33e8b77)
• Toast: remove min-width for mobile (#3306) (c242c1f)

• icons: android icon (5d05f50)
• icons: dashboard, admin, ai icons (72aedc6)
• icons: social networks icons (b5a537c)
• ItinerarySegment: actionable prop (#3309) (efa18ff)
• ListChoice: action prop (#3313) (bac197f)

• ItinerarySegmentDetail: expandable, only if content is provided (#3303) (d840627)

• Illustrations: add new Chatbot, FareLock illustrations (#3304) (31d5d82)

• Tile: fix tile anchor (#3302) (68c0bfa)

• InputGroup: pass and test forwardRef (c1ef417)
• ItinerarySegmentDetail: fix click event for badges (99305ae)
• List: remove additional spacing (#3299) (be2ac7c)

• HorizontalScroll: add onOverflow prop (ec04d31)

• Alert: fix content line-height (485b67f)
• ChoiceGroup: add forwardRef (3158068)
• Drawer: autofocus close button when opened (39dc39c)
• Drawer: close on ESC (0de54ee)
• Drawer: use focus trap (8291bd3)
• InputGroup: add forwardRef (78ff5f7)

• Popover: remove animation on desktop (1b5d613)

• Card: change chevron icon color to secondary (813c02f)
• Collapse: change icon color to secondary (ccc945b)
• Drawer: new z-index value (df4a571)
• Drawer: use new z-index value (#3292) (b0c5a6d)
• ItinerarySegmentDetail: change chevron to secondary color (8b05f16)
• Select: change icon color to InkLight (4467e53)
• Tag: fix persistant focus (#3287) (286088e)
• Tile: change chevon icon color to secondary (68cb181)
• useScrollLock: return reserveScrollBarGap option (#3286) (118a9cb)

• NavigationBar: add hideOnScroll prop (#3282) (c253f23)

• Alert: visual alert component updates (#3277) (b68b4a2)

• InputField: enable tooltip on hover when disabled (#3274) (cb61420)
• Itinerary: fix overflowing badges (#3275) (e894fce)

• Drawer: add fixedHeader prop (#3269) (a6658a4)

• ItinerarySegmentDetail: fix overflowing badges (5a4bea7)

• Badge: add new bundle type (1c92c62)
• Button: add new bundle type (ad7c435)
• HorizontalScroll: add elevationOverflow and elevationColor props (8c7ce02)

• InputGroup: fix issue with long labels (#3256) (9690e1e)
• useTransition: replace enter API with state (ab239d4)

• add new experimental hook useTransition (#3191) (3758af5)
• icons: add new flash icon (#3260) (574299e)

• ButtonPrimitive: preserve :hover and :active styles (6b67b24)
• ErrorFormTooltip: help closable onBlur (#3246) (9a0c04d)
• Itinerary: truncate possible long texts (#3247) (740c798)
• Popover: ensure rounded bottom corners when actions are defined (f8f6e39)

• Separator: add props indent and align (e8f5bcb)
• SocialButton: add chevron icons (538a28a)

Note: Version bump only for package @kiwicom/orbit-components

• components: fixes after design reviews (#3226) (281bea7)
• ErrorFormTooltip: close icon on top (65b3a0f)
• FormLabel: change color from secondary to info (a1c3e7d)
• InputField: inlineLabel color from secondary to info (0b1b03a)
• Toast: align implementation with type declarations (5d6fdb9)
• Toast: fix infinite loop in unit tests (4fdbe0e), closes /github.com/timolins/react-hot-toast/issues/107#issuecomment-1017213020

• ErrorForms: add helpClosable prop (f5a73cc)
• Tag: add new colors and props (#3232) (a896127)

• Toast: fix message type (#3235) (75c2a5d)

• Illustration: add new illustrations (#3234) (f90da39)
• Layout: accommodate breadcrumbs on booking (cedef08)

• ButtonPrimitive: remove line-height (ea54b4e)
• InputField: fix placeholder type (42a6244)

• Checkbox: fix design discrepancies in border width and radius (24b9af2)
• fix background color for help tooltip in form components (8ce16bd)
• fix tooltip’s padding in form components (c7496c8)
• increase font weight of labels in form components (56fcaeb)
• Itinerary: fix to match design (#3222) (80fa090)
• Radio: lower focus glow amount (2a7012f)

• Toast: introduce toast component (#3216) (8157669)

• remove norefferer from links (#3217) (67353f0)
• Skeleton: set fixed height for Text preset (#3214) (c7a35c5)

• getBreakpointWidth: improve typings through overloading (069cf86)
• Heading: add missing TypeScript definition for StyledHeading (7bdb6e2)
• Heading: temporary fix for viewports being undefined (#3212) (4f3fb8d)
• Tooltip: export interface (#3210) (d393f9a)

• add tracking (#3180) (29d01be)

• useMediaQuery: add a fallback for older browsers (3f51a3c)

• InputField: fix warning caused by the invalid $width attribute (1afc9d2)
• InputStepper: fix type definitions to export InputStepperStateless (36549da)
• update peerDependencies to support both styled-components v4 and v5 (f420ff8)
• useFocusTrap: export from root (1df0f8f)

• Box: support display="list-item" (b42662a)
• export RTL utilities from root as rtl (10f8d1f)

• Badge: add border and carriers props (e538b53)
• BadgePrimitive: add carriers prop (274795c)
• CarrierLogo: add rounded prop (55aaf50)
• Itinerary: init (3a0d40e)
• Text: add font-weight medium (1a361f2)
• Text: add line-through (2a74e2d)

• Box: flex-grow and flex-shrink, allow any number (#3190) (0243bfa)
• Popover: useClickOutside after isLargeMobile (#3189) (02b1487)
• prevent form tooltip from falling off-screen (8c8a0a8)
• SmartPassIllustration: fix double id (ada7a0b)
• WizardStepIcon: fix transient props (#3184) (a560e0f)

• icons: added new icons (#3199) (28f7575)

• Heading: fix error when passing unsupported props (b52bcdb)

Note: Version bump only for package @kiwicom/orbit-components

• remove uneccessary condition (#3181) (e79baab)

• useMediaQuery: optimize, support custom breakpoints, and make it work without context (8a734fd)

• Wizard: close after click on WizardStep in compact (#3176) (247e7ae)

• missing storybook provider (#3173) (4967fb7)
• useToggle: make typings reflect initial param is optional (95821c5)

• CountryFlag: set “undefined” as default code (#3100) (3e841c5)
• refactor and properly initialize media queries (#3138) (b566699), closes #3149

• TooltipPrimitive: use Popper instead of custom logic (#3129) (0e2271f)

• TooltipPrimitive: replace props preferredAlign and preferredPosition with placement, and add new props noFlip and offset.
• CountryFlag: The default code for CountryFlag is now "undefined" rather than "anywhere", a gray flag with a question mark. This code is also used if the given code isn’t supported.
• media queries in useMediaQuery are now being properly initialized, in useEffect rather than directly in render, which should prevent some cryptic bugs, but there is a tiny chance that it will break code for those who have been relying on previous behavior, so it’s important to be aware of this change.

• cloneWithTooltip: wrong type declaration (52c2418)

• InputField: add width prop (2a2fe0f)
• InputFile: add width prop (70d1d39)
• InputStepper: add width prop (c479f41)
• Select: add width prop (865d690)
• TextLink: add active and focus colors (3df1647)

• bring back missing icon Flow declarations (9c0dcac)
• ErrorForms: fix font-size (#3151) (323c480)
• useLockScrolling: support nested scroll locks (#3149) (8215c85)

• add new icon: deals v2 (08edbf9)

• Revert “feat: export Theme type from root (#3125)” (c0754d9), closes #3125

• ModalHeader: remove margins from title (e9ae04d)

• export Theme type from root (#3125) (0531faa)

• Box: fix width and height types (#3145) (c60308a)
• Modal: improve accessibility and testability (#3143) (c4c7bcb)

• useRandomId: fix missing UIDReset (d2e0ec8)

• Heading: add align prop (#3141) (7dcf2bf)
• Heading: add mediaQuery properties (#3135) (1ecaf64)

• Skeleton: fix default height (cc02dd3)

• Card: set description Text default as div (#3132) (df60e73)
• Skeleton: default as single rect (#3134) (9e0bf27)

• storybook: logo url (#3127) (455ded0)
• remove unnecessary declare module statements (#3124) (32805a8)
• InputField: label before tags (c25ba7a)
• Popover: transform and transition (33f73ad)
• Popover: ts type definition (1e61a81)

• Skeleton: allow string values for height and width (43f51bb)
• add component structure component (8cacce0)
• export useRandomId and useRandomIdSeed from root (cf4dd14)
• export useTheme hook from root (a622f6d)

• Icon: explicitly set expected display (5babd1a)
• useLockScrolling: ensure that scroll is locked by default (bb2da46)

• Alert: properly style links in Alert (8d3fff5)

• InputField: remove aria-labelledby when label is provided (#3103) (724163b)

• Popover: replace calculate logic with popper.js (#3046) (9b4852d)
• delete deprecated components (#3084) (ee75f02)

• error forms (#2350) (480d565)
• update colour palette (#3095) (acddb14), closes #BAC7D5 #697D95 #4F5E71

• Popover:

  • props preferredPosition and preferredAlign are replaced by single prop placement, which same as popper.js’s placement can have one of the following values:

    • "top-start"
    • "top-end"
    • "bottom-start"
    • "bottom-end"
    • "right-start"
    • "right-end"
    • "left-start"
    • "left-end"
    • "auto"
    • "auto-start"
    • "auto-end"

  • extended by two props:

    • noFlip: Turns off automatic flipping of the Popover when there is not enough space
    • allowOverflow: Allows the Popover to be cut off instead of moving it while scrolling to keep it visible.

• deletes deprecated components, their usage should be replaced with better existing or upcoming alternatives.

• Skeleton: introduce Skeleton component (#3071) (6a3cf3d)
• useLockScrolling: allow specifying additional dependencies (aac39f0)
• add lockScrolling theme flag (abfe92c)

• Badge: add border to type white (#3085) (70264ee)
• CountryFlag: disallow code value null (481b36c)
• Drawer: fix iOS bug with scrolling content (92827ab)
• Modal: fix bug with detached footer (#3093) (d552b78)
• add missing TS definitions in ESM build (90ec51a)
• use @kiwicom/orbit-design-tokens’s ESM build (a85a521)

• new SSR-friendly useRandomId hook (#3055) (1220d8f)
• Illustration: add EVisa image (#3091) (23d0ecd)

• CountryFlag: Flow and TypeScript type definitions no longer allow null as value for CountryFlag’s code.

• useLockScrolling: fix body positioning on iOS (b780fde)

• Drawer: add lockScrolling (#3072) (bdc4e58)
• InputGroup: add disabled prop (61a7f01)

• Wizard: add lockScrolling prop (#3070) (38b6456)

• Modal: hide closeContainer with mobileHeader set to false (#3065) (78c1a55)

• ButtonLink: use proper design tokens (#3060) (2e035be)
• InputField: value color in Safari (#3062) (2c12957)

• Modal: add mobileHeader prop (#3063) (61065ef)

• ChoiceGroup: use correct box sizing (68c2303)
• InputField: add aria-required (7d7f5ef)

• Text: allow justify value for align prop (#3050) (c7704b2)
• add lockScrolling prop (#3045) (461139d)
• lock scrolling in components with overlay (#3036) (b6c87ae)
• Grid: add spaceAfter utility prop (#3043) (c65ba9a)
• InputFile: add aria-required (ef47042)
• TextLink: add type “white” (#3000) (6a101f1)

• CarrierLogo: redirects (#2972) (59287d9)
• Wizard: increase clickable area of steps (#2988) (1c55aaa)

• ChoiceGroup: increase rendering flexibility (#2983) (9c2625b)

• HorizontalScroll: getSnap (9823909)

• CarrierLogo: add kiwicom type fallback (#2959) (041d8d6)
• Dialog: add insidePortal prop (dbe7785)
• HorizontalScroll: add scroll-snap-type (#2964) (837685d)
• Illustration: add GroundTransport404 (#2966) (24771e2)
• MobileDialog: add insidePortal prop (3b55af6)
• Modal: add disableAnimation prop (306455b)
• Popover: add insidePortal prop (14d126f)
• TextLink: add status types (#2915) (970edc7)
• Tooltip: add insidePortal prop (fa127e8)
• TooltipPrimitive: add insidePortal prop (4cb5dde)
• introduce BadgeList component (#2937) (b2b68ec)

• ButtonLink: pass size prop to icons (#2938) (0184785)
• HorizontalScroll: remove automatic height calculation for wrapper (#2936) (0880483)
• MobileDialog: change to dialog role (9895ac7)
• popover: close on overlay (e2cef68)
• pass aria-labelledby for switch labels (#2935) (1b10e4c)

• Modal: revert CLS changes (b1d00b4)

• BaggageStepper: forgotten prop (#2931) (6797d73)
• Modal: reduce Cumulative Layout Shift (2108956)

• Popover: fix bug with Tooltip inside Popover on mobile (75d8fa4)

• BaggageStepper: init (#2922) (0c9c546)
• HorizontalScroll component (#2917) (d5e5929)
• introduce Switch component (7517675)

• Button: pass forgotten size prop to utility functions (8b97281)
• ButtonPrimitive: remove redundant size property (#2847) (bec9180)
• examples: strip flow types from the generated JSONs (#2913) (49f36fd)
• SocialButton: add forgotten size property to getCommomProps (a950d6d)

• add TypeScript definition of getTokens (267109a)
• add typescript export of defaultTheme (1047b61)
• export SeatLegend (576027f)
• update React peer dependency versions (#2898) (b841f2d)
• Breadcrumbs: missing action in default story (#2884) (683bd86)
• docs: escape pipe in Alert button props table (f50485f)
• useBoundingRect: fix TypeScript declaration (#2875) (371b30d)

• add export of calculateCountOf (6ac26ff)
• docs: update guidance on notification badges (f5b0da7)

• useBoundingRect: In TypeScript useBoundingRect now requires a type parameter based on which HTML element it measures:

function App() {
  const [dimensions, ref] = useBoundingRect<HTMLDivElement>();
  return <div ref={ref} />;
}

• add default export for Icon stories (#2864) (2e9d2c7)
• docs: add exports for types (3acc31e)
• docs: change null to 0 (9eca6cd)
• docs: remove improper token in enum (4ab6b23)
• TextLink: called twice when stopPropagation specified (#2857) (4fc78dc)
• TypeScript: fix root mediaQueries export (32a70a6)

• eslint-plugin-orbit: useRtl rule (#2833) (ecb3fd6)
• update baggage related icons (#2851) (fb118c9)
• playground: examples (#2808) (6f495cf)
• export useMediaQuery hook from root (1048599)

• Renamed icons BaggageChecked -> BaggageChecked30; BaggagePersonalItem -> BaggagePersonal; BaggagePersonalItemNone -> BaggagePersonalNone

Added new icons:

• BaggageChecked10
• BaggageChecked20

Renamed icons:

• BaggageChecked -> BaggageChecked30
• BaggagePersonalItem -> BaggagePersonal
• BaggagePersonalItemNone -> BaggagePersonalNone

Updated icons:

• PriorityBorading
• BaggageCheckedNone
• BaggageCabin
• BaggageCabinNone

• ci: deploy storybook only, not build (#2830) (f287d1e)
• docs: misnamed prop for Box (#2825) (4e98bd9)
• InputFile: ref ts type (#2827) (1341d57)
• SkipLink: missing export (#2794) (eff2c6d)
• useMediaQuery: remove listeners on cleanup (#2822) (eb92419)
• Wizard: remove incorrect React.ReactChildren (#2829) (3f6b803)

• fix script for fetching translations (#2817) (df3633e)
• Accordion: missing export (#2797) (020f2f3)
• ButtonMobileStore: missing ts export (f82f8cd)
• CalloutBanner: illustration type (#2791) (3b752e3)
• Radio: missing tooltip type in d.ts (4ce4b4e)
• SocialButton: missing export (#2793) (df1f288)
• SocialButton: missing ts export (2806aca)
• Timeline: type property inside d.ts (#2792) (b07f49c)
• validateIncrement: fix wrong type (#2796) (bafe8b5)
• missing Desktop and Mobile exports (033e111)

• Tooltip: add block prop (#2813) (0f032a8)

• Box: regression test error (#2807) (2f2478e)
• InputStepper: missing font-family (#2748) (8ccebe7)
• Seat: add export for SeatLegend and fix TS type of “type” prop (#2788) (9fea5af)
• useIntersect: remove unnecessary SSR check (0b440e6)
• useIntersect: simplify ref type (573eba0)
• utils: getDirection (#2782) (01be059)

• Modal: autofocus (#2749) (7318569)
• slide: added static defaultProps inside class (e344e61)
• slide: added transitionDuration support (7e5cf6a)
• slide: fixed eslint issues (d0bd068)
• slide: using defaultProps instead of destruct value (140f896)
• Slide: added transitionDuration support (#2751) (e7b5c72)

• Popover: readme (07aecf2)
• Seat: active state, spacing (#2734) (d59187f)

• use postinstall script only in development (05cecc4)

• InputTags: fix cleanup logic (7d66ff8)
• PictureCard: label semantic (#2713) (0c454e0)
• Seat: small selected state (#2715) (8426630)
• useIntersect: do nothing in browsers that don’t support IntersectionObserver (99d3772)
• useMediaQuery: fix Rules of Hooks violation (6146505)

• eslint-orbit: add unique-ids rule (#2671) (b6a1057)
• Seat: new icon sizes, general refactoring (a86cd07)

• Seat: separated component for legend, changed icon sizes

• unescaped readmes (#2687) (d33b47b)
• Seat: blueDark change to blueNormal (#2685) (516e8ef)

• Seat: visual fixes (#2678) (a60c333)

• Accordion: missing onExpand ts (4a64429)
• Card: missing titleAs in d.ts (#2666) (0f60daa)
• IllustrationPrimitive: allow empty alt (1c9e3d7)
• Tag: focus only if onClick/onRemove provided (41a163a)

• Tag: add forwardRef (4445cbb)
• Tag: Icon prop removed, changed colors (4b918c0)

• seat: randomize id to prevent namespace errors (114e38f)

• deprecate old Seat component (99001b0)
• box: add minWidth (e325c19)
• CountryFlag: add “undefined” flag (#2654) (fa5fe66)

• Box: fix null values (eacb181)
• Box: set padding/marging to 0 if none (f5eee37)
• CardSection: title and icon alignment (#2618) (3d2b795)
• Modal: ensure header overlay if title exists (#2634) (bf2a8e0)
• Wizard: translate close button (#2630) (25d351b)

• popover: offset (#2633) (ea71b64)
• seat: new version of seat component (#2623) (e091345)
• TableCell: add normal white-space (#2637) (4bc34ed)

• Box: missing box-sizing (#2616) (51246ca)
• CardSection: missing hover (#2615) (d62d192)

• CardSection: add onClick (#2614) (074ded0)

• Box: apply largeMobile properties (#2612) (e55c88e)
• Button: change color of outline on focus (#2611) (e2b0384)
• InputFile: a11y fixes (be39d80)
• Tag: add missing aria-label (26789fb)
• Tile: missing a11y attributes (3959338)

• add widthModalExtraLarge token (#2592) (5213c49)
• Sticky: add data-test (e01e6d2)

• SkipLink: sr-only styles, label as aria-label (eb0d625)
• SmartPassIllustration: linergradients missing ids restored (93fd176)
• Wizard: translate progress label on mobile (#2576) (cf6fc54)

• Modal: extended size (#2575) (9de69e9)

• Modal: size prop is changed, added new value CODEMODE: jscodeshift -t https://raw.githubusercontent.com/kiwicom/orbit/master/packages/orbit-components/transforms/Modal-size.js <pathToYourCode> --parser=flow|t

• Accordion: allow any children type in Flow (#2552) (1f7e37d)
• Popover: popover bottom position issue (#2540) (4b251ad)
• SmartPassIllustration: change smartPass api, to reduce bundle size (#2529) (761d3f3)

• Textarea: add required prop (#2532) (904a78f)

• SmartPassIllustration: API of SmartPassIllustation has changed

• Modal: expose modalBody and modalContent (500cf6b)

• Modal: add scrollingElementRef prop (0cf4f7e)
• SmartPassIllustration: added v5 image (#2519) (f718651)

• expose getScrollPosition in Modal (#2528) (ecd5b9f)

• RTL: fix Flow types of utilities (#2520) (d696b4c), closes #2331

• InputStepper: added readonly prop (#2495) (74fee3f)

• Popover: a11y issues (45dbbdf)
• Timeline: make subLabel optional (#2505) (8cb77f0)
• Tooltip: only call preventDefault on mobile (#2502) (f73940b), closes #2230

• SmartPassIllustration component (#2504) (4c8ba9c)

• Layout: use the correct tags for columns (#2487) (f092fa9)
• ListChoice: disabled items should not get focus (#2474) (08eb9c4)
• Modal: lost focus on user interaction (#2484) (ef3e4f9)

• Select: added readOnly prop (#2493) (2b06b27)
• Textarea: added readOnly prop (#2494) (d33c396)

• Accordion: Accordion sticky footer story (#2483) (09127f8)
• Inline: add around and between (#2476) (554e536)

• Button: div behave like button, a11y (#2426) (93cc601)

• Modal: expose setScrollPosition via forwardRef (#2472) (3f30a63)
• Modal: fix TypeScript definition for ref (#2479) (86c5c7e)

• Inline: add inner wrapper for negative margin (#2469) (efd7ab2)

• Stack: change spacing value TS types (#2468) (f572b4c)

• InputFile: forward onFocus event handler (#2461) (92ad4da)
• SkipNavigation: fix typos in stories (#2414) (b380a1c)
• Stack: add forgotten interface export (#2456) (a85d20a)
• Tooltip: do not propagate the onClick event on mobile when stopPropagate is set to true (#2438) (00467c5)
• remove //flow from *.d.ts (5a57884)
• CountryFlag stop exporting getCountryProps (#2436) (e001aabe)
• ButtonPrimitive correctly forward ref (#2418) (cf4c4f33)

• introduce Box component (#2242) (226bec7)
• introduce Inline component (#2255) (ef00500)
• AlertButton: set small as default size for alert button (#2391) (1a6d0be)
• Stack: change spacing value names (#2457) (6a9363b), closes #2451

• Stack: Renaming spacing values of Stack component and LinkList component – that was using Stack internally.

Also dropped support of different spacings between mobile and desktop version. It no longer make sense from design point of view.

• AlertButton: Removed size property from AlertButton since only the small size should be used and from now, it’s the default value. No actions should be necessary. If you used different than small size, just remove the usage of the property. Co-authored-by: Luděk Vepřek [email protected]

• Timeline: IE fixes (#2370) (e2d1953)
• Tooltip: missing MobileDialog data-test (#2382) (00bf878)

• Eslint: add rules for enforcing readOnly types on TS/Flow (#2331) (26d13b5)
• ListChoice: add disabled boolean property (#2355) (4f135e5)
• Loki: skip code blocks (#2389) (9d4c7d1), closes #2346
• orbit: transitions defaults to on (#2372) (d2338e3)
• TextLink: add standAlone, noUnderline & iconRight, rename icon to iconLeft (#2373) (76959c86)
  • for renaming icon to iconRight there’s a codemod available, see https://github.com/kiwicom/orbit/pull/2380#issuecomment-713441576

• TextLink: ariaCurrent should in optional in TS definition (#2365) (09857f7)

• Grid: add width property (#2356) (ee8943e)

• add padding to InputField text suffix (#2338) (6b77021)
• Breadcrumbs: add check for absence of props on mobile (#2259) (7bd4ab3)
• Breadcrumbs: spacing from 8 to 4 (#2311) (b51bd21)
• ButtonPrimitive: align text to right in RTL (f26c45e)
• Docs: primitives default (dd91c4f)
• Hide: span to div (#2277) (3bcc1bb)
• ModalSection: margin-top (#2340) (4a7def0)
• Slide: initialize max-height to work SSR (#2339) (ff7dce8)
• fix InputGroup/LayoutColumn TS typing (#2326) (de52968)
• move collapsable aria labels to the focusable button (#2319) (ad8708b)
• Tile: fix newWindow icon on external (#2264) (4ea9639)

• Accordion: added Accordion component (#2280) (9d24499)
• add Wizard component (99229b1)
• ButtonPrimitive: add support for aria-current (d26067b)
• Illustration: added image to images.kiwi (#2312) (6652782)
• InputField: adding a autofocus attribute (#2236) (3ebec2e)
• Modal: add prop to remove the close button (d96f46d)
• TextLink: add support for aria-current (9e0b3e2)
• Timeline: init component (#2287) (9447edf)
• Tooltip: refactoring Tooltip into 2 separate components (#2230) (df3b3be)
• add an agnostic entry point for icons (#2237) (597d1ec)

• Layout: width of Card on mobile (#2181) (8daca18)
• updating TypeScript definitions to match Flow (#2202) (d476c2f)
• Docs: internal github links (#2182) (da12261)
• Table: updating default align and removing unnecessary vertical-align options (#2204) (0bfe9ae)
• Tooltip: enable event bubbling for disabled children (#2201) (5f26d88)
• update docs and icons link for monorepo (#2200) (27f4974)