Changelog

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

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

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

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

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

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

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

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

• Stepper: size prop was removed

• icons: colored signal and google (6925af9)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• HorizontalScroll: add onOverflow prop (ec04d31)

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

• Popover: remove animation on desktop (1b5d613)

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

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

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

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

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

• ItinerarySegmentDetail: fix overflowing badges (5a4bea7)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• add tracking (#3180) (29d01be)

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

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

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

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

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

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

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

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

• remove uneccessary condition (#3181) (e79baab)

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

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

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

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

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

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

• cloneWithTooltip: wrong type declaration (52c2418)

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

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

• add new icon: deals v2 (08edbf9)

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

• ModalHeader: remove margins from title (e9ae04d)

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

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

• useRandomId: fix missing UIDReset (d2e0ec8)

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

• Skeleton: fix default height (cc02dd3)

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

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

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

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

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

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

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

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

• Popover:

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

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

  • extended by two props:

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

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

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

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

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

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

• useLockScrolling: fix body positioning on iOS (b780fde)

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

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

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

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

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

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

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

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

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

• HorizontalScroll: getSnap (9823909)

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

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

• Modal: revert CLS changes (b1d00b4)

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

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

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

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

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

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

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

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

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

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

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

Added new icons:

• BaggageChecked10
• BaggageChecked20

Renamed icons:

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

Updated icons:

• PriorityBorading
• BaggageCheckedNone
• BaggageCabin
• BaggageCabinNone

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

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

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

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

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

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

• use postinstall script only in development (05cecc4)

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

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

• Seat: separated component for legend, changed icon sizes

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• SmartPassIllustration: API of SmartPassIllustation has changed

• Modal: expose modalBody and modalContent (500cf6b)

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

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

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

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

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

• SmartPassIllustration component (#2504) (4c8ba9c)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• build script to include data dir in compilation (#1025) (a71ab3d)