Changelog

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

• Dialog: set aria-labelledby and aria-describedby values correctly (f7ec6be)

• Checkbox: add aria controls and describedby props (adbf938)
• InputField: change font size to 16px (28bdc81)
• OrbitProvider: remove useId prop (a44c58a)
• Textarea: change font size to 16px (ac5cfe2)
• upgrade to React 18.3 (3264c98)

• OrbitProvider: OrbitProvider no longer accepts useId prop. React.useId is used automatically.
• version 18.3 of React is now required for Orbit package.

• BadgeList: remove margin values, set default spacing (eb77d62)
• List: remove margin values, set default spacing (fed92d3)

• Dialog: fix prop type import (968f870)

• Button: remove invalid className prop type (48a61b8)
• CountryFlag: role and alt attributes are now correct (ca27afd)
• Dialog: component now respects reduced motion preferences (5524f78)
• Dialog: it now focuses the first element automatically (e0fa849)
• InputGroup: display focus indicator on child elements only (f77fb94)
• SocialButton: reverse chevron icon for RTL (30412ee)

• Box: add ariaLabel prop to improve accessibility (a75c05a)
• Box: add new navBar elevation type (4ac42f3)
• Breadcrumbs: add ariaLabel to improve accessibility (ff11e79)
• Checkbox: remove tooltip prop (e2758f6)
• ChoiceGroup: refactor component for improved accessibility (fe8ae8c)
• Dialog: add titleAs prop (b5416dc)
• Dialog: add triggerRef prop (0f86381)
• InputField: add ariaDescribedby prop (af324c5)
• InputFile: add required labelRemove prop (d3072fc)
• InputGroup: add ariaLabel and ariaLabelledby props (07329e0)
• InputGroup: refactor component for better accessibility (992e835)
• InputSelect: add required labelRemove prop (0c2b43c)
• List: add spacing prop (da27e6b)
• NavigationBar: refactor component for improved accessibility (27886c9)
• NavigationBar: remove ariaLabel prop (d1f51f6)
• NavigationBar: replace shadow-fixed with shadow-navbar (7ee42dd)
• Radio: remove tooltip prop (3c6eaa3)
• Select: add ariaDescribedby prop (fdad002)
• Skeleton: refactor component for improved accessibility (840e044)
• SocialButton: refactor component for improved accessibility (528e7a3)
• Stack: add ariaLabel prop to improve accessibility (76277b1)
• Stepper: add ariaDescribedby prop and rename ariaLabelledBy to improve a11y (cca86fb)
• StepperStateless: add ariaDescribedby and rename ariaLabelledBy prop to improve a11y (019514a)
• Tabs: add ariaLabel and ariaLabelledby to improve accessibility (152a0f7)
• update to node 22 (023bb1e)
• useFocusTrap: add triggeredDefault prop (904c07d)

• InputSelect: The InputSelect component now has a required labelRemove prop.
• InputFile: The InputFile component now has a required labelRemove prop.
• Tabs: TabList component no longer sets the default aria-label value. You can provide the value via ariaLabel or ariaLabelledby prop.
• version 22 of Node.js is now required for this package.
• Checkbox: Checkbox component no longer supports tooltip prop. This use case is no longer valid in Orbit.
• Radio: Radio component no longer supports tooltip prop. This use case is no longer valid in Orbit.
• Stepper: Prop ariaLabelledBy was changed to ariaLabelledby in the Stepper component.
• StepperStateless: Prop ariaLabelledBy was changed to ariaLabelledby in the StepperStateless component.
• NavigationBar: AriaLabel prop was removed from the NavigationBar component. Aria-label attribute should be set on the children passed to the NavigationBar.
• Skeleton: title prop in Skeleton component no longer have default value.

• ButtonPrimitive: loading glyph is hidden from screen readers (cf82360)
• InputField: min and max attrs only apply on type number (47ebf2a)
• Tab: add id attribute, polish outline when focus (33a2845)
• TabPanel: add role and aria-labelledby attributes (4b73fa9)

• AirportIllustration: add role prop to improve accessibility (8a1dedb)
• BadgeList: add aria labels to list and icons (f5470af)
• BadgeList: add spacing prop (34f1336)
• ErrorFormTooltip: remove helpClosable prop (c0b7ef6)
• Illustration: add role prop to improve accessibility (31325bd)
• IllustrationPrimitive: add role prop to improve accessibility (a2afb8b)
• InputField: remove helpClosable prop (2526c13)
• InputFile: remove helpClosable prop (e21f46a)
• InputGroup: remove helpClosable prop (4a4b529)
• InputSelect: label prop now only accepts string (a392ea9)
• InputSelect: refactor component for improved accessibility (48b5a86)
• InputSelect: remove helpClosable prop (695f452)
• Loading: add ariaHidden prop (3436f97)
• SegmentedSwitch: add ariaLabel and ariaLabelledby props (a24ecd3)
• SegmentedSwitch: label prop now only accepts string (1c0a31a)
• SegmentedSwitch: refactor component for improved accessibility (967c9fa)
• Select: remove helpClosable prop (0509852)
• Textarea: remove helpClosable prop (81fb46b)
• Timeline: improve component accessibility (3c0a212)

• InputSelect: The label prop in InputSelect only accepts string. It no longer accepts any React element. Make sure to replace translation components by strings.
• SegmentedSwitch: The label prop in SegmentedSwitch only accepts string. It no longer accepts any React element. Make sure to replace translation components by strings.
• Textarea: The Textarea component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• Select: The Select component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• InputSelect: The InputSelect component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• InputGroup: The InputGroup component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• InputFile: The InputFile component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• InputField: The InputField component no longer accepts the helpClosable prop, since the help tooltip no longer renders the Close button.
• ErrorFormTooltip: The ErrorFormTooltip no longer renders the Close button as tooltip can not contain interactive elements.

• Seat: display as div when non-clickable (58a5d9e)
• Tooltip: display focus indicator when focused (e1a80d7)
• Tooltip: set aria-describedby only when shown (7c20a49)

• AirportIllustration: set empty string for alt when a value is not provided (156abc2)
• icons: update icons from figma (fe658b7)
• Illustration: add PriceChange illustration (123ef30)
• Tag: improve the accessibility of the Tag component (dcecbcc)

• Drawer: data-test was not applied on drawer (644e2cd)

• InputField: remove tooltip icon when label is null (44baebb)

• Card: titles now render as DIV by default (f44908a)
• ChoiceGroup: aria-labelledby was incorrectly set without label (11997ea)
• ChoiceGroup: the label now renders as a div by default (72e0b4c)
• Collapse: not render empty button if label is empty (16f957b)
• Drawer: onClose was being called even when not shown (cd5a14c)
• InputField: render label element once, show block tooltip icon (f5d10cf)
• Textarea: remove duplicate label content for better accessibility (48cc721)
• Textarea: set mouse events only when tooltip is present (187fcad)

• Accordion: add ariaControls prop to improve a11y (a39180f)
• Accordion: remove default Open button (e8b5c8e)
• Alert: require labelClose when closable is true (1ae0845)
• ButtonMobileStore: add title prop (9287100)
• ButtonMobileStore: make alt prop required (6f423ba)
• Card: refactor component for improved accessibility (a9b21b3)
• CarrierLogo: add ariaHidden prop (62fcac5)
• Collapse: add required expandButtonLabel and collapseButtonLabel props (ae6154e)
• Collapse: label prop now only accepts string (867a61f)
• Drawer: add ariaLabel prop (7ca1211)
• Drawer: refactor component for improved accessibility (00f5d80)
• Drawer: title prop now only accepts string (4c988dc)
• icons: update icons from figma (77a0059)
• InputField: add ariaLabelledby prop to improve the accessibility (ab88ee9)
• InputField: remove duplicated VoiceOver content to improve a11y (8bbf728)
• ListChoice: refactor component for improved accessibility (f80e710)
• Textarea: add ariaLabel and ariaLabelledby attributes (2b36bad)
• Toast: the createToast function now accepts ariaProps (329fe14)

• icons: some icon names were changed. Refer to the migration guide for a complete list of changes.
• ButtonMobileStore: Because of accessibility, the alt prop is now required on the ButtonMobileStore component. This will be used as the alt attribute of the image. Make sure the passed value is properly translated.
• Collapse: the label prop in Collapse only accepts string. It no longer accepts any React element. Make sure to replace translation components by strings.
• Collapse: Collapse now requires two new props: collapseButtonLabel & expandButtonLabel They are used as accessible labels to the button that toggles the collapsed content
• Drawer: the title prop in Drawer only accepts string. It no longer accepts any React element. Make sure to replace translation components by strings.
• Accordion: The Accordion component no longer renders an Open button by default. If it is needed, you should pass it via actions prop.
• Alert: Alert component now requires labelClose prop if closable is enabled. This will be converted into button aria-label attribute, make sure the passed value is properly translated.

• Table: allow scope prop only for table header (6910869)
• Table: make scrollable area focusable (2cfdf1e)

• Itinerary: ref can now be passed to ItinerarySegmentBanner (f861483)
• Itinerary: refactor component for improved accessibility (77360b8)
• Popover: add role prop (7d0f7c6)
• Popover: refactor component for improved accessibility (879fe71)
• Slide: stopClickPropagation bool prop is now accepted (a29c362)

• Badge: add missing status role (2eb62e8)
• Badge: remove ununsed border prop (f1d010d)
• Heading: fix uppercase text transform in h5 and h6 (144bf6e)
• HorizontalScroll: make scrollable area focusable (140d96d)
• Modal: first focusable element now focus automatically (ff991d2)

• HorizontalScroll: add aria-label to arrow buttons (f3aa20a)
• Loading: add asComponent and title props to improve the accessibility (15fe8dc)
• Modal: add ariaLabel, ariaLabelledby and ariaDescribedby (45ce1e6)
• Modal: add triggerRef prop to restore focus after close (52c664f)
• Modal: labelClose prop is now required when onClose is defined (ef7f010)
• Modal: remove autoFocus prop (069ad4f)

• Modal: the labelClose prop no longer has a default value. It is now required whenever onClose is defined and hasCloseButton is not explicitly set to false (default value is true).
• Modal: The modal now focuses the first focusable element by default. Therefore, the autoFocus prop is no longer needed
• Badge: The Bagde component removed its border prop as it was never utilized in the codebase. Migration steps are to remove this prop from your Badge components, no visual change will occur.
• HorizontalScroll: HorizontalScroll component now requires arrowLeftAriaLabel and arrowRightArialLabel props if you have the arrows prop enabled. These will be converted into button aria-label attributes, make sure the passed value is properly translated.

• Select: remove duplicate label content for better accessibility (b3d9dcd)

• icons: update icons from figma (b84a40c)
• Select: add ariaLabelledby attribute (c0275a2)

• Tile: heading level is no longer enforced in TileHeader (b8c0f81)

• Revert “feat(Card): refactor component for improved accessibility” (f81b569)

• Popover: popover content closes on ESC key press (868a501)

• Stepper: add ariaLabel, ariaLabelledBy props (137e5b0)
• StepperStateless: add ariaLabel, ariaLabelledBy props (741087e)
• Switch: add aria-label and aria-controls props (332114b)

• Accordion: inherit border-radius to prevent overflow (3675529)
• Accordion: make SectionFooter’s border radius 3px (8ff85ba)
• Accordion: restore white background (d2d5638)
• Modal: ensure Modal has rounded bottom corners on larger viewports (92a01ef)
• OrbitProvider: some whitelabel tokens were not being applied correctly (d1f5682)

• Card: refactor component for improved accessibility (a693640)
• NavigationBar: allow for transparent background when at the top of the screen (df64db1)

• NavigationBar: adjust padding size for mobile (4c47213)
• Separator: ensure label is centered vertically and horizontally (3a1ea96)

• Collapse: set a11y attributes and props (20cce9b)

• InputGroup: propagate the label prop as an aria-label attribute to child components (f051373)
• Separator: ensure width doesn’t collapse to 0 in flex containers (9c4e6b2)

• Box: remove deprecated borderRadius values (6d76a67)
• Box: remove deprecated elevation values (6ff4962)
• Box: remove deprecated spacing values (50f080e)
• CountryFlag: add role prop for accessibility customization (96d57b0)
• ErrorFormTooltip: remove inputSize prop (032b223)
• HorizontalScroll: remove deprecated spacing values (b1913ce)
• Icon: rename UserSingle to UserSingleLight (e4d0abc)
• icons: update icons from figma (98a83e8)
• Inline: remove deprecated spacing values (e1c2c33)
• InputField: add ariaLabel prop (1bf0bb9)
• InputGroup: remove unused size prop (3382797)
• LinkList: remove deprecated spacing values (b436acb)
• remove deprecated left and right util functions (68bb285)
• rename exported breakpoint tokens in mediaQuery util (3bdabb4)
• Select: add ariaLabel prop (7a81bed)
• Separator: remove deprecated spacing values (c48162a)
• Stack: remove deprecated spacing values (7c01c8b)
• Tabs: remove deprecated spacing values (c2198a5)

• these functions were deprecated and are now removed.
• tokens no longer start with widthBreakpoint-. They’re now simply breakpoint-
• Stack: deprecated spacing prop values were removed.
• Tabs: deprecated spacing prop values were removed.
• HorizontalScroll: deprecated spacing prop values were removed.
• Separator: deprecated sideOffset prop values were removed.
• Inline: deprecated spacing prop values were removed.
• LinkList: deprecated spacing prop values were removed.
• Box: deprecated margin and padding prop values were removed.
• Box: deprecated borderRadius prop values were removed.
• Box: deprecated elevation prop values were removed.
• Icon: UserSingle icon is now named UserSingleLight, with no visual changes
• ErrorFormTooltip: This prop was effectless and it is no longer available.
• InputGroup: This prop was effectless and now is no longer meant to be used.

• TooltipPrimitive: tooltip now closes on pressing ESC key (d7243e5)

• AccordionSection: add expandOnTileClick for mobile-first (160ba28)
• NavigationBar: add ariaLabel prop (934d5d5)
• Popover: add ariaLabel, ariaLabelledby props and focus state (e815138)

• Accordion: remove white background for Header and Footer (29957bc)
• HorizontalScroll: adjust arrows visibility when component is overflowing (1d998e9)

• TooltipPrimitive: remove redundant role attribute (0322d91)

• Separator: add label prop (09ea7fe)

• Seat: id was not being applied to SeatLegend (cebf4c6)

• Checkbox: remove readOnly prop (47706f1)
• Heading: add role and level conditional props (995ceca)
• Radio: remove readOnly prop (6d6b95c)
• Seat: add aria-labelledby string prop (1483f4c)
• Seat: change type of label and price props to string (cee5c2a)
• SeatLegend: add aria-label string prop (3f7da74)
• Seat: remove default values from title and description props (290bf21)

• Seat: label and price props now only accept string. They no longer accept ReactNode
• Seat: title and description props no longer have default values. They can be manually set with text to be announced by screen readers.
• Checkbox: readOnly prop no longer available. Use disabled instead.
• Radio: readOnly prop no longer available. Use disabled instead.

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