Changelog

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

• Checkbox: hover styles were not correct (871825f)
• Radio: disabled style was incorrect (b33121d)

• icons: update icons from figma (46debcd)
• icons: update icons from figma (506b8a1)
• NavigationBar: add bottomStyle prop with shadow as default (e38078a)
• ServiceLogo: add AirHelpNew (ba05de0)

• Checkbox: add defaultSelected prop and uncontrolled behavior (b4e6f66)
• Checkbox: deprecate readOnly prop. Use disabled instead (1101cf2)
• deprecate leftand right rtl utils functions (5b97a63)
• LinkList: add useMargin prop and deprecate legacy (3ac05de)
• Radio: add defaultSelected prop and uncontrolled behavior (221a5a0)
• Radio: deprecate readOnly prop. Use disabled instead (e9327f4)
• replace react-popper by floating-ui (de07d43)
• Stack: add useMargin prop and deprecate legacy (4202c01)

• Accordion: spacing with no actions was wrong (255b322)

• icons: add X icon (21a8cba)
• icons: remove ColoredTwitter icon (d039f15)
• icons: remove Twitter icon (879cb0c)
• SocialButton: replace twitter type by X (dbeca13)

• SocialButton: SocialButton’s type prop no longer accepts “twitter”. “X” type is now accepted.
• icons: Twitter icon was removed. X icon should be used instead.
• icons: The ColoredTwitter icon was removed. Use the Twitter icon instead.

• Alert: displayed icons for some types were incorrect (b86b3a6)
• ButtonPrimitive: make button text non-selectable (baa1777)
• Checkbox: make checkmark icon always visible for checked state (3faa9b8)
• FormLabel: ensure correct color (21a1ae2)
• Tabs: ensure correct color when not active (3a5bcd1)

• icons: update icons from figma (82b651f)

• ErrorFormTooltip: align text and close button (aa0f4fa)

• Box: add new value for borderRadius 200 prop (09a409e)
• icons: update icons from figma (e7e27d5)

• InputSelect: ensure consistent options when titles are repeated (6eb0d75)

• add shadow transformations to codemod (5779fcf)
• Box: add new values for borderRadius prop and deprecate others (3afe158)
• Box: add new values for elevation prop and deprecate others (6102a6d)
• Box: add new values to margin and padding props, and deprecate old ones (5b3b418)
• create codemod for new tokens and tailwind classes (643dcc5)
• Heading: add title0 type (1f79dd7)
• HorizontalScroll: add new values to spacing prop and deprecate old ones (8cb2d2e)
• icons: add 3 new seat light icons (67cd7a8)
• Inline: add new values to spacing prop and deprecate old ones (cb8d86d)
• LinkList: add new values to spacing prop and deprecate old ones (0a60262)
• Separator: add new values to sideOffset prop and deprecate old ones (008317b)
• Stack: add new values to spacing prop and deprecate old ones (a2a207a)
• Tabs: add new values to spacing prop and deprecate old ones (528aa68)

• Heading: type="title1" should be replaced by type="title0" to avoid visual breaking change.

• Alert: adjust styles when closable is true and inlineActions is set (2a9e765)

• icons: add MenuCircle icon (5427052)

• InputField: adjust styles when readOnly is true (af858b2)
• InputSelect: adjust styles and functionality when readOnly is true (f84e257)
• SegmentedSwitch: fix border radius in RTL (f10068c)
• Tag: fix padding for iconLeft on RTL (e901a03)

• SegmentedSwitch: use blue normal text when selected (e7f9158)

• TextLink: add support for data and aria attributes (b22b858)

• icons: update twitter icon to ‘X’ design (52ae537)

• ButtonLink: handle hover state on mobile (f1820c7)

• icons: update icons from figma (4f5f6c2)
• update minimum tailwindcss version to 3.4.4 (e5a34ca)

• Icon: remove defaultProps in favour of default values (4448925)

• Itinerary: add onExpand and onCollapse props to ItinerarySegment (df0c31b)

• Itinerary: add type check for key prop in ItinerarySegmentDetail (fbce4aa)
• ItinerarySegmentStop: simplify useWidth to only keep max value (5a95105)

• icons: update icons from figma (cf12467)

• Checkbox: prevent changes on readOnly (7d16638)

• icons: update icons from figma (57833af)

• Radio: update component visually to match latest Figma (4ff0c15)

• ItinerarySegment: ensure text wraps instead of being truncated (1cddf73)

• icons: update icons from figma (3e5821d)
• ServiceLogo: add Simtex logo (1de2603)

• Itinerary: clickable area is now more accurate (1c50583)

• ServiceLogo: add GetYourGuideLong logo (ace0a71)

• InputSelect: it now filters options when they change via props (681634a)

• 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)