[{"name":"Spor.Heading","comment":" A component for displaying headers\n\n@docs Heading, HeadingLevel\n\n\n## Config\n\n@docs init, withHeadingLevel, withTextStyle, withText\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"Heading","comment":" A component for displaying headers\n","args":[],"cases":[]},{"name":"HeadingLevel","comment":" What `Html` element to use for the header.\nUse `H1` for most important, `H2` for second most important etc.\n","args":[],"cases":[["H1",[]],["H2",[]],["H3",[]],["H4",[]],["H5",[]],["H6",[]]]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial configuration for a `Heading` component.\nBy default, the `H2` level is used, along with the `Medium` text style.\n","type":"Spor.Heading.Heading"},{"name":"toHtml","comment":" Convert configuration to HTML\n","type":"Spor.Heading.Heading -> Html.Styled.Html a"},{"name":"withHeadingLevel","comment":" Set the heading level\n","type":"Spor.Heading.HeadingLevel -> Spor.Heading.Heading -> Spor.Heading.Heading"},{"name":"withText","comment":" Set the text to be displayed\n","type":"String.String -> Spor.Heading.Heading -> Spor.Heading.Heading"},{"name":"withTextStyle","comment":" Set the text style\n","type":"Spor.TextStyle.TextStyle -> Spor.Heading.Heading -> Spor.Heading.Heading"}],"binops":[]},{"name":"Spor.LineTag.InfoTag","comment":" A component for displaying info tags\n\n@docs InfoTag\n\n\n## Config\n\n@docs init, withVariant, withSize, withTitle, withDescription, withColor\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"InfoTag","comment":" A component for displaying info tags\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial configuration for a `InfoTag` component.\n","type":"Spor.LineTag.InfoTag.InfoTag"},{"name":"toHtml","comment":" Convert configuration to HTML\n","type":"Spor.LineTag.InfoTag.InfoTag -> Html.Styled.Html a"},{"name":"withColor","comment":" Set the color\n","type":"Maybe.Maybe Css.Color -> Spor.LineTag.InfoTag.InfoTag -> Spor.LineTag.InfoTag.InfoTag"},{"name":"withDescription","comment":" Set the description to be displayed\n","type":"Maybe.Maybe String.String -> Spor.LineTag.InfoTag.InfoTag -> Spor.LineTag.InfoTag.InfoTag"},{"name":"withSize","comment":" Set the size\n","type":"Spor.LineTag.Types.Size -> Spor.LineTag.InfoTag.InfoTag -> Spor.LineTag.InfoTag.InfoTag"},{"name":"withTitle","comment":" Set the title to be displayed\n","type":"String.String -> Spor.LineTag.InfoTag.InfoTag -> Spor.LineTag.InfoTag.InfoTag"},{"name":"withVariant","comment":" Set the variant\n","type":"Spor.LineTag.Types.Variant -> Spor.LineTag.InfoTag.InfoTag -> Spor.LineTag.InfoTag.InfoTag"}],"binops":[]},{"name":"Spor.LineTag.LineIcon","comment":" A component for displaying line icons\n\n@docs LineIcon\n\n\n## Config\n\n@docs init, withVariant, withSize, withAdditionalStyle, withColor\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"LineIcon","comment":" A component for displaying line icons\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial configuration for a `LineIcon` component.\n","type":"Spor.LineTag.LineIcon.LineIcon"},{"name":"toHtml","comment":" Convert configuration to HTML\n","type":"Spor.LineTag.LineIcon.LineIcon -> Html.Styled.Html a"},{"name":"withAdditionalStyle","comment":" Set the additonal style\n","type":"Css.Style -> Spor.LineTag.LineIcon.LineIcon -> Spor.LineTag.LineIcon.LineIcon"},{"name":"withColor","comment":" Set the colour\n","type":"Maybe.Maybe Css.Color -> Spor.LineTag.LineIcon.LineIcon -> Spor.LineTag.LineIcon.LineIcon"},{"name":"withSize","comment":" Set the size\n","type":"Spor.LineTag.Types.Size -> Spor.LineTag.LineIcon.LineIcon -> Spor.LineTag.LineIcon.LineIcon"},{"name":"withVariant","comment":" Set the variant\n","type":"Spor.LineTag.Types.Variant -> Spor.LineTag.LineIcon.LineIcon -> Spor.LineTag.LineIcon.LineIcon"}],"binops":[]},{"name":"Spor.LineTag.LineText","comment":" A component for displaying line text\n\n@docs LineText\n\n\n## Config\n\n@docs init, withTitle, withDescription\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"LineText","comment":" A component for displaying line text\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial configuration for a `LineText` component.\n","type":"Spor.LineTag.LineText.LineText"},{"name":"toHtml","comment":" Convert configuration to HTML\n","type":"Spor.LineTag.LineText.LineText -> Html.Styled.Html a"},{"name":"withDescription","comment":" Set the text to be displayed\n","type":"Maybe.Maybe String.String -> Spor.LineTag.LineText.LineText -> Spor.LineTag.LineText.LineText"},{"name":"withTitle","comment":" Set the title to be displayed\n","type":"String.String -> Spor.LineTag.LineText.LineText -> Spor.LineTag.LineText.LineText"}],"binops":[]},{"name":"Spor.LineTag.TravelTag","comment":" A component for displaying travel tags\n\n@docs TravelTag\n\n\n## Config\n\n@docs init, withVariant, withSize, withTitle, withDescription, withDeviationLevel, withColor, withBackgroundColor\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"TravelTag","comment":" A component for displaying travel tags\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial configuration for a `TravelTag` component.\n","type":"Spor.LineTag.TravelTag.TravelTag"},{"name":"toHtml","comment":" Convert configuration to HTML\n","type":"Spor.LineTag.TravelTag.TravelTag -> Html.Styled.Html a"},{"name":"withBackgroundColor","comment":" Set the background color\n","type":"Maybe.Maybe Css.Color -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withColor","comment":" Set the color\n","type":"Maybe.Maybe Css.Color -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withDescription","comment":" Set the description to be displayed\n","type":"Maybe.Maybe String.String -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withDeviationLevel","comment":" Set the deviation level\n","type":"Maybe.Maybe Spor.LineTag.Types.DeviationLevel -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withSize","comment":" Set the size\n","type":"Spor.LineTag.Types.Size -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withTitle","comment":" Set the title to be displayed\n","type":"String.String -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"},{"name":"withVariant","comment":" Set the variant\n","type":"Spor.LineTag.Types.Variant -> Spor.LineTag.TravelTag.TravelTag -> Spor.LineTag.TravelTag.TravelTag"}],"binops":[]},{"name":"Spor.LineTag.Types","comment":"\n\n@docs Variant, Size, DeviationLevel\n\n","unions":[{"name":"DeviationLevel","comment":" Used to configure what deviation (if any) exists for a line.\n","args":[],"cases":[["Critical",[]],["Major",[]],["Minor",[]],["Info",[]]]},{"name":"Size","comment":" Used to configure the size of the line tag.\n","args":[],"cases":[["Sm",[]],["Md",[]],["Lg",[]]]},{"name":"Variant","comment":" Used to configure the variant of the line tag.\n","args":[],"cases":[["LocalTrain",[]],["RegionTrain",[]],["RegionExpressTrain",[]],["LongDistanceTrain",[]],["AirportExpressTrain",[]],["VyBus",[]],["LocalBus",[]],["Ferry",[]],["Subway",[]],["Tram",[]],["AlternativeTransport",[]],["Walk",[]]]}],"aliases":[],"values":[],"binops":[]},{"name":"Spor.Text","comment":" A component for displaying text.\n\n@docs Text\n\n\n## Configuration\n\n@docs init, withTextStyle, withText, withAdditionalStyle\n\n\n## Display\n\n@docs toHtml\n\n","unions":[{"name":"Text","comment":" A component for displaying text.\n","args":[],"cases":[]}],"aliases":[],"values":[{"name":"init","comment":" Create an initial config for the `Text` component.\nDefaults to the `Medium` text style, and no text.\n","type":"Spor.Text.Text"},{"name":"toHtml","comment":" Render `Text` component to `Html`\n","type":"Spor.Text.Text -> Html.Styled.Html a"},{"name":"withAdditionalStyle","comment":" Set the additional style\n","type":"Css.Style -> Spor.Text.Text -> Spor.Text.Text"},{"name":"withText","comment":" Set the text to be displayed\n","type":"String.String -> Spor.Text.Text -> Spor.Text.Text"},{"name":"withTextStyle","comment":" Set the text style to use\n","type":"Spor.TextStyle.TextStyle -> Spor.Text.Text -> Spor.Text.Text"}],"binops":[]},{"name":"Spor.TextStyle","comment":" The `TextStyle` type is used for configuring text appareance in other components.\n\n@docs TextStyle\n\n","unions":[{"name":"TextStyle","comment":" Represents a combination of font type, size and line height for some text.\nUsed in components such as `Text` and `Heading`.\nThis setting scales according to the size of the user device.\n","args":[],"cases":[["DoubleExtraLarge",[]],["ExtraLargeDisplay",[]],["ExtraLargeSans",[]],["Large",[]],["Medium",[]],["Small",[]],["ExtraSmall",[]]]}],"aliases":[],"values":[],"binops":[]}]