{"data":{"allComponentMetadata":{"totalCount":403,"nodes":[{"displayName":"Theme","props":[]},{"displayName":"Menu","props":[]},{"displayName":"Pagination","props":[]},{"displayName":"FourOhFor","props":[]},{"displayName":"Home","props":[]},{"displayName":"Activities","props":[]},{"displayName":"AmendmentFill","props":[]},{"displayName":"AvatarBoy","props":[]},{"displayName":"AvatarGirl","props":[]},{"displayName":"AvatarInfant","props":[]},{"displayName":"AvatarMan","props":[]},{"displayName":"AvatarWoman","props":[]},{"displayName":"Baggage","props":[]},{"displayName":"Calendar","props":[]},{"displayName":"CheckBoxFill","props":[]},{"displayName":"Call","props":[]},{"displayName":"Camera","props":[]},{"displayName":"CheckboxCircle","props":[]},{"displayName":"CheckBoxOutline","props":[]},{"displayName":"CircleOutline","props":[]},{"displayName":"CircleSelected","props":[]},{"displayName":"CleartripLogo","props":[]},{"displayName":"Clock","props":[]},{"displayName":"ColdDrinks","props":[]},{"displayName":"Cross","props":[]},{"displayName":"CrossFill","props":[]},{"displayName":"DigitLogo","props":[]},{"displayName":"DistanceFlag","props":[]},{"displayName":"CrossOutline","props":[]},{"displayName":"DownArrow","props":[]},{"displayName":"DownChevron","props":[]},{"displayName":"Discount","props":[]},{"displayName":"DownChevronFill","props":[]},{"displayName":"Download","props":[]},{"displayName":"DownChevronOutline","props":[]},{"displayName":"Email","props":[]},{"displayName":"EmergencyCash","props":[]},{"displayName":"Experience","props":[]},{"displayName":"Expressway","props":[]},{"displayName":"ExtraLegroom","props":[]},{"displayName":"FareAlert","props":[]},{"displayName":"FPH","props":[]},{"displayName":"FlightTransfer","props":[]},{"displayName":"Flights","props":[]},{"displayName":"Holidays","props":[]},{"displayName":"Home","props":[]},{"displayName":"HotDrinks","props":[]},{"displayName":"Info","props":[]},{"displayName":"Hotels","props":[]},{"displayName":"InterchangeDestinations","props":[]},{"displayName":"Invoice","props":[]},{"displayName":"LeftArrow","props":[]},{"displayName":"LeftChevron","props":[]},{"displayName":"LeftChevronFill","props":[]},{"displayName":"Location","props":[]},{"displayName":"LeftChevronOutline","props":[]},{"displayName":"Lock","props":[]},{"displayName":"LongLayover","props":[]},{"displayName":"Meals","props":[]},{"displayName":"MealsFill","props":[]},{"displayName":"Minus","props":[]},{"displayName":"MoreOptions","props":[]},{"displayName":"NoBaggage","props":[]},{"displayName":"MultipleAirlines","props":[]},{"displayName":"NoImage","props":[]},{"displayName":"NoMeals","props":[]},{"displayName":"NoRefund","props":[]},{"displayName":"NonVegMeals","props":[]},{"displayName":"PaybackLogo","props":[]},{"displayName":"PaperlessClaim","props":[]},{"displayName":"Plus","props":[]},{"displayName":"Picture","props":[]},{"displayName":"PlusFill","props":[]},{"displayName":"PlusThreeBaggage","props":[]},{"displayName":"PlusOutline","props":[]},{"displayName":"PlusOneBaggage","props":[]},{"displayName":"PlusTwoBaggage","props":[]},{"displayName":"Profile","props":[]},{"displayName":"RadioButtonFill","props":[]},{"displayName":"Print","props":[]},{"displayName":"PriceDrop","props":[]},{"displayName":"RightArrow","props":[]},{"displayName":"RadioButtonOutline","props":[]},{"displayName":"RightChevronFill","props":[]},{"displayName":"RightChevron","props":[]},{"displayName":"Service","props":[]},{"displayName":"RightChevronOutline","props":[]},{"displayName":"Settings","props":[]},{"displayName":"ShortLayover","props":[]},{"displayName":"Sms","props":[]},{"displayName":"Snacks","props":[]},{"displayName":"Star","props":[]},{"displayName":"Support","props":[]},{"displayName":"TaEmpty","props":[]},{"displayName":"TaLogo","props":[]},{"displayName":"TaFull","props":[]},{"displayName":"TaHalf","props":[]},{"displayName":"TickFill","props":[]},{"displayName":"TickOutline","props":[]},{"displayName":"Tick","props":[]},{"displayName":"Train","props":[]},{"displayName":"Unlock","props":[]},{"displayName":"Travellers","props":[]},{"displayName":"UpArrow","props":[]},{"displayName":"UpChevronFill","props":[]},{"displayName":"UpChevron","props":[]},{"displayName":"UpChevronOutline","props":[]},{"displayName":"UploadFailedFill","props":[]},{"displayName":"UploadFill","props":[]},{"displayName":"VegMeals","props":[]},{"displayName":"Visa","props":[]},{"displayName":"Wallet","props":[]},{"displayName":"WalletFill","props":[]},{"displayName":"WindowSeat","props":[]},{"displayName":"Voucher","props":[]},{"displayName":"Home","props":[]},{"displayName":"Layout","props":[{"name":"children","type":{"name":"node","value":null},"required":true,"defaultValue":null,"description":{"text":""}}]},{"displayName":"Cell","props":[]},{"displayName":"Footer","props":[]},{"displayName":"Container","props":[]},{"displayName":"Header","props":[]},{"displayName":"IconMap","props":[]},{"displayName":"Icon","props":[{"name":"icon","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => { }"},"description":{"text":""}},{"name":"className","type":null,"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"IconList","props":[]},{"displayName":"Container","props":[]},{"displayName":"Wrapper","props":[]},{"displayName":"IconItem","props":[]},{"displayName":"Frame","props":[]},{"displayName":"Image","props":[]},{"displayName":"Zoom","props":[]},{"displayName":"Jumbotron","props":[]},{"displayName":"LogoList","props":[]},{"displayName":"Live","props":[]},{"displayName":"Table","props":[]},{"displayName":"Playground","props":[]},{"displayName":"Table","props":[]},{"displayName":"PropTable","props":[]},{"displayName":"Name","props":[]},{"displayName":"Output","props":[]},{"displayName":"Reference","props":[]},{"displayName":"Property","props":[]},{"displayName":"Text","props":[]},{"displayName":"Code","props":[]},{"displayName":"Preview","props":[]},{"displayName":"Sandbox","props":[{"name":"theme","type":null,"required":false,"defaultValue":{"value":"'dark'"},"description":{"text":""}}]},{"displayName":"Text","props":[]},{"displayName":"Swatch","props":[{"name":"className","type":{"name":"union","value":[{"name":"string"}]},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"width","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'100%'"},"description":{"text":""}},{"name":"height","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'120px'"},"description":{"text":""}}]},{"displayName":"Box","props":[]},{"displayName":"Swatches","props":[{"name":"name","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"color","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"dark","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}}]},{"displayName":"Table","props":[]},{"displayName":"TRow","props":[]},{"displayName":"TCol","props":[]},{"displayName":"Collapse","props":[]},{"displayName":"Fade","props":[{"name":"pose","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Badge.stories","props":[]},{"displayName":"Badge","props":[{"name":"children","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":"The text of the button"}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Classes to be added to the badge component"}},{"name":"size","type":{"name":"enum","value":[{"value":"'lg'","computed":false},{"value":"'md'","computed":false},{"value":"'sm'","computed":false}]},"required":false,"defaultValue":{"value":"'md'"},"description":{"text":"These values modify the size of the component"}},{"name":"type","type":{"name":"enum","value":[{"value":"'primary'","computed":false},{"value":"'light'","computed":false},{"value":"'dark'","computed":false},{"value":"'secondary'","computed":false},{"value":"'success'","computed":false},{"value":"'warning'","computed":false},{"value":"'error'","computed":false}]},"required":false,"defaultValue":{"value":"'dark'"},"description":{"text":"Changes the appearance of the component"}},{"name":"outline","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Enables outline mode"}}]},{"displayName":"Breadcrumb","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Crumbs","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"label","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'Home'"},"description":{"text":""}},{"name":"url","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Breadcrumb.stories","props":[]},{"displayName":"Button.stories","props":[]},{"displayName":"Button","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Additional classes to be added to the component"}},{"name":"type","type":{"name":"enum","value":[{"value":"'primary'","computed":false},{"value":"'secondary'","computed":false}]},"required":false,"defaultValue":{"value":"'primary'"},"description":{"text":"Changes the appearance of the component"}},{"name":"size","type":{"name":"enum","value":[{"value":"'sm'","computed":false},{"value":"'md'","computed":false},{"value":"'lg'","computed":false}]},"required":false,"defaultValue":{"value":"'md'"},"description":{"text":"These values modify the size of the component"}},{"name":"disabled","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"This disables the button"}},{"name":"busy","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"This disables the button and shows a custom text"}},{"name":"outline","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Changes the appearance to an outline"}},{"name":"appearance","type":{"name":"enum","value":[{"value":"'dark'","computed":false},{"value":"'light'","computed":false}]},"required":false,"defaultValue":{"value":"'light'"},"description":{"text":"Changes the appearance to dark/light mode"}},{"name":"full","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Makes the button full width"}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":"Handles onclick function"}}]},{"displayName":"Callout","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Classes to be added appended to the wrapping element"}},{"name":"label","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'Note'"},"description":{"text":"Optional label to prepend to children"}},{"name":"variant","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'default'"},"description":{"text":"Determines type of Callout."}},{"name":"children","type":{"name":"node","value":null},"required":true,"defaultValue":null,"description":{"text":"Next to be rendered in the callout"}},{"name":"wrap","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Wrap text to next line"}}]},{"displayName":"Callout.stories","props":[]},{"displayName":"Card.stories","props":[]},{"displayName":"Card","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Counter.stories","props":[]},{"displayName":"Counter","props":[{"name":"minValue","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Minimum count of the counter"}},{"name":"maxValue","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"10"},"description":{"text":"Maximum count of the counter"}},{"name":"value","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"1"},"description":{"text":"Starting value of the counter"}},{"name":"handleSize","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"24"},"description":{"text":"handle size of counter"}},{"name":"onIncrement","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":"Function called on increment click"}},{"name":"onDecrement","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => { }"},"description":{"text":"Function called on decrement click"}}]},{"displayName":"Divider","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to the wrapping object"}},{"name":"text","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Optional text to be shown on the divider"}}]},{"displayName":"Divider.stories","props":[]},{"displayName":"Checkbox","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"children","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"disabled","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"wrapperClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"PropTypes.string"},"description":{"text":""}}]},{"displayName":"DateField","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to the wrapping element"}},{"name":"hasError","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Boolean to indicate an error state"}},{"name":"wrapperClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Classes for internal wrapper"}},{"name":"size","type":{"name":"enum","value":[{"value":"'sm'","computed":false},{"value":"'md'","computed":false}]},"required":false,"defaultValue":{"value":"'md'"},"description":{"text":"Size of the input filed"}},{"name":"type","type":null,"required":false,"defaultValue":{"value":"'text'"},"description":{"text":""}}]},{"displayName":"Field","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to the wrapping element"}},{"name":"type","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'text'"},"description":{"text":"Html type of the input text/number/email etc."}},{"name":"hasError","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Boolean to indicate an error state"}},{"name":"iconleft","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":"Icon string to append to the right of the field"}},{"name":"iconright","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":"Icon string to append to the left of the field"}},{"name":"wrapperClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Classes for internal wrapper"}},{"name":"size","type":{"name":"enum","value":[{"value":"'sm'","computed":false},{"value":"'md'","computed":false},{"value":"'lg'","computed":false}]},"required":false,"defaultValue":{"value":"'md'"},"description":{"text":"Size of the input filed"}},{"name":"dateField","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Date input field variant"}}]},{"displayName":"Label","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"for","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"PropTypes.string"},"description":{"text":""}}]},{"displayName":"Radio","props":[{"name":"children","type":{"name":"node","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"\""},"description":{"text":""}},{"name":"color","type":{"name":"enum","value":[{"value":"'light'","computed":false},{"value":"'primary'","computed":false},{"value":"'secondary'","computed":false},{"value":"'success'","computed":false},{"value":"'warning'","computed":false}]},"required":false,"defaultValue":{"value":"\"secondary\""},"description":{"text":""}},{"name":"disabled","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"size","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"16"},"description":{"text":""}},{"name":"wrapperClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"\""},"description":{"text":""}}]},{"displayName":"Select","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Textarea","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Additional classes to be added to the component"}},{"name":"height","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"160"},"description":{"text":"Height of the textarea"}},{"name":"hasError","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Boolean to indicate an error state"}}]},{"displayName":"Form.stories","props":[]},{"displayName":"Col","props":[{"name":"span","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}},{"name":"offest","type":{"name":"number","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"sm","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}},{"name":"md","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}},{"name":"xs","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}}]},{"displayName":"Container","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"Row","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}}]},{"displayName":"IconMap","props":[]},{"displayName":"Icon","props":[{"name":"icon","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"width","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'24'"},"description":{"text":""}},{"name":"height","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'24'"},"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":""}}]},{"displayName":"Placeholder","props":[{"name":"height","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"iconWidth","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"iconHeight","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"text","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"width","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}}]},{"displayName":"Image.stories","props":[]},{"displayName":"Image","props":[{"name":"alt","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"caption","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":""}},{"name":"placeHolderIconHeight","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false,"defaultValue":{"value":"40"},"description":{"text":""}},{"name":"placeHolderIconWidth","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false,"defaultValue":{"value":"40"},"description":{"text":""}},{"name":"placeHolderText","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"shimmer","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"true"},"description":{"text":""}},{"name":"src","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"height","type":{"name":"number","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"width","type":{"name":"number","value":null},"required":true,"defaultValue":null,"description":{"text":""}}]},{"displayName":"Dots","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to thw wrapping element"}},{"name":"color","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'#6e7278'"},"description":{"text":"Color of the dots"}},{"name":"height","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"8"},"description":{"text":"Height of individual dots"}},{"name":"width","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"8"},"description":{"text":"Width of individual dots"}}]},{"displayName":"Spinner","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to thw wrapping element"}},{"name":"color","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'#6e7278'"},"description":{"text":"Color of the dots"}},{"name":"height","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"40"},"description":{"text":"Height of the spinner"}},{"name":"width","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"40"},"description":{"text":"Width of the spinner"}}]},{"displayName":"Loaders.stories","props":[]},{"displayName":"Modal","props":[{"name":"children","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"\""},"description":{"text":"Content of the modal"}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"\""},"description":{"text":"Classes to be added to the modal component"}},{"name":"open","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Modify open/close state of the modal"}},{"name":"overlayClassName","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":"Changes the styles of modal overlay"}},{"name":"onClose","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"()=> {}"},"description":{"text":"Closes the modal"}}]},{"displayName":"ModalHeader","props":[]},{"displayName":"Overlay","props":[]},{"displayName":"NavItem","props":[{"name":"children","type":{"name":"node","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"active","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => { }"},"description":{"text":""}}]},{"displayName":"Offer","props":[{"name":"text","type":{"name":"string","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"offerUrl","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"variant","type":{"name":"enum","value":[{"value":"'default'","computed":false},{"value":"'icon'","computed":false},{"value":"'mega'","computed":false}]},"required":false,"defaultValue":{"value":"'default'"},"description":{"text":""}},{"name":"size","type":{"name":"enum","value":[{"value":"'sm'","computed":false},{"value":"'md'","computed":false},{"value":"'lg'","computed":false}]},"required":false,"defaultValue":{"value":"'lg'"},"description":{"text":""}},{"name":"cta","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}},{"name":"paraTruncateWidth","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"744"},"description":{"text":""}}]},{"displayName":"Modal.stories","props":[]},{"displayName":"Nav.stories","props":[]},{"displayName":"NavList","props":[{"name":"children","type":{"name":"node","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":null,"description":{"text":""}},{"name":"onClick","type":null,"required":false,"defaultValue":{"value":"() => { }"},"description":{"text":""}}]},{"displayName":"Offer.stories","props":[]},{"displayName":"Rating","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to the wrapping element"}},{"name":"rating","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"3"},"description":{"text":"Actual rating received"}},{"name":"total","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"5"},"description":{"text":"Maximum rating possible"}},{"name":"size","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"15"},"description":{"text":"Size of the stars"}},{"name":"activeColor","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'#fec22d'"},"description":{"text":"Color of the received stars"}},{"name":"emptyColor","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'#e2e2e2'"},"description":{"text":"Default color of all stars"}}]},{"displayName":"Rating.stories","props":[]},{"displayName":"ReadMore","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Class to be appended to the wrapping element"}},{"name":"labelText","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'Read more'"},"description":{"text":"Text appended after the ellipsis"}},{"name":"charLength","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"100"},"description":{"text":"Number of characters to truncate after"}},{"name":"children","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Text to be truncated"}},{"name":"as","type":{"name":"enum","value":[{"value":"'p'","computed":false},{"value":"'h1'","computed":false},{"value":"'h2'","computed":false},{"value":"'h3'","computed":false},{"value":"'h4'","computed":false},{"value":"'h5'","computed":false},{"value":"'h6'","computed":false},{"value":"'li'","computed":false},{"value":"'div'","computed":false},{"value":"'span'","computed":false}]},"required":false,"defaultValue":{"value":"'div'"},"description":{"text":"Element to wrapped the passed text"}}]},{"displayName":"Readmore.stories","props":[]},{"displayName":"Repeat","props":[{"name":"times","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"5"},"description":{"text":""}}]},{"displayName":"Stencil","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Additional classes to be added to the component"}},{"name":"children","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":"Any content to put inside of the stencil"}},{"name":"height","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'100'"},"description":{"text":"Height of the stencil"}},{"name":"width","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'100'"},"description":{"text":"Width of the stencil"}},{"name":"type","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'block'"},"description":{"text":"Either a block or inline"}},{"name":"shimmer","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Adds a shimmer to the placeholders"}},{"name":"dark","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"Invert colors of stencil for dark backgrounds"}}]},{"displayName":"Stencil.stories","props":[]},{"displayName":"Margin","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"m","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"mx","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"my","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}}]},{"displayName":"Padding","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"p","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"px","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"py","type":{"name":"union","value":[{"name":"bool"},{"name":"number"}]},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}}]},{"displayName":"Spacer","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Additional classes to be added to the component"}},{"name":"m","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin to be added to all sides."}},{"name":"mt","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin to be added to top."}},{"name":"mb","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin to be added to bottom."}},{"name":"ml","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin to be added to left."}},{"name":"mr","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin to be added to right."}},{"name":"mx","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin only added to the x axis."}},{"name":"my","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"0"},"description":{"text":"Margin only added to the y axis."}}]},{"displayName":"Switch","props":[{"name":"isOn","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"handleToggle","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => { }"},"description":{"text":""}},{"name":"size","type":{"name":"enum","value":[{"value":"\"sm\"","computed":false},{"value":"\"md\"","computed":false},{"value":"\"lg\"","computed":false}]},"required":false,"defaultValue":{"value":"\"md\""},"description":{"text":""}},{"name":"activeColor","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"#06D6A0\""},"description":{"text":""}},{"name":"inactiveColor","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"#808080\""},"description":{"text":""}},{"name":"knobColor","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"\"#ffffff\""},"description":{"text":""}}]},{"displayName":"Switch.stories","props":[]},{"displayName":"Toast.stories","props":[]},{"displayName":"Toast","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"error","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"ctaText","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"message","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"closeBtn","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"true"},"description":{"text":""}},{"name":"onClose","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":""}}]},{"displayName":"Tooltip","props":[{"name":"width","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"'100%'"},"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"children","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"content","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"size","type":{"name":"enum","value":[{"value":"'sm'","computed":false},{"value":"'md'","computed":false}]},"required":false,"defaultValue":{"value":"'md'"},"description":{"text":""}}]},{"displayName":"Tooltip.stories","props":[]},{"displayName":"Tripadvisor.stories","props":[]},{"displayName":"TripAdvisorRating","props":[{"name":"rating","type":{"name":"number","value":null},"required":true,"defaultValue":null,"description":{"text":""}},{"name":"logo","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"true"},"description":{"text":""}},{"name":"taLogoSize","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"20"},"description":{"text":""}},{"name":"reviewLogoSize","type":{"name":"number","value":null},"required":false,"defaultValue":{"value":"17"},"description":{"text":""}}]},{"displayName":"Truncate.stories","props":[]},{"displayName":"Truncate","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":"Classes to be added to the component"}},{"name":"width","type":{"name":"union","value":[{"name":"string"},{"name":"number"}]},"required":false,"defaultValue":{"value":"'100%'"},"description":{"text":"Width at which to truncate text"}},{"name":"children","type":{"name":"node","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":"Text to be truncated"}},{"name":"as","type":{"name":"enum","value":[{"value":"'p'","computed":false},{"value":"'h1'","computed":false},{"value":"'h2'","computed":false},{"value":"'h3'","computed":false},{"value":"'h4'","computed":false},{"value":"'h5'","computed":false},{"value":"'h6'","computed":false},{"value":"'li'","computed":false},{"value":"'div'","computed":false},{"value":"'span'","computed":false}]},"required":false,"defaultValue":{"value":"'p'"},"description":{"text":"Element to be wrapped around text"}}]},{"displayName":"Viewmore.stories","props":[]},{"displayName":"ViewMore","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"null"},"description":{"text":"Class to be appended to the wrapping element"}},{"name":"expanded","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":"By default expanded will be false - represents its state"}},{"name":"as","type":{"name":"enum","value":[{"value":"'p'","computed":false},{"value":"'h1'","computed":false},{"value":"'h2'","computed":false},{"value":"'h3'","computed":false},{"value":"'h4'","computed":false},{"value":"'h5'","computed":false},{"value":"'h6'","computed":false},{"value":"'li'","computed":false},{"value":"'div'","computed":false},{"value":"'span'","computed":false}]},"required":false,"defaultValue":{"value":"'div'"},"description":{"text":"Element to wrapped the passed text"}},{"name":"collapsedLabel","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'See more'"},"description":{"text":"Label text for collapsed state"}},{"name":"expandedLabel","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"'See less'"},"description":{"text":"Label text for expanded state"}}]},{"displayName":"Activities","props":[]},{"displayName":"Amendment","props":[]},{"displayName":"AvatarGirl","props":[]},{"displayName":"AmendmentFill","props":[]},{"displayName":"AvatarBoy","props":[]},{"displayName":"AvatarInfant","props":[]},{"displayName":"AvatarMan","props":[]},{"displayName":"AvatarWoman","props":[]},{"displayName":"Baggage","props":[]},{"displayName":"BaggageLoss","props":[]},{"displayName":"Calendar","props":[]},{"displayName":"Call","props":[]},{"displayName":"Camera","props":[]},{"displayName":"CheckBoxFill","props":[]},{"displayName":"CheckBoxOutline","props":[]},{"displayName":"CheckboxCircle","props":[]},{"displayName":"CircleOutline","props":[]},{"displayName":"CircleSelected","props":[]},{"displayName":"Clock","props":[]},{"displayName":"ColdDrinks","props":[]},{"displayName":"Cross","props":[]},{"displayName":"CrossFill","props":[]},{"displayName":"CrossOutline","props":[]},{"displayName":"Discount","props":[]},{"displayName":"DistanceFlag","props":[]},{"displayName":"DownArrow","props":[]},{"displayName":"DownChevron","props":[]},{"displayName":"DownChevronFill","props":[]},{"displayName":"DownChevronOutline","props":[]},{"displayName":"Download","props":[]},{"displayName":"Email","props":[]},{"displayName":"EmergencyCash","props":[]},{"displayName":"ExtraLegroom","props":[]},{"displayName":"Experience","props":[]},{"displayName":"Expressway","props":[]},{"displayName":"FPH","props":[]},{"displayName":"FareAlert","props":[]},{"displayName":"FlightDelay","props":[]},{"displayName":"FlightTransfer","props":[]},{"displayName":"Flights","props":[]},{"displayName":"Holidays","props":[]},{"displayName":"Home","props":[]},{"displayName":"HotDrinks","props":[]},{"displayName":"Hotels","props":[]},{"displayName":"Info","props":[]},{"displayName":"InterchangeDestinations","props":[]},{"displayName":"Invoice","props":[]},{"displayName":"LeftArrow","props":[]},{"displayName":"LeftChevronOutline","props":[]},{"displayName":"Location","props":[]},{"displayName":"Lock","props":[]},{"displayName":"LongLayover","props":[]},{"displayName":"Meals","props":[]},{"displayName":"MealsFill","props":[]},{"displayName":"MedicalInsurance","props":[]},{"displayName":"MinusOutline","props":[]},{"displayName":"Minus","props":[]},{"displayName":"Moon","props":[]},{"displayName":"MoreOptions","props":[]},{"displayName":"MultipleAirlines","props":[]},{"displayName":"NoBaggage","props":[]},{"displayName":"NoImage","props":[]},{"displayName":"NoMeals","props":[]},{"displayName":"NoRefund","props":[]},{"displayName":"NonVegMeals","props":[]},{"displayName":"Onward","props":[]},{"displayName":"PaperlessClaim","props":[]},{"displayName":"Picture","props":[]},{"displayName":"PassportLoss","props":[]},{"displayName":"Plus","props":[]},{"displayName":"PlusFill","props":[]},{"displayName":"PlusOneBaggage","props":[]},{"displayName":"PlusOutline","props":[]},{"displayName":"PlusTwoBaggage","props":[]},{"displayName":"PlusThreeBaggage","props":[]},{"displayName":"PriceDrop","props":[]},{"displayName":"Print","props":[]},{"displayName":"Profile","props":[]},{"displayName":"QuickApproval","props":[]},{"displayName":"RadioButtonFill","props":[]},{"displayName":"Refund","props":[]},{"displayName":"RadioButtonOutline","props":[]},{"displayName":"Return","props":[]},{"displayName":"RightArrow","props":[]},{"displayName":"RightChevron","props":[]},{"displayName":"RightChevronFill","props":[]},{"displayName":"RightChevronOutline","props":[]},{"displayName":"Search","props":[]},{"displayName":"Service","props":[]},{"displayName":"Settings","props":[]},{"displayName":"ShortLayover","props":[]},{"displayName":"Shortlisted","props":[]},{"displayName":"Shortlist","props":[]},{"displayName":"Sms","props":[]},{"displayName":"Snacks","props":[]},{"displayName":"Star","props":[]},{"displayName":"Support","props":[]},{"displayName":"Tick","props":[]},{"displayName":"TickFill","props":[]},{"displayName":"TickOutline","props":[]},{"displayName":"Train","props":[]},{"displayName":"Travellers","props":[]},{"displayName":"Unlock","props":[]},{"displayName":"UpArrow","props":[]},{"displayName":"UpChevronFill","props":[]},{"displayName":"UpChevron","props":[]},{"displayName":"UpChevronOutline","props":[]},{"displayName":"UploadFailedFill","props":[]},{"displayName":"UploadFill","props":[]},{"displayName":"VegMeals","props":[]},{"displayName":"Visa","props":[]},{"displayName":"Voucher","props":[]},{"displayName":"WalletCash","props":[]},{"displayName":"Wallet","props":[]},{"displayName":"WalletFill","props":[]},{"displayName":"WindowSeat","props":[]},{"displayName":"BahrainFlag","props":[]},{"displayName":"CfwLogo","props":[]},{"displayName":"CfwLogoMonocolor","props":[]},{"displayName":"CleartripIcon","props":[]},{"displayName":"CleartripIconMono","props":[]},{"displayName":"CleartripLogo","props":[]},{"displayName":"LeftChevronFill","props":[]},{"displayName":"CleartripLogoMono","props":[]},{"displayName":"DigitLogo","props":[]},{"displayName":"EuFlag","props":[]},{"displayName":"EzcancelIcon","props":[]},{"displayName":"EzcancelIconMono","props":[]},{"displayName":"EzcancelLogoMono","props":[]},{"displayName":"EzcancelLogoPlusTagline","props":[]},{"displayName":"FlexiflyIcon","props":[]},{"displayName":"FlexiflyIconMono","props":[]},{"displayName":"FlexiflyLogoMono","props":[]},{"displayName":"FlexiflyLogoPlusTagline","props":[]},{"displayName":"IndiaFlag","props":[]},{"displayName":"MEFlag","props":[]},{"displayName":"KuwaitFlag","props":[]},{"displayName":"OmanFlag","props":[]},{"displayName":"PaybackLogo","props":[]},{"displayName":"PolandFlag","props":[]},{"displayName":"QatarFlag","props":[]},{"displayName":"SaudiArabiaFlag","props":[]},{"displayName":"SouthAfricaFlag","props":[]},{"displayName":"TaEmpty","props":[]},{"displayName":"TaFull","props":[]},{"displayName":"TaHalf","props":[]},{"displayName":"TaLogo","props":[]},{"displayName":"TravelsafeIcon","props":[]},{"displayName":"TravelsafeIconMono","props":[]},{"displayName":"TravelsafeLogo","props":[]},{"displayName":"TravelsafeLogoMono","props":[]},{"displayName":"UaeFlag","props":[]},{"displayName":"Stringer","props":[]},{"displayName":"Switcher","props":[]},{"displayName":"Spoon","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"buttonClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"fieldClassName","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"buttonLabel","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"placeholder","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"hasError","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"busy","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"disabled","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":""}}]},{"displayName":"LeftChevron","props":[]},{"displayName":"Toggle","props":[{"name":"children","type":{"name":"union","value":[{"name":"node"},{"name":"func"}]},"required":false,"defaultValue":{"value":"null"},"description":{"text":""}},{"name":"value","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"name","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"onChange","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"() => {}"},"description":{"text":""}}]},{"displayName":"Toggler","props":[{"name":"className","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"value","type":{"name":"string","value":null},"required":false,"defaultValue":{"value":"''"},"description":{"text":""}},{"name":"selected","type":{"name":"bool","value":null},"required":false,"defaultValue":{"value":"false"},"description":{"text":""}},{"name":"onClick","type":{"name":"func","value":null},"required":false,"defaultValue":{"value":"(value, event) => {}"},"description":{"text":""}},{"name":"children","type":{"name":"union","value":[{"name":"node"},{"name":"func"}]},"required":false,"defaultValue":{"value":"'default'"},"description":{"text":""}}]},{"displayName":"AvatarBoy","props":[]},{"displayName":"AvatarGirl","props":[]},{"displayName":"AvatarInfant","props":[]},{"displayName":"AvatarMan","props":[]},{"displayName":"AvatarWoman","props":[]},{"displayName":"Calendar","props":[]},{"displayName":"Call","props":[]},{"displayName":"CheckboxCircle","props":[]},{"displayName":"CircleOutline","props":[]},{"displayName":"CircleSelected","props":[]},{"displayName":"Clock","props":[]},{"displayName":"Cross","props":[]},{"displayName":"Minus","props":[]},{"displayName":"Picture","props":[]},{"displayName":"Plus","props":[]},{"displayName":"Star","props":[]},{"displayName":"Tick","props":[]},{"displayName":"TriangleDown","props":[]},{"displayName":"Offer","props":[]},{"displayName":"TaEmpty","props":[]},{"displayName":"TaFull","props":[]},{"displayName":"TaHalf","props":[]},{"displayName":"TaLogo","props":[]},{"displayName":"ColorRow","props":[]},{"displayName":"ColorRows","props":[]},{"displayName":"ColorTable","props":[]}]}}}