Changelog

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

• 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 weprous@gmail.com

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

• Hooks: useIntersect (#2091) (dd65d65)
• Icons: add double chevron icons (#2190) (f0ce1f9)

• Layout: width of Card on mobile (#2228) (09a5429)

• Pricingtable: rendering of wrapped mobile child (#2094) (5713e76)
• popover memory leak (#2095) (9a9a890)
• types: adjust Breadcrumbs, Tile, Button type declarations and exports (#2096) (b6cdc68)
• types: adjust typescript types for heading and textarea (#2093) (0fcd753)

• fix!(Popover): actions on mobile are no longer hidden (#2040) (1a71008), closes #2040
• feat!(PricingTable): adding option to display radio buttons on desktop (#2076) (8d1fee4), closes #2076

• IllustrationPrimitive: defaulting flex shrink to false (#2036) (0a867f1)
• InputStepper, Stepper: callbacks triggered when disabled (#2050) (81ed35b)
• Layout: edge to edge behavior of deprecated Card (#2049) (637f677)
• ListChoice: set role to checkbox when selectable is true (#2062) (70d1625)
• Rtl: flow definition of destructured assigment (#2077) (6dd89e2)
• Typescript: updating definitions (#2083) (b1fc89f)

• Breadcrumbs: add backHref prop (#2048) (58e0493)
• ButtonMobileStore: adding light variants (#2059) (d534554)
• Modal: adding extraSmall size option (#2078) (17fa9ae)
• SocialButton: adding twitter type (#2057) (cb1c97d)

• adding a padding-top to Actions causing it to potentially collide with some wrappers with padding which might be in place
• activeElement no longer passes active to children

• Breadcrumbs: unification of style from figma (#2032) (8c8868d)
• extend type of tabIndex to allow numbers (#2029) (96c1a7b)
• InputStepper: onChange is triggered when disabled (#2024) (387806c)
• Layout: inner usage of Card – edge to edge behavior (#2025) (3d475f3)

• Buttons: adding rel attribute (#2028) (df8507e)

• Breadcrumbs: unnecessary optional event (#1959) (d4034a7)
• Select: customValueText interpolation (#1957) (f528d0c)
• SocialButton: inner content align (#1983) (2b57e3a)
• UseMediaQuery: remove unnecessary debounce (#1982) (bc73651)

• ButtonPrimitive: fallback to text-align (#1946) (bd7f59f)
• Portal: state init on SSR (#1954) (1f43f7a)
• tests folder names (#1940) (9bd091c)

• Breadcrumbs: add mobile back button onClick (#1944) (2bb09e0)

• ButtonGroup: mobile border radius (#1934) (08316d1)
• Portal: usage with Tooltip (#1935) (67e88d6)
• Tag: onRemove now shows close button (#1931) (0156b7f)

• ButtonLink: inline type and compact property, remove transparent (#1912) (8e2f128)
• ButtonPrimitive: adding responsive visual style behaviour (#1911) (06a8622)
• Dialog: change spacing between title and description (#1922) (7718db7)
• FormElements: adding mobile border radius (#1915) (3a3c227)
• General: adding display name to react contexts (#1936) (c1a0da4)
• MediaQuery: adding prefersReducedMotion (#1921) (dd807cb)
• Portal: refactor to hooks (#1923) (04ad886)
• Stack: add baseline to align options (#1930) (eecc296)
• TextLink: change focus state to non underlined text (#1914) (e2bb67d)

• InputStepper: removing native arrows on Firefox (#1889) (2c61e3b)
• MediaQuery: spread type (#1899) (c78ab3f)

• InputField: adding onSelect, onMouseUp, onMouseDown (#1883) (8ce9435)
• PictureCard: Add src attribute (#1544) (5a17c0b)
• Table: adding striped on Table. Scope and as on TableCell (#1881) (5d49cfd)
• TableCell: adding white-space and vertical align options (#1910) (5380443)

• defaultTheme global declaration and references of themeType (#1876) (6e1e60e)

• InputStepper: improve TypeScript definition (#1865) (86915f3)
• Typescript: defaultTheme, missing instance (#1873) (d7e62cf)

• AlertButton: missing export in entry file (#1848) (1e4336a)
• Breadcrumbs: render in RTL (#1836) (a427b70)
• ButtonPrimitive: interactive states when disabled (#1846) (5de0ad3)
• FormElements: adding aria polite to errors (#1840) (14196cc)
• ModalHeader: illustration type to Node (#1829) (8775caa)
• Table: min-height on table (#1823) (c116c27)

• Icons: adding colorPicker icon (#1841) (b79fbe6)
• Modal: illustration size (#1830) (3bf4fac)
• Pagination: not hiding buttons at the end/start of the list (#1843) (67e867a)
• ServiceLogo: new Maestro and MasterCard short variants (#1847) (a4fae80)
• TypeScript: adding type definitions (#1504) (a2ea0ec)

• ButtonPrimitive: disabled render to DOM element (#1813) (0147810)

• Button: missing white type in flow definition (#1806) (153b158)

• adding extraSmall size to illustrations (#1800) (7987772)
• introduce useBoundingRect hook (#1771) (ba9597b)
• moving separated type of List to PricingTable only (#1801) (93629b5)
• rename element property to as (#1273) (91ff946)
• Buttons: introduce SocialButton (#1803) (ac41d60)
• Drawer: title alignment (#1790) (5fb4708)
• SkipLink: Rename description to buttonLabel on SkipLink (#1686) (99e4017)
• Table: adding new type and footer (#1788) (075d9f3)
• introduce global onlyIE media query selector (#1772) (1b48f6b)

• feat(Buttons)!: Introduce ButtonPrimitive, implementing planned breaking changes (#1522) (ca4a641), closes #1522

• types of asComponent (#1787) (a80b468)
• Card: font-size of title in section header (#1776) (a2e3a52)

• Shifting small size to extraSmall
• removes a separated type from List
• SkipLink: renaming description prop
• Buttons: Removing info, success, warning, facebook, google types from Button. Removing bordered property from Button.
• removing unsafe className (deprecated, not public API) removing icon property (deprecated) changing type of width to string (planned)

• Compass: broken svg definition for icon font (#1759) (f8e7b72)
• Tooltip: calculation upon change in the wrapped element (#1761) (e7b5474)

• ChoiceGroup: updating the filter color from product color (#1757) (e1ad6f2)
• adding new ButtonMobileStore component (#1756) (223c846)
• Alert: changing the alignment of description (#1758) (fff86ca)

• Tooltip: with clickable element should close on mobile (#1752) (3af61f8)

• Hide: omit rendering of on property (#1740) (e343317)
• InputField: Tag alignment (#1744) (133f718)
• modal: border radius of close container on desktop (#1726) (fc3b4aa)
• Modal: click ability under CloseContainer (#1739) (2368987)
• radar: SVG definition (#1728) (843d1bd)
• Tooltip: should close when clicked on clickable element (#1742) (a4e226e)

• Checkbox,Radio: Updating visual style (#1737) (8ff47d7)
• Adding commitlint and husky (#1730) (e96446e)
• card: new titleAs property (#1729) (fa50675)
• icons: New Radar icon (#1725) (93e14fc)
• Tile: change padding to large for desktop breakpoint (#1732) (ce9b531)

• FormElements: native design sync (#1743) (f351e46)

• Select: Add optional key to Option (#1708) (f824d4a)
• Tile: introduce noHeaderIcon property (#1710) (0183561)

• Tile: Adding htmlTitle attribute (#1691) (a1628ba)

• Breadcrumbs: add correct html5 structured microdata for breadcrumbs (#1666) (692b3f5)
• tooltip: usage of TextLink in content (#1680) (139a787)

• servicelogo: Add Booking and RentalCars logos (#1682) (fb94862)
• Tag: Update visual style (#1573) (e363406)
• theme: Added transitions property (#1668) (e8f86e6)

• button: circled not being perfect circle with small children (#1654) (280905d)
• button: Fix flow type of the button export (#1663) (4c07ca0)
• pictureCard: Enabling heiight to be smaller than 200 (#1660) (633fbe5)
• popover: Border radius on desktop and close button padding (#1658) (50b2a24)
• popover: Opening with onKeyDown event (#1657) (ea27780)
• popover: RTL calculation (#1653) (8572fea)

• dictionary: add index.js export of all languages (#1650) (83f5a9d)
• illustrations: Add optional alt property (#1656) (4a60dfd)
• modal: Change title size to title2 on mobile (5ab25f2)

• popover: position calculations (#1647) (6c0fcad)

• components: PictureCard href (#1536) (4866b9e)