[
    {
        "name": "Nri.Stylers",
        "comment": " Helper module for working with fonts\n\n@docs makeFont\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "makeFont",
                "comment": "\ntakes a size and a color and creates a font\n",
                "type": "FontSize a -> ColorValue b -> Mixin"
            }
        ],
        "binops": []
    },
    {
        "name": "Nri.Colors",
        "comment": " Helper module for working with colors\n\n@docs aqua, aquaDark, aquaLight, azure, azureDark\n@docs black, white\n@docs blue, blueDark, blueDark5, blueDark70, blueDeep, blueLighter\n@docs coral, coralLighter, coralLightest, cornflower, cornflowerDark, cornflowerLight, cyan\n@docs frost\n@docs gray, gray45, gray80, gray75, gray92, gray96, grayDark, grayDarker, grayLighter, grayLightest\n@docs glacier, grassland, green, greenDark, greenDarkest, greenLight, greenLighter, greenLightest\n@docs highlightLightBlue, highlightLightMagenta, highlightLightYellow, highlightSolidBlue, highlightSolidMagenta, highlightSolidYellow\n@docs lichen, linkBlue, linkBlueLight, linkBlueMed, linkBlueDark\n@docs magenta\n@docs navy\n@docs orange, orangeDark, orangeLighter\n@docs purple, purpleDark, purpleLight, purpleLighter, purpleLightest\n@docs red, redDark, redLight, redLightest\n@docs sunshine\n@docs turquoise, turquoiseDark, turquiseLight, turquoiseLighter, turquoiseLightest\n@docs yellow, yellowDark, yellowLight\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "aqua",
                "comment": "\n\n<p style=\"font-size:2em; color: #00cbeb\">#00cbeb</p>\n\n",
                "type": "Color"
            },
            {
                "name": "aquaDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #008da3\">#008da3</p>\n\n",
                "type": "Color"
            },
            {
                "name": "aquaLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #e6fcff\">#e6fcff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "azure",
                "comment": "\n\n<p style=\"font-size:2em; color: #146aff\">#146aff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "azureDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #004cc9\">#004cc9</p>\n\n",
                "type": "Color"
            },
            {
                "name": "black",
                "comment": "\n\n<p style=\"font-size:2em; color: #333333\">#333333</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blue",
                "comment": "\n\n<p style=\"font-size:2em; color: #40a8e4\">#40a8e4</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #0e5595\">#0e5595</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDark5",
                "comment": "\n\n<p style=\"font-size:2em; color: #eef9ff; background-color: black;\">#eef9ff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDark70",
                "comment": "\n\n<p style=\"font-size:2em; color: #0e5595\">#0e5595</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDeep",
                "comment": "\n\n<p style=\"font-size:2em; color: #4a79a7\">#4a79a7</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #e4eff5; background-color: black;\">#e4eff5</p>\n\n",
                "type": "Color"
            },
            {
                "name": "coral",
                "comment": "\n\n<p style=\"font-size:2em; color: #F3336c\">#F3336c</p>\n\n",
                "type": "Color"
            },
            {
                "name": "coralLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #ffe0e6; background-color: black;\">#ffe0e6</p>\n\n",
                "type": "Color"
            },
            {
                "name": "coralLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #ffe0e6; background-color: black;\">#ffe0e6</p>\n\n",
                "type": "Color"
            },
            {
                "name": "cornflower",
                "comment": "\n\n<p style=\"font-size:2em; color: #00aaff\">#00aaff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "cornflowerDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #0074AD\">#0074AD</p>\n\n",
                "type": "Color"
            },
            {
                "name": "cornflowerLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #e6f7ff\">#e6f7ff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "cyan",
                "comment": "\n\n<p style=\"font-size:2em; color: #43dcff\">#43dcff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "frost",
                "comment": "\n\n<p style=\"font-size:2em; color: #eef9ff\">#eef9ff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "glacier",
                "comment": "\n\n<p style=\"font-size:2em; color: #d4f0ff\">#d4f0ff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grassland",
                "comment": "\n\n<p style=\"font-size:2em; color: #56bf74\">#56bf74</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray",
                "comment": "\n\n<p style=\"font-size:2em; color: #bfbfbf; background-color: black;\">#bfbfbf</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray45",
                "comment": "\n\n<p style=\"font-size:2em; color: #727272\">#727272</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray75",
                "comment": "\n\n<p style=\"font-size:2em; color: #bfbfbf\">#bfbfbf</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray80",
                "comment": "\n\n<p style=\"font-size:2em; color: #333333\">#333333</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray92",
                "comment": "\n\n<p style=\"font-size:2em; color: #ebebeb\">#ebebeb</p>\n\n",
                "type": "Color"
            },
            {
                "name": "gray96",
                "comment": "\n\n<p style=\"font-size:2em; color: #f5f5f5\">#f5f5f5</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grayDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #727272\">#727272</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grayDarker",
                "comment": "\n\n<p style=\"font-size:2em; color: #727272\">#727272</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grayLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #EBEBEB; background-color: black;\">#EBEBEB</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grayLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #f5f5f5; background-color: black;\">#f5f5f5</p>\n\n",
                "type": "Color"
            },
            {
                "name": "green",
                "comment": "\n\n<p style=\"font-size:2em; color: #00e541\">#00e541</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #26A300\">#26A300</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenDarkest",
                "comment": "\n\n<p style=\"font-size:2em; color: #228000\">#228000</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #b3ffc9\">#b3ffc9</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #b3ffc9; background-color: black;\">#b3ffc9</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #e6ffed; background-color: black;\">#e6ffed</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightLightBlue",
                "comment": "\n\n<p style=\"font-size:2em; color: rgba(66, 219, 255, 0.75)\">rgba(66, 219, 255, 0.75)</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightLightMagenta",
                "comment": "\n\n<p style=\"font-size:2em; color: rgba(255, 0 ,189, 0.5)\">rgba(255, 0 ,189, 0.5)</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightLightYellow",
                "comment": "\n\n<p style=\"font-size:2em; color: rgba(254, 199 ,9, 0.75)\">rgba(254, 199 ,9, 0.75)</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightSolidBlue",
                "comment": "\n\n<p style=\"font-size:2em; color: #43dcff\">#43dcff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightSolidMagenta",
                "comment": "\n\n<p style=\"font-size:2em; color: #ff00bd\">#ff00bd</p>\n\n",
                "type": "Color"
            },
            {
                "name": "highlightSolidYellow",
                "comment": "\n\n<p style=\"font-size:2em; color: #fec70a\">#fec70a</p>\n\n",
                "type": "Color"
            },
            {
                "name": "lichen",
                "comment": "\n\n<p style=\"font-size:2em; color: #99bfa4\">#99bfa4</p>\n\n",
                "type": "Color"
            },
            {
                "name": "linkBlue",
                "comment": " main link and button color\n\n<p style=\"font-size:2em; color: #146aff\">#146aff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "linkBlueDark",
                "comment": " mix($link-blue, black, 90%)\n\n<p style=\"font-size:2em; color: #3A97CD\">#3A97CD</p>\n\n",
                "type": "Color"
            },
            {
                "name": "linkBlueLight",
                "comment": " input accent color, link and button color against dark backgrounds where main color does not have enough contrast\n\n<p style=\"font-size:2em; color: #E4EFF5; background-color: black;\">#E4EFF5</p>\n\n",
                "type": "Color"
            },
            {
                "name": "linkBlueMed",
                "comment": " secondary color for cycling dots\n\n<p style=\"font-size:2em; color: #d4f0ff; background-color: black;\">#d4f0ff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "magenta",
                "comment": "\n\n<p style=\"font-size:2em; color: #ff00bd\">#ff00bd</p>\n\n",
                "type": "Color"
            },
            {
                "name": "navy",
                "comment": "\n\n<p style=\"font-size:2em; color: #0e5595\">#0e5595</p>\n\n",
                "type": "Color"
            },
            {
                "name": "orange",
                "comment": "\n\n<p style=\"font-size:2em; color: #F5A623\">#F5A623</p>\n\n",
                "type": "Color"
            },
            {
                "name": "orangeDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #FEC709\">#FEC709</p>\n\n",
                "type": "Color"
            },
            {
                "name": "orangeLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #F9C97B; background-color: black;\">#F9C97B</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purple",
                "comment": "\n\n<p style=\"font-size:2em; color: #a839e7\">#a839e7</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #7721A7\">#7721A7</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #f7ebff\">#f7ebff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #f7ebff; background-color: black;\">#f7ebff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #f7ebff; background-color: black;\">#f7ebff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "red",
                "comment": "\n\n<p style=\"font-size:2em; color: #f3336c\">#f3336c</p>\n\n",
                "type": "Color"
            },
            {
                "name": "redDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #c2003a\">#c2003a</p>\n\n",
                "type": "Color"
            },
            {
                "name": "redLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #ffe0e6\">#ffe0e6</p>\n\n",
                "type": "Color"
            },
            {
                "name": "redLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #ffe0e6\">#ffe0e6</p>\n\n",
                "type": "Color"
            },
            {
                "name": "sunshine",
                "comment": "\n\n<p style=\"font-size:2em; color: #fffadc\">#fffadc</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquiseLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #e0fffe\">#e0fffe</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoise",
                "comment": "\n\n<p style=\"font-size:2em; color: #00cfbe\">#00cfbe</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoiseDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #00A8A0\">#00A8A0</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoiseLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #e0fffe; background-color: black;\">#e0fffe</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoiseLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #e0fffe; background-color: black;\">#e0fffe</p>\n\n",
                "type": "Color"
            },
            {
                "name": "white",
                "comment": "\n\n<p style=\"font-size:2em; color: #fff; background-color: black;\">#fff</p>\n\n",
                "type": "Color"
            },
            {
                "name": "yellow",
                "comment": "\n\n<p style=\"font-size:2em; color: #FEC709\">#FEC709</p>\n\n",
                "type": "Color"
            },
            {
                "name": "yellowDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #FEC709; background-color: black;\">#FEC709</p>\n\n",
                "type": "Color"
            },
            {
                "name": "yellowLight",
                "comment": "\n\n<p style=\"font-size:2em; color: #fffadc; background-color: black;\">#fffadc</p>\n\n",
                "type": "Color"
            }
        ],
        "binops": []
    },
    {
        "name": "Nri.Fonts",
        "comment": " Fonts for NoRedInk projects\n\n@docs baseFont, quizFont\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "baseFont",
                "comment": " Font for instructions, headers, and pretty much everything else\n",
                "type": "Mixin"
            },
            {
                "name": "quizFont",
                "comment": " Font for question sentences, or most interactable or graded fields\n",
                "type": "Mixin"
            }
        ],
        "binops": []
    },
    {
        "name": "Nri.Css.Extra",
        "comment": " Put helper functions, properties, mixins, and anything else that might be missing from elm-css. If it gets used enough and the use case is in the scope of elm-css, we can open PRs/Issues to discuss or add the features to that package.\n\n@docs lineHeightNum\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "lineHeightNum",
                "comment": " Use a Css.Num value for line height\n",
                "type": "Float -> Mixin"
            }
        ],
        "binops": []
    },
    {
        "name": "Nri.Accessibility",
        "comment": " Helper module for functions that make it easier to write accessible code.\n    Role, aria, label-related helpers, color-fallbacks, etc.\n\n@docs invisibleText\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "invisibleText",
                "comment": "\ninvisibleText is most frequently useful on labels.\n\nFor instance, if there's an input element with a placeholder,\nsomeone on a screenreader would miss the content of that placeholder.\n\nWith invisibleText, we can avoid redundancy across visible label\nand placeholder, but maintain semantic meaning of the input for other users.\n",
                "type": "Mixin"
            }
        ],
        "binops": []
    },
    {
        "name": "Nri",
        "comment": " A collection of helpers for working with NoRedInk projects\n@docs name\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "name": "name",
                "comment": " NoRedInk's name!\n",
                "type": "String"
            }
        ],
        "binops": []
    }
]