[{"name":"Browser.Events.Extra","comment":"\n\n@docs escape\n\n","unions":[],"aliases":[],"values":[{"name":"escape","comment":" ","type":"msg -> Platform.Sub.Sub msg"}],"binops":[]},{"name":"Nri.Test.KeyboardHelpers.V1","comment":" `KeyboardHelpers` provides a set of functions to simulate keyboard events for testing Elm programs.\n\n\n# Basic helpers\n\n@docs pressKey, releaseKey\n\n\n# Common helpers\n\n@docs pressTab, pressTabBack, pressEsc, pressSpace, pressDownArrow, pressRightArrow, pressLeftArrow, pressShiftRight, pressShiftLeft, releaseRightArrow, releaseLeftArrow, releaseShiftRight, releaseShiftLeft\n\n","unions":[],"aliases":[],"values":[{"name":"pressDownArrow","comment":" Simulate a down arrow key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressEsc","comment":" Simulate an escape key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressKey","comment":" Simulate a \"keydown\" event on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ), keyCode : Basics.Int, shiftKey : Basics.Bool } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressLeftArrow","comment":" Simulate a left arrow key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressRightArrow","comment":" Simulate a right arrow key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressShiftLeft","comment":" Simulate a left arrow key press with the shift key held down on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressShiftRight","comment":" Simulate a right arrow key press with the shift key held down on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressSpace","comment":" Simulate a spacebar key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressTab","comment":" Simulate a tab key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"pressTabBack","comment":" Simulate a shift-tab key press on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"releaseKey","comment":" Simulate a \"keyup\" event on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ), keyCode : Basics.Int, shiftKey : Basics.Bool } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"releaseLeftArrow","comment":" Simulate a left arrow key release on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"releaseRightArrow","comment":" Simulate a right arrow key release on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"releaseShiftLeft","comment":" Simulate a left arrow key release with the shift key held down on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"},{"name":"releaseShiftRight","comment":" Simulate a right arrow key release with the shift key held down on the given element.\n","type":"{ targetDetails : List.List ( String.String, Json.Encode.Value ) } -> List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest model msg effect -> ProgramTest.ProgramTest model msg effect"}],"binops":[]},{"name":"Nri.Test.MouseHelpers.V1","comment":" `MouseHelpers` provides a set of functions to simulate mouse events for testing Elm programs.\n\n\n# Basic helpers\n\n@docs click, mouseDown, mouseUp, mouseOver\n\n\n# Cancelable Events\n\n@docs cancelableMouseDown, cancelableMouseUp, cancelableMouseOver\n\n","unions":[],"aliases":[],"values":[{"name":"cancelableMouseDown","comment":" Simulate a cancelable mouse down event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"cancelableMouseOver","comment":" Simulate a cancelable mouse over event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"cancelableMouseUp","comment":" Simulate a cancelable mouse up event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"click","comment":" Simulate a click event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"mouseDown","comment":" Simulate a mouse down event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"mouseOver","comment":" Simulate a mouse over event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"},{"name":"mouseUp","comment":" Simulate a mouse up event on elements that match the given selectors.\n","type":"List.List Test.Html.Selector.Selector -> ProgramTest.ProgramTest a b c -> ProgramTest.ProgramTest a b c"}],"binops":[]},{"name":"Nri.Ui","comment":" A collection of helpers for working with NoRedInk projects\n\n@docs styled\n\n","unions":[],"aliases":[],"values":[{"name":"styled","comment":" Wrapper around [`Html.Styled.style`](http://package.elm-lang.org/packages/rtfeldman/elm-css/13.1.1/Html-Styled#styled) which adds a data-nri-description attribute to make it easier to tell from Inspect Element where in our code that element was defined.\n\nTakes a function that creates an element, and pre-applies styles and a `data-nri-description` attribution to it.\n\n bigButton : List (Attribute msg) -> List (Html msg) -> Html msg\n bigButton =\n styled button\n \"big button\"\n [ padding (px 30)\n , fontWeight bold\n ]\n\n view : Model -> Html msg\n view model =\n [ text \"These two buttons are identical:\"\n , bigButton [] [ text \"Hi!\" ]\n , button [ css [ padding (px 30), fontWeight bold ] ] [] [ text \"Hi!\" ]\n ]\n\nHere, the bigButton function we've defined using styled button is identical to the normal button function, except that it has pre-applied the attribute of css [ padding (px 30), fontWeight bold ], as well as `(attribute \"data-nri-description\" \"big button\")`.\n\nYou can pass more attributes to bigButton as usual (including other css attributes). They will be applied after the pre-applied styles.\n\nNote: normally `attributeMsg` will be the same as `msg`, but we need them to be different types for special cases when `fn` needs to do tricky things. For example, some elements from the Accessibility.Styled package use the following type signature:\n\n div : List (Attribute Never) -> List (Html msg) -> Html msg\n\n","type":"(List.List (Html.Styled.Attribute attributeMsg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg) -> String.String -> List.List Css.Style -> List.List (Html.Styled.Attribute attributeMsg) -> List.List (Html.Styled.Html msg) -> Html.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.Accordion.V3","comment":"\n\n\n## Changes from V2\n\n - Do not render collapsed content\n - Allow disclosure indicator to be top-aligned\n - Allow fully-customizable carets\n - Removes as many default styles as possible\n - Change header resets to inline styles\n - Replace custom passed-in styles with a class-based styling approach (for performance reasons -- getting elm-css class names is too slow.)\n - Prevent default browser event on arrow keys (so that the page doesn't scroll when the focus changes)\n - Support multiple levels of accordions\n\n\n## Example\n\n view : Model -> Html Msg\n view model =\n div []\n [ Accordion.view\n { entries =\n [ AccordionEntry\n { caret = Accordion.defaultCaret\n , content = \\() -> text \"Accordion Content\"\n , entryClass = \"a-class-distinguishing-this-accordion-from-others-on-the-page\"\n , headerContent = text \"Accordion Header\"\n , headerId = \"a-unique-id-for-this-accordion-header-button\"\n , headerLevel = Accordion.H1\n , isExpanded = model.isAccordionOpen\n , toggle = Just ToggleAccordion\n }\n []\n ]\n , focus = Focus\n }\n , Accordion.styleAccordion\n { entryStyles = []\n , entryExpandedStyles = []\n , entryClosedStyles = []\n , headerStyles = []\n , headerExpandedStyles = []\n , headerClosedStyles = []\n , contentStyles = []\n }\n ]\n\n@docs view, HeaderLevel\n@docs AccordionEntry, Entry\n@docs StyleOptions, styleAccordion\n@docs defaultCaret\n\n","unions":[{"name":"AccordionEntry","comment":" ","args":["msg"],"cases":[["AccordionEntry",["Nri.Ui.Accordion.V3.Entry msg","List.List (Nri.Ui.Accordion.V3.AccordionEntry msg)"]]]},{"name":"HeaderLevel","comment":" Corresponds to h1, h2, h3 etc.\nChoose the correct header level given your page context.\n","args":[],"cases":[["H1",[]],["H2",[]],["H3",[]],["H4",[]],["H5",[]],["H6",[]]]}],"aliases":[{"name":"Entry","comment":" ","args":["msg"],"type":"{ caret : Basics.Bool -> Accessibility.Styled.Html msg, content : () -> Accessibility.Styled.Html msg, entryClass : String.String, headerContent : Accessibility.Styled.Html msg, headerId : String.String, headerLevel : Nri.Ui.Accordion.V3.HeaderLevel, isExpanded : Basics.Bool, toggle : Maybe.Maybe (Basics.Bool -> msg) }"},{"name":"StyleOptions","comment":" ","args":[],"type":"{ entryStyles : List.List Css.Style, entryExpandedStyles : List.List Css.Style, entryClosedStyles : List.List Css.Style, headerStyles : List.List Css.Style, headerExpandedStyles : List.List Css.Style, headerClosedStyles : List.List Css.Style, contentStyles : List.List Css.Style }"}],"values":[{"name":"defaultCaret","comment":" ","type":"Basics.Bool -> Accessibility.Styled.Html msg"},{"name":"styleAccordion","comment":" ","type":"Nri.Ui.Accordion.V3.StyleOptions -> Accessibility.Styled.Html msg"},{"name":"view","comment":" ","type":"{ entries : List.List (Nri.Ui.Accordion.V3.AccordionEntry msg), focus : String.String -> msg } -> Accessibility.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.Accordion.V4","comment":"\n\n\n## Changes from V3\n\n - Enables accordion expansion either upwards or downwards\n - Added animated caret for upward accordions\n\n\n## Example\n\n view : Model -> Html Msg\n view model =\n div []\n [ Accordion.view\n { entries =\n [ AccordionEntry\n { caret = Accordion.updwardCaret\n , content = \\() -> text \"Accordion Content\"\n , entryClass = \"a-class-distinguishing-this-accordion-from-others-on-the-page\"\n , expansionDirection = Accordion.Upwards\n , headerContent = text \"Accordion Header\"\n , headerId = \"a-unique-id-for-this-accordion-header-button\"\n , headerLevel = Accordion.H1\n , isExpanded = model.isAccordionOpen\n , toggle = Just ToggleAccordion\n }\n []\n ]\n , focus = Focus\n }\n , Accordion.styleAccordion\n { entryStyles = []\n , entryExpandedStyles = []\n , entryClosedStyles = []\n , headerStyles = []\n , headerExpandedStyles = []\n , headerClosedStyles = []\n , contentStyles = []\n }\n ]\n\n@docs view, HeaderLevel\n@docs AccordionEntry, Entry\n@docs StyleOptions, styleAccordion\n@docs defaultCaret\n@docs ExpansionDirection, upwardCaret\n\n","unions":[{"name":"AccordionEntry","comment":" ","args":["msg"],"cases":[["AccordionEntry",["Nri.Ui.Accordion.V4.Entry msg","List.List (Nri.Ui.Accordion.V4.AccordionEntry msg)"]]]},{"name":"ExpansionDirection","comment":" Determines in which direction the accordion expands.\n","args":[],"cases":[["Upwards",[]],["Downwards",[]]]},{"name":"HeaderLevel","comment":" Corresponds to h1, h2, h3 etc.\nChoose the correct header level given your page context.\n","args":[],"cases":[["H1",[]],["H2",[]],["H3",[]],["H4",[]],["H5",[]],["H6",[]]]}],"aliases":[{"name":"Entry","comment":" ","args":["msg"],"type":"{ caret : Basics.Bool -> Accessibility.Styled.Html msg, content : () -> Accessibility.Styled.Html msg, entryClass : String.String, expansionDirection : Nri.Ui.Accordion.V4.ExpansionDirection, headerContent : Accessibility.Styled.Html msg, headerId : String.String, headerLevel : Nri.Ui.Accordion.V4.HeaderLevel, isExpanded : Basics.Bool, toggle : Maybe.Maybe (Basics.Bool -> msg) }"},{"name":"StyleOptions","comment":" ","args":[],"type":"{ entryStyles : List.List Css.Style, entryExpandedStyles : List.List Css.Style, entryClosedStyles : List.List Css.Style, headerStyles : List.List Css.Style, headerExpandedStyles : List.List Css.Style, headerClosedStyles : List.List Css.Style, contentStyles : List.List Css.Style }"}],"values":[{"name":"defaultCaret","comment":" ","type":"Basics.Bool -> Accessibility.Styled.Html msg"},{"name":"styleAccordion","comment":" ","type":"Nri.Ui.Accordion.V4.StyleOptions -> Accessibility.Styled.Html msg"},{"name":"upwardCaret","comment":" Animated caret used for accordions that expand upwards.\n","type":"Basics.Bool -> Accessibility.Styled.Html msg"},{"name":"view","comment":" ","type":"{ entries : List.List (Nri.Ui.Accordion.V4.AccordionEntry msg), focus : String.String -> msg } -> Accessibility.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.AnimatedIcon.V1","comment":"\n\n@docs mobileOpenClose, arrowRightDown, arrowRightUp, arrowDownUp\n\n","unions":[],"aliases":[],"values":[{"name":"arrowDownUp","comment":" An arrow that animates between pointing down and pointing up. Typically used as a fly-out menu indicator.\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"},{"name":"arrowRightDown","comment":" An arrow that animates between pointing right and pointing down. Typically used for disclosures and accordions.\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"},{"name":"arrowRightUp","comment":" An arrow that animates between pointing right and pointing up. Typically used for disclosures and accordions.\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"},{"name":"mobileOpenClose","comment":" An icon that animates between a \"hamburger\" and an \"x\".\n\nPass a bool representing whether the menu/navbar/whatever is open.\n\n","type":"Basics.Bool -> Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.AssignmentIcon.V2","comment":"\n\n\n### Patch changes\n\n - change circular path elements to circle elements using encircle helper\n\n\n# Quiz Engine\n\n@docs diagnostic, planningDiagnosticCircled, unitDiagnosticCircled\n@docs practice, practiceCircled\n@docs quiz, quizCircled, passageQuizCircled\n\n\n# Writing\n\n@docs quickWrite, guidedDraft, peerReview, selfReview, dailyWriting, novels, texts, genres, genresCircled\n@docs quickWriteCircled, guidedDraftCircled, peerReviewCircled, selfReviewCircled, dailyWritingCircled, novelsCircled, gradingAssistantCircled, textsCircled\n\n\n# Stages\n\n@docs submitting, rating, revising\n\n\n# Start\n\n@docs startPrimary, startSecondary\n\n\n# Activities\n\n@docs assessment, standards, writing, modules\n\n\n# Example usage\n\n import Html.Styled exposing (Html)\n import Nri.Ui.AssignmentIcon.V2 as AssignmentIcon\n import Nri.Ui.Colors.V1 as Colors\n import Nri.Ui.Svg.V1 as Svg\n\n view : Html msg\n view =\n AssignmentIcon.diagnostic\n |> Svg.withColor Colors.lichen\n |> Svg.toHtml\n\n","unions":[],"aliases":[],"values":[{"name":"assessment","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"dailyWriting","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"dailyWritingCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"diagnostic","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"genres","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"genresCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"gradingAssistantCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"guidedDraft","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"guidedDraftCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"modules","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"novels","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"novelsCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"passageQuizCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"peerReview","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"peerReviewCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"planningDiagnosticCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"practice","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"practiceCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quickWrite","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quickWriteCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quiz","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"quizCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"rating","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"revising","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"selfReview","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"selfReviewCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"standards","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"startPrimary","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"startSecondary","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"submitting","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"texts","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"textsCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"unitDiagnosticCircled","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"writing","comment":" ","type":"Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.Balloon.V2","comment":" Adding a tooltip? Use `Nri.Ui.Tooltip`, not Balloon.\nBalloon is really just a container: it is non-interactive and isn't semantically meaningful.\n\n Balloon.view\n [ Balloon.paragraph \"Hello, world! I'm a balloon!\"\n , Balloon.onTop\n , Balloon.navy\n ]\n\n\n## Changelog\n\nPatch changes:\n\n - adds paragraph\n\nChanges from V1:\n\n - allow for far more customization:\n - background color\n - HTML attributes\n - change the API to be more similar to other NRI components\n - add the standard attributes, like nriDescription and css\n - `balloon` -> `view`\n - content -> `markdown`, `plaintext`, and `html`\n\n\n## API\n\n@docs view, Attribute\n\n\n### Content\n\n@docs paragraph, plaintext, markdown, html\n\n\n### Customizations for Balloon\n\n@docs green, purple, orange, white, navy, customTheme\n@docs highContrastModeTheme\n@docs onBottom, onLeft, onRight, onTop\n@docs alignArrowStart, alignArrowMiddle, alignArrowEnd\n@docs arrowHeight\n@docs custom, id, contentId, nriDescription, testId\n\n\n### CSS\n\n@docs containerCss\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n","unions":[{"name":"Attribute","comment":" Balloon's attributes.\n","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"alignArrowEnd","comment":" Put the arrow at the \"end\" of the ballon.\nFor onTop & onBottom ballons, this means \"right\".\nFor onLeft & onRight ballon, this means \"bottom\".\n\n __________\n |______ _|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"alignArrowMiddle","comment":" Put the arrow at the \"middle\" of the ballon. This is the default behavior.\n\n __________\n |___ ____|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"alignArrowStart","comment":" Put the arrow at the \"start\" of the ballon.\nFor onTop & onBottom ballons, this means \"left\".\nFor onLeft & onRight ballon, this means \"top\".\n\n __________\n |_ ______|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"arrowHeight","comment":" Set how tall you want the arrow to be. The default is 8px.\n","type":"Basics.Float -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"containerCss","comment":" ","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"contentId","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying Balloon styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute msg) -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"customTheme","comment":" Custom theme: set the background & text color.\n","type":"{ backgroundColor : Css.Color, color : Css.Color } -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"green","comment":" Green theme (This is the default theme.)\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"highContrastModeTheme","comment":" Typically, you will want to use [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color) for these colors (which is why the API uses strings):\n","type":"{ backgroundColor : String.String, color : String.String } -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"html","comment":" Provide a list of custom HTML.\n","type":"List.List (Html.Styled.Html msg) -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"markdown","comment":" Provide a string that will be rendered as markdown.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"navy","comment":" Navy theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onBottom","comment":" Balloon with the arrow on the top.\n\n ___/\\_____\n | |\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onLeft","comment":" Balloon with the arrow on the right.\n\n __________\n | |\n | >\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onRight","comment":" Balloon with the arrow on the left.\n\n __________\n | |\n < |\n |_________|\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"onTop","comment":" Balloon with the arrow on the bottom.\n\n __________\n | |\n |___ ____|\n \\/\n\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"orange","comment":" Orange theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"paragraph","comment":" Provide a plain-text string that will be put into a paragraph tag, with the default margin removed.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"plaintext","comment":" Provide a plain-text string.\n","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"purple","comment":" Purple theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n ClickableText.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Balloon.V2.Attribute msg"},{"name":"view","comment":" Green balloon without an arrow by default.\n\n __________\n | |\n |_________|\n\n","type":"List.List (Nri.Ui.Balloon.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"white","comment":" White theme\n","type":"Nri.Ui.Balloon.V2.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.Block.V6","comment":" Changes from V5:\n\n - Remove `wordWithId` and `blankWithId` as we no longer are trying to point to words or blanks with the question box.\n - Remove the `fullHeightBlank` attribute option - we can always infer this from the contents\n - Set a maximum blank width of ~60 characters as blanks won't line break\n - Remove `labelState` as we are shifting reposibility to consumers to animate labels via `labelCss`\n\n\n## Patch changes\n\n - Add renderReadAloud\n - Add border styles `dashed` and`underline`\n - Correctly display a transparent background for underline blanks\n - Add `skipLabelAnimation`, so balloon animation can be skipped\n\n@docs view, renderReadAloud, Attribute\n\n\n## Content\n\n@docs plaintext\n@docs Content, content\n@docs phrase, space, bold, italic\n@docs blank\n\n\n## Content customization\n\n@docs emphasize\n\n\n## Labels & positioning\n\n@docs label, id\n\nYou will need these helpers if you want to prevent label overlaps. (Which is to say -- anytime you have labels!)\n\n@docs labelId, labelContentId\n@docs LabelPosition, getLabelPositions, labelPosition\n@docs labelCss\n\n\n### Visual customization\n\n@docs yellow, cyan, magenta, green, blue, purple, brown\n@docs insertLineBreakOpportunities\n@docs dashed, underline, skipLabelAnimation\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]},{"name":"Content","comment":" ","args":["msg"],"cases":[]}],"aliases":[{"name":"LabelPosition","comment":" Use `getLabelPositions` to construct this value.\n","args":[],"type":"{ totalHeight : Basics.Float, arrowHeight : Basics.Float, zIndex : Basics.Int, xOffset : Basics.Float }"}],"values":[{"name":"blank","comment":" Insert a blank into block content specify a number of characters to set the width.\n\nFor simple blanks, you can call `view` with no `content` or `plaintext` specified,\nhowever if you need to control the width of the blank or put a blank inside of other emphasized content you need to use this function.\n\nThe `widthInChars` will be multipled by 0.5em, which will roughly appear to be the same size as a string with that many characters.\n\nFor example, the following two blocks should be approximately the same width.\n\n`phrase \"Hello\"`\n`blank { widthInChars = 5 }`\n\n","type":"{ widthInChars : Basics.Int } -> Nri.Ui.Block.V6.Content msg"},{"name":"blue","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"bold","comment":" Wraps a group of content in a `strong` tag\n","type":"List.List (Nri.Ui.Block.V6.Content msg) -> Nri.Ui.Block.V6.Content msg"},{"name":"brown","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"content","comment":" Use `content` for more complex block views, for instance when a blank appears within an emphasis block. Prefer to use `plaintext` when possible for better readability.\n\n Block.view\n [ Block.emphasize\n , Block.content (Block.phrase \"Hello, \" ++ Block.blank { characterWidth = 8 } :: Block.phrase \"!\" ) ]\n ]\n\n","type":"List.List (Nri.Ui.Block.V6.Content msg) -> Nri.Ui.Block.V6.Attribute msg"},{"name":"cyan","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"dashed","comment":" Sets the border style to be dashed\n","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"emphasize","comment":" Mark content as emphasized.\n","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"getLabelPositions","comment":" Determine where to position labels in order to dynamically avoid overlapping content.\n\n - First, we add ids to block with labels with `Block.labelId`.\n - Say we added `Block.labelId \"example-id\"`, then we will use `Browser.Dom.getElement \"example-id\"` and `Browser.Dom.getElement (Block.labelContentId \"example-id\")` to construct a record in the shape { label : Dom.Element, labelContent : Dom.Element }. We store this record in a dictionary keyed by ids (e.g., \"example-id\") with measurements for all other labels.\n\n`getLabelPositions` will return a dictionary of values (keyed by label ids) whose values can be passed directly to `labelPosition` for positioning.\n\n","type":"Dict.Dict String.String { label : Browser.Dom.Element, labelContent : Browser.Dom.Element } -> Dict.Dict String.String Nri.Ui.Block.V6.LabelPosition"},{"name":"green","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Block.V6.Attribute msg"},{"name":"insertLineBreakOpportunities","comment":" Insert the HTML \"line break opportunity\" element if the content is a space\n(Only makes a difference on Chrome. Firefox and Safari treat this element like a .)\n","type":"Basics.Bool -> Nri.Ui.Block.V6.Attribute msg"},{"name":"italic","comment":" Wraps a group of content in a `em` tag\n","type":"List.List (Nri.Ui.Block.V6.Content msg) -> Nri.Ui.Block.V6.Content msg"},{"name":"label","comment":" Add a label above content. This label supports markdown syntax for **bold** and _italics_\n","type":"String.String -> Nri.Ui.Block.V6.Attribute msg"},{"name":"labelContentId","comment":" ","type":"String.String -> String.String"},{"name":"labelCss","comment":" Use to set a block's label's CSS\n","type":"List.List Css.Style -> Nri.Ui.Block.V6.Attribute msg"},{"name":"labelId","comment":" ","type":"String.String -> Nri.Ui.Block.V6.Attribute msg"},{"name":"labelPosition","comment":" Use `getLabelPositions` to calculate what these values should be.\n","type":"Maybe.Maybe Nri.Ui.Block.V6.LabelPosition -> Nri.Ui.Block.V6.Attribute msg"},{"name":"magenta","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"phrase","comment":" Add any arbitrary string as part of block content.\n","type":"String.String -> List.List (Nri.Ui.Block.V6.Content msg)"},{"name":"plaintext","comment":" Provide the main content of the block as a plain-text string. You can also use `content` for more complex cases, including a blank appearing within an emphasis.\n","type":"String.String -> Nri.Ui.Block.V6.Attribute msg"},{"name":"purple","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"renderReadAloud","comment":" Render a block to a ReadAloud friendly string.\n","type":"List.List (Nri.Ui.Block.V6.Attribute msg) -> String.String"},{"name":"skipLabelAnimation","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"space","comment":" Convenience helper to insert a space into block content.\n\nPutting spaces in `phrase` is fine as well, but you might find this more useful around the edges of `blank`.\n\n","type":"Nri.Ui.Block.V6.Content msg"},{"name":"underline","comment":" Sets the border style to be underlined\n","type":"Nri.Ui.Block.V6.Attribute msg"},{"name":"view","comment":" Create a block element.\n\nNote that it is important that a series of Block elements be wrapped in a container with \"whitespace; pre\" set.\nThis will ensure that line breaks only happen at whitespace, and not directly before an emphasis block in\nsituations where it would look strange (like if the block started with a comma).\n\n p\n [ css [ Css.whitespace Css.pre ] ]\n [ Block.view [ Block.plaintext \"Hello, world!\" ] ]\n\n","type":"List.List (Nri.Ui.Block.V6.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"yellow","comment":" ","type":"Nri.Ui.Block.V6.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.BreadCrumbs.V2","comment":"\n\n\n### Patch changes:\n\n - when only 1 breadcrumb is present, just render as a styled h1 or h2 directly, without nav semantics\n\n\n### Changes from V1:\n\n - switch to list-based attributes pattern\n\nLearn more about 'breadcrumbs' to help a user orient themselves within a site here: .\n\nWide Viewport:\n\n Home\n\n 🏠 Home > πŸ¦‡ Category 1\n\n 🏠 > πŸ¦‡ Category 1 > πŸ§› Sub-Category 2\n\nNarrow Viewport:\n\n Home\n\n 🏠 > πŸ¦‡ Category 1\n\n 🏠 > πŸ¦‡ > πŸ§› Sub-Category 2\n\n\n## Creating breadcrumbs\n\n@docs BreadCrumbs, init, initSecondary, after\n@docs BreadCrumbAttribute, icon, iconSize\n\n\n## Viewing breadcrumbs\n\n@docs view, viewSecondary\n\n\n## Managing focus and page title\n\n@docs headerId, toPageTitle\n\n","unions":[{"name":"BreadCrumbAttribute","comment":" ","args":["route"],"cases":[]},{"name":"BreadCrumbs","comment":" ","args":["route"],"cases":[]}],"aliases":[],"values":[{"name":"after","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> { id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"headerId","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> String.String"},{"name":"icon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route"},{"name":"iconSize","comment":" ","type":"Css.Px -> Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route"},{"name":"init","comment":" ","type":"{ id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"initSecondary","comment":" ","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> { id : String.String, text : String.String, route : route } -> List.List (Nri.Ui.BreadCrumbs.V2.BreadCrumbAttribute route) -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route"},{"name":"toPageTitle","comment":" Generate an HTML page title using the breadcrumbs, in the form \"SubCategory | Category | NoRedInk\" for breadCrumbs like:\n\n Category > SubCategory\n\n","type":"Nri.Ui.BreadCrumbs.V2.BreadCrumbs a -> String.String"},{"name":"view","comment":" Usually, the label value will be the string \"breadcrumbs\".\n\nIt's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.\n\n","type":"{ aTagAttributes : route -> List.List (Accessibility.Styled.Attribute msg), isCurrentRoute : route -> Basics.Bool, label : String.String } -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> Accessibility.Styled.Html msg"},{"name":"viewSecondary","comment":" Usually, the label value will be the string \"secondary breadcrumbs\".\n\nIt's configurable so that if more than one set of BreadCrumbs ever appear on the page, the aria-label for the nav can still be unique.\n\n","type":"{ aTagAttributes : route -> List.List (Accessibility.Styled.Attribute msg), isCurrentRoute : route -> Basics.Bool, label : String.String } -> Nri.Ui.BreadCrumbs.V2.BreadCrumbs route -> Accessibility.Styled.Html msg"}],"binops":[]},{"name":"Nri.Ui.Button.V10","comment":" Notes for V11:\n\nThe next version of `Button` should add a `hideTextForMobile` helper.\nThis will require adding a selector for the text. We are not making this change in V10, as\nadding a span around the text could potentially lead to regressions.\nThe next version of `Button` should also remove `delete`\n\n\n# As part of major release:\n\n - removed toggleButton\n\n\n# Patch changes:\n\n - adds width helpers for Mobile breakpoint, Quiz Engine breakpoint, and Narrow Mobile breakpoint\n - uses ClickableAttributes\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `modal` helper, an alias for `large` size\n - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss`\n - adds `hideIconForMobile` and `hideIconFor`\n - support 'disabled' links according to [Scott O'Hara's disabled links](https://www.scottohara.me/blog/2021/05/28/disabled-links.html) article\n - adds `tertiary` style\n - adds `submit` and `opensModal`\n - adds `secondaryDanger` style\n - marks toggleButton as deprecated and adds toggleButtonPressed attribute\n - replaces the `disabled` attribute with `aria-disabled=\"true\"`\n - removes click handler from disabled buttons\n - prevents default behavior for disabled submit buttons by setting `type=\"button\"`\n\n\n# Changes from V9:\n\n - Explicitly zeroes out all margin\n - adds `css` helper\n\n\n# Create a button or link\n\n@docs button, link\n@docs Attribute\n\n\n## Behavior\n\n@docs onClick, submit, opensModal\n@docs href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking\n@docs toggleButtonPressed\n\n\n## Sizing\n\n@docs small, medium, large, modal\n@docs exactWidth, boundedWidth, unboundedWidth, fillContainerWidth\n@docs exactWidthForMobile, boundedWidthForMobile, unboundedWidthForMobile, fillContainerWidthForMobile\n@docs exactWidthForQuizEngineMobile, boundedWidthForQuizEngineMobile, unboundedWidthForQuizEngineMobile, fillContainerWidthForQuizEngineMobile\n@docs exactWidthForNarrowMobile, boundedWidthForNarrowMobile, unboundedWidthForNarrowMobile, fillContainerWidthForNarrowMobile\n\n\n## Change the color scheme\n\n@docs primary, secondary, tertiary, danger, dangerSecondary, premium\n\n\n## Change the state (buttons only)\n\n@docs enabled, unfulfilled, disabled, error, loading, success\n\n\n## Icons\n\n@docs icon, rightIcon\n@docs hideIconForMobile, hideIconFor\n\n\n## Customization\n\n@docs custom, nriDescription, testId, id\n\n\n### CSS\n\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n\n# Commonly-used buttons\n\n@docs delete\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"boundedWidth","comment":" Make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForMobile","comment":" For the mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"boundedWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, make a button that is at least `min` large, and which will grow with\nits content up to `max`. Both bounds are inclusive (`min <= actual value <=\nmax`.)\n","type":"{ min : Basics.Int, max : Basics.Int } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"button","comment":"\n\n Button.button \"My great button!\"\n [ Button.onClick ()\n , Button.enabled\n ]\n\nBy default, the button is enabled, Medium sized, with primary colors, and an unbounded width.\n\n","type":"String.String -> List.List (Nri.Ui.Button.V10.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying Button styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Accessibility.Styled.Attribute msg) -> Nri.Ui.Button.V10.Attribute msg"},{"name":"danger","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"dangerSecondary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"delete","comment":" DEPRECATED: this should be removed in Button.V11.\n","type":"{ label : String.String, onClick : msg } -> Accessibility.Styled.Html msg"},{"name":"disabled","comment":" Shows inactive styling.\n\nIf a button, this attribute will disable it as you'd expect.\n\nIf a link, this attribute will follow the pattern laid out in [Scott O'Hara's disabled links](https://www.scottohara.me/blog/2021/05/28/disabled-links.html) article,\nand essentially make the anchor a disabled placeholder.\n\n_Caveat!_\n\nThe Component Catalog example will NOT work correctly because of , which describes a problem where \"a tags without href generate a navigation event\".\n\nIn most cases, if you're not using Browser.application, disabled links should work just fine.\n\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"enabled","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"error","comment":" Shows error styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidth","comment":" Define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForMobile","comment":" For the mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"exactWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, define a size in `px` for the button's total width.\n","type":"Basics.Int -> Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidth","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForNarrowMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"fillContainerWidthForQuizEngineMobile","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"hideIconFor","comment":" Hide the left-side icon for an arbitrary media query.\n","type":"Css.Media.MediaQuery -> Nri.Ui.Button.V10.Attribute msg"},{"name":"hideIconForMobile","comment":" Hide the left-side icon for the mobile breakpoint.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"href","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"icon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"large","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"link","comment":"\n\n Button.link \"My great link!\"\n [ Button.href \"My href\"\n , Button.secondary\n ]\n\nBy default, the link is Medium sized, with primary colors, and an unbounded width.\n\n","type":"String.String -> List.List (Nri.Ui.Button.V10.Attribute msg) -> Accessibility.Styled.Html msg"},{"name":"linkExternal","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkExternalWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkSpa","comment":" Use this link for routing within a single page app.\n\nThis will make a normal tag, but change the Events.onClick behavior to avoid reloading the page.\n\nSee for details on this implementation.\n\n","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkWithMethod","comment":" ","type":"{ method : String.String, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"linkWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.Button.V10.Attribute msg"},{"name":"loading","comment":" Shows loading styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"medium","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"modal","comment":" Alias for Button.large\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"opensModal","comment":" Use this attribute when interacting with the button will launch a modal.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"premium","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"primary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n Button.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.Button.V10.Attribute msg"},{"name":"rightIcon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.Button.V10.Attribute msg"},{"name":"secondary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"small","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"submit","comment":" By default, buttons have type \"button\". Use this attribute to change the button type to \"submit\".\n\nNote: this attribute is not supported by links.\n\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"success","comment":" Shows success styling. If a button, this attribute will disable it.\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"tertiary","comment":" ","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Button.V10.Attribute msg"},{"name":"toggleButtonPressed","comment":" Mark the button as a toggle button, and pass in its pressed state.\n","type":"Basics.Bool -> Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidth","comment":" Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForMobile","comment":" For the mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForNarrowMobile","comment":" For the quiz engine mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unboundedWidthForQuizEngineMobile","comment":" For the quiz engine mobile breakpoint, Leave the maxiumum width unbounded (there is a minimum width).\n","type":"Nri.Ui.Button.V10.Attribute msg"},{"name":"unfulfilled","comment":" Shows inactive styles.\n","type":"Nri.Ui.Button.V10.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.Carousel.V1","comment":" Patch changes:\n\n - remove tooltip-related code that is never used for Carousel\n\n@docs view\n@docs Item\n@docs buildItem\n\n","unions":[{"name":"Item","comment":" ","args":["id","msg"],"cases":[]}],"aliases":[],"values":[{"name":"buildItem","comment":" Builds an selectable item in the Caroursel\n\n`controlHtml` represents the element that will appear in the list of options.\n\n`slideHtml` represents the element that will be shown in your carousel when this item is selected.\n\n","type":"{ id : id, idString : String.String, slideHtml : Html.Styled.Html msg, controlHtml : Html.Styled.Html Basics.Never } -> Nri.Ui.Carousel.V1.Item id msg"},{"name":"view","comment":" ","type":"{ focusAndSelect : { select : id, focus : Maybe.Maybe String.String } -> msg, selected : id, controlStyles : Basics.Bool -> List.List Css.Style, controlListStyles : List.List Css.Style, items : List.List (Nri.Ui.Carousel.V1.Item id msg) } -> { controls : Html.Styled.Html msg, slides : Html.Styled.Html msg }"}],"binops":[]},{"name":"Nri.Ui.Carousel.V2","comment":" Changes from V1:\n\n - added new carousel APIs (with tabbed controls/previous and next controls, and combined controls) using [W3C guidelines](https://www.w3.org/WAI/ARIA/apg/patterns/carousel/)\n\n@docs viewWithPreviousAndNextControls\n@docs viewWithTabControls\n@docs viewWithCombinedControls\n@docs Role\n\n","unions":[{"name":"Role","comment":" `Role`, which can be either [Group](https://w3c.github.io/aria/#group) or [Region](https://w3c.github.io/aria/#region)\n\n - Use `Group` when the contents of the slides are not intended to be included in a page summary or table of contents by assistive technologies.\n - Use `Region` when the contents the slides should be included in a page summary or table of contents.\n\n","args":[],"cases":[["Group",[]],["Region",[]]]}],"aliases":[],"values":[{"name":"viewWithCombinedControls","comment":" Builds a carousel with tab buttons\nReturns:\n\n - `tabs`: tabs control buttons\n - `slides` container with the carousel contents\n - `viewPreviousButton` previous button\n - `viewNextButton` next button\n - `containerAttributes` attributes that should be used on the parent div of both the button and slides elements\n\n","type":"{ selected : id, slides : List.List { id : id, idString : String.String, name : String.String, visibleLabelId : Maybe.Maybe String.String, slideView : Html.Styled.Html msg, tabView : Html.Styled.Html Basics.Never, tabAttributes : List.List (Html.Styled.Attribute msg) }, tabStyles : Basics.Bool -> List.List Css.Style, tabListStyles : List.List Css.Style, previousButton : { name : String.String, icon : Nri.Ui.Svg.V1.Svg, attributes : List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, nextButton : { name : String.String, icon : Nri.Ui.Svg.V1.Svg, attributes : List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, role : Nri.Ui.Carousel.V2.Role, name : String.String, visibleLabelId : Maybe.Maybe String.String, select : { select : id, announce : Maybe.Maybe String.String, focus : Maybe.Maybe String.String } -> msg } -> { tabs : Html.Styled.Html msg, viewPreviousButton : Html.Styled.Html msg, viewNextButton : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List.List (Html.Styled.Attribute msg) }"},{"name":"viewWithPreviousAndNextControls","comment":" Builds a carousel with previous and next controls\n\nReturns:\n\n - `slides` the container with the carousel contents\n - `viewPreviousButton` previous button\n - `viewNextButton` next button\n - `containerAttributes` attributes that should be used on the parent div of both the button and slides elements\n\n","type":"{ selected : id, slides : List.List { id : id, idString : String.String, name : String.String, visibleLabelId : Maybe.Maybe String.String, slideView : Html.Styled.Html msg }, previousButton : { name : String.String, icon : Nri.Ui.Svg.V1.Svg, attributes : List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, nextButton : { name : String.String, icon : Nri.Ui.Svg.V1.Svg, attributes : List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) }, name : String.String, visibleLabelId : Maybe.Maybe String.String, role : Nri.Ui.Carousel.V2.Role, announceAndSelect : { select : id, announce : String.String } -> msg } -> { viewPreviousButton : Html.Styled.Html msg, viewNextButton : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List.List (Html.Styled.Attribute msg) }"},{"name":"viewWithTabControls","comment":" Builds a carousel with tab buttons\nReturns:\n\n - `tabs`: tabs control buttons\n - `slides` container with the carousel contents\n - `containerAttributes` attributes that should be used on the parent div of both the button and slides elements\n\n","type":"{ selected : id, slides : List.List { id : id, idString : String.String, slideView : Html.Styled.Html msg, tabView : Html.Styled.Html Basics.Never, tabAttributes : List.List (Html.Styled.Attribute msg) }, tabStyles : Basics.Bool -> List.List Css.Style, tabListStyles : List.List Css.Style, role : Nri.Ui.Carousel.V2.Role, name : String.String, visibleLabelId : Maybe.Maybe String.String, focusAndSelect : { select : id, focus : Maybe.Maybe String.String } -> msg } -> { tabs : Html.Styled.Html msg, slides : Html.Styled.Html msg, containerAttributes : List.List (Html.Styled.Attribute msg) }"}],"binops":[]},{"name":"Nri.Ui.CharacterIcon.V2","comment":" Patch changes:\n\n - added missing headshots\n - made flipped headshots scale correctly in Safari\n\nTODO: There was a bunch of work on \ntowards reusing code in the SVGs to make them smaller. We should do the same for headshots.\n\n@docs lindyInstructive, lindySupportive\n@docs redInstructive, redSupportive\n@docs salInstructive, salSupportive\n@docs lindyHeadshot, redHeadshot, salHeadshot\n@docs lindyHeadshotFacingRight, redHeadshotFacingRight, salHeadshotFacingRight\n\n","unions":[],"aliases":[],"values":[{"name":"lindyHeadshot","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"lindyHeadshotFacingRight","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"lindyInstructive","comment":" Full height Lindy to be shown when presenting a question.\n","type":"Nri.Ui.Svg.V1.Svg"},{"name":"lindySupportive","comment":" Full height Lindy to be shown after getting an answer wrong.\n","type":"Nri.Ui.Svg.V1.Svg"},{"name":"redHeadshot","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"redHeadshotFacingRight","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"redInstructive","comment":" Full height Red to be shown when presenting a question.\n","type":"Nri.Ui.Svg.V1.Svg"},{"name":"redSupportive","comment":" Full height Red to be shown on a wrong answer.\n","type":"Nri.Ui.Svg.V1.Svg"},{"name":"salHeadshot","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"salHeadshotFacingRight","comment":" ","type":"Nri.Ui.Svg.V1.Svg"},{"name":"salInstructive","comment":" Full height Sal to be shown when presenting a question.\n","type":"Nri.Ui.Svg.V1.Svg"},{"name":"salSupportive","comment":" Full height Sal to be shown on a wrong answer.\n","type":"Nri.Ui.Svg.V1.Svg"}],"binops":[]},{"name":"Nri.Ui.Checkbox.V7","comment":"\n\n\n## Patch changes:\n\n - reposition the guidance to be right below the label text\n - fix the hiddenLabel checkbox behavior\n - fix the disabled styles\n - fix \"checkboxes can’t be clicked in the lower half when there’s guidance\" issue\n - fix duplicative focus ring issue\n - apply custom attributes to the element with the `\"checkbox\"` role\n - set cursor to not-allowed when disabled\n - update color styling\n - update unselected enabled label color\n - adds noMargin\n\n\n## Changes from V6:\n\n - Reworked api similar to other components based on Attributes\n - Add support for guidance\n - Dropped checkboxLockOnInside functionality\n - Dropped disabledLabelCss functionality. Use labelCss instead in case when the checkbox is disabled.\n - (breaking-change) By default the label is visible (ie: V6.viewWithLabel), use hiddenLabel to migrate from V6.view.\n\n\n## Patch changes:\n\n - It turns out that \"indeterminate\" has to be set from JS -- it doesn't work to add the attribute as part of the HTML. So, instead of using an input under the hood, we're using aria-attributes instead. This also allows us to simplify the styles a bit.\n\n@docs view\n\n\n### Event handlers\n\n@docs onCheck\n\n\n### Attributes\n\n@docs Attribute, IsSelected\n@docs hiddenLabel, visibleLabel\n@docs selectedFromBool\n@docs containerCss, labelCss, custom, nriDescription, id, testId\n@docs disabled, enabled, guidance, guidanceHtml\n@docs noMargin\n\n\n### Internal\n\n@docs viewIcon\n\n","unions":[{"name":"Attribute","comment":" Customizations for the Checkbox.\n","args":["msg"],"cases":[]},{"name":"IsSelected","comment":"\n\n = Selected -- Checked (rendered with a checkmark)\n | NotSelected -- Not Checked (rendered blank)\n | PartiallySelected -- Indeterminate (rendered dash)\n\n","args":[],"cases":[["Selected",[]],["NotSelected",[]],["PartiallySelected",[]]]}],"aliases":[],"values":[{"name":"containerCss","comment":" Adds CSS to the element containing the input.\n","type":"List.List Css.Style -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute msg) -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"disabled","comment":" This disables the input\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"enabled","comment":" This enables the input, this is the default behavior\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"guidance","comment":" A guidance message shows below the input, unless an error message is showing instead.\n","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"guidanceHtml","comment":" A guidance message (HTML) shows below the input, unless an error message is showing instead.\n","type":"List.List (Html.Styled.Html msg) -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"hiddenLabel","comment":" Hides the visible label. (There will still be an invisible label for screen readers.)\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"id","comment":" Set a custom ID for this checkbox input and label. If you don't set this,\nwe'll automatically generate one from the label you pass in, but this can\ncause problems if you have more than one checkbox input with the same label on\nthe page. You might also use this helper if you're manually managing focus.\n","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"labelCss","comment":" Adds CSS to the element containing the label text.\n\nNote that these styles don't apply to the literal HTML label element, since it contains the icon SVG as well.\n\n","type":"List.List Css.Style -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"noMargin","comment":" Remove default spacing from the top and bottom of the checkbox.\n","type":"Basics.Bool -> Nri.Ui.Checkbox.V7.Attribute value"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"onCheck","comment":" Fire a message when toggling the checkbox.\n","type":"(Basics.Bool -> msg) -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"selectedFromBool","comment":" If your selectedness is always selected or not selected,\nyou will likely store that state as a `Bool` in your model.\n`selectedFromBool` lets you easily convert that into an `IsSelected` value\nfor use with `Nri.Ui.Checkbox`.\n","type":"Basics.Bool -> Nri.Ui.Checkbox.V7.IsSelected"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.Checkbox.V7.Attribute msg"},{"name":"view","comment":" View a checkbox (the label is only used for accessibility hints unless visibleLabel attribute is applied)\n","type":"{ label : String.String, selected : Nri.Ui.Checkbox.V7.IsSelected } -> List.List (Nri.Ui.Checkbox.V7.Attribute msg) -> Html.Styled.Html msg"},{"name":"viewIcon","comment":" ","type":"List.List Css.Style -> Nri.Ui.Svg.V1.Svg -> Html.Styled.Html msg"},{"name":"visibleLabel","comment":" Shows the visible label. This is the default behavior\n","type":"Nri.Ui.Checkbox.V7.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.ClickableSvg.V2","comment":"\n\n\n# Patch changes:\n\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `iconForMobile`, `iconForQuizEngineMobile`, `iconForNarrowMobile`\n - adds `submit` and `opensModal`\n - replaces the `disabled` attribute with `aria-disabled=\"true\"`\n - removes click handler from disabled buttons\n - prevents default behavior for disabled submit buttons by setting `type=\"button\"`\n\n\n# Create a button or link\n\n@docs button, link\n@docs Attribute\n\n\n## Behavior\n\n@docs onClick, submit, opensModal\n@docs href, linkSpa, linkExternal, linkWithMethod, linkWithTracking, linkExternalWithTracking\n\n\n## Sizing\n\n@docs exactSize, exactWidth, exactHeight\n\n\n## State\n\n@docs disabled\n\n\n## Icons\n\n@docs rightIcon\n@docs iconForMobile, iconForQuizEngineMobile, iconForNarrowMobile\n\n\n## Customization\n\n@docs withBorder\n@docs primary, secondary, tertiary, quaternary, danger, dangerSecondary\n\n@docs custom, nriDescription, testId, id\n\n\n### CSS\n\n@docs css, notMobileCss, mobileCss, quizEngineMobileCss\n\n\n### DEPRECATED\n\nIn practice, we don't use these sizes. Remove them!\n\n@docs small, medium, large\n\n","unions":[{"name":"Attribute","comment":" ","args":["msg"],"cases":[]}],"aliases":[],"values":[{"name":"button","comment":" ","type":"String.String -> Nri.Ui.Svg.V1.Svg -> List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"css","comment":" ","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"custom","comment":" Use this helper to add custom attributes.\n\nDo NOT use this helper to add css styles, as they may not be applied the way\nyou want/expect if underlying Button styles change.\nInstead, please use the `css` helper.\n\n","type":"List.List (Html.Styled.Attribute msg) -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"danger","comment":" White/transparent icon on a red background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"dangerSecondary","comment":" Red icon on a white/transparent background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"disabled","comment":" ","type":"Basics.Bool -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactHeight","comment":" Define a size in `px` for the element's total height.\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactSize","comment":" Set the size in `px` for the element's width and height.\n\nEquivalent to:\n\n [ exactWidth inPx\n , exactHeight inPx\n ]\n\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"exactWidth","comment":" Define a size in `px` for the element's total width.\n","type":"Basics.Int -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"href","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForNarrowMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"iconForQuizEngineMobile","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"id","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"large","comment":" This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"link","comment":" ","type":"String.String -> Nri.Ui.Svg.V1.Svg -> List.List (Nri.Ui.ClickableSvg.V2.Attribute msg) -> Html.Styled.Html msg"},{"name":"linkExternal","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkExternalWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkSpa","comment":" Use this link for routing within a single page app.\n\nThis will make a normal tag, but change the Events.onClick behavior to avoid reloading the page.\n\nSee for details on this implementation.\n\n","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkWithMethod","comment":" ","type":"{ method : String.String, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"linkWithTracking","comment":" ","type":"{ track : msg, url : String.String } -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"medium","comment":" This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"mobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.mobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"notMobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.notMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"nriDescription","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"onClick","comment":" ","type":"msg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"opensModal","comment":" Use this attribute when interacting with the button will launch a modal.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"primary","comment":" white/transparent icon on an azure background.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"quaternary","comment":" Used to de-emphasize elements when not hovered.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"quizEngineMobileCss","comment":" Equivalent to:\n\n ClickableSvg.css\n [ Css.Media.withMedia [ Nri.Ui.MediaQuery.V1.quizEngineMobile ] styles ]\n\n","type":"List.List Css.Style -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"rightIcon","comment":" ","type":"Nri.Ui.Svg.V1.Svg -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"secondary","comment":" This is the default: a blue icon on a transparent background, or a blue icon\non a white/glacier icon with a blue border.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"small","comment":" This is the default. This attribute will be removed in the next version of ClickableSvg!\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"submit","comment":" By default, buttons have type \"button\". Use this attribute to change the button type to \"submit\".\n\nNote: this attribute is not supported by links.\n\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"tertiary","comment":" Used to de-emphasize elements when not hovered.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"testId","comment":" ","type":"String.String -> Nri.Ui.ClickableSvg.V2.Attribute msg"},{"name":"withBorder","comment":" Display a border around the icon.\n","type":"Nri.Ui.ClickableSvg.V2.Attribute msg"}],"binops":[]},{"name":"Nri.Ui.ClickableText.V3","comment":" Notes for V4:\n\n - Remove the -v2- from dataDescriptor to avoid version specific\n - Use dataDescriptor for clickable-text-label\n\n\n# Post-release patches\n\n - uses ClickableAttributes\n - adds `css` helper\n - removes underline on hover and recolors to azureDark\n - removes bottom border\n - adds `nriDescription`, `testId`, and `id` helpers\n - adds `modal` helper, for use in modal footers, same as applying large and Css.marginTop (Css.px 15)\n - adds `notMobileCss`, `mobileCss`, `quizEngineMobileCss`\n - adds `hideIconForMobile` and `hideIconAt`\n - adds `hideTextForMobile` and `hideTextAt`\n - adds `submit` and `opensModal`\n - adds `disabled`\n - adds `caption` size that matches up with Text.caption's font size\n - replaces the `disabled` attribute with `aria-disabled=\"true\"`\n - removes click handler from disabled buttons\n - prevents default behavior for disabled submit buttons by setting `type=\"button\"`\n\n\n# Changes from V2\n\n - Changes API to be attributes-based rather than config-based\n - Makes a hole for custom attributes (like ids and styles)\n\n\n# About:\n\nClickableText looks different from Nri.Ui.Button in that it displays without margin or padding.\nClickableText has the suave, traditional look of a \"link\"!\n\nFor accessibility purposes, buttons that perform an action on the current page should be HTML `