[
    {
        "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 black, white\n@docs blue, blueDark, blueDark5, blueDark70, blueDeep, blueLighter\n@docs coral, coralLighter, coralLightest\n@docs gray, grayDark, grayDarker, grayLighter, grayLightest\n@docs green, greenLighter, greenLightest\n@docs highlightLightBlue, highlightLightMagenta, highlightLightYellow, highlightSolidBlue, highlightSolidMagenta, highlightSolidYellow\n@docs linkBlue, linkBlueLight, linkBlueMed, linkBlueDark\n@docs orange, orangeDark, orangeLighter\n@docs purple, purpleLighter, purpleLightest\n@docs red, redLightest\n@docs turquoise, turquoiseLighter, turquoiseLightest\n@docs yellowDark, yellowLight\n\n",
        "unions": [],
        "aliases": [],
        "values": [
            {
                "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: #00488A\">#00488A</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDark5",
                "comment": "\n\n<p style=\"font-size:2em; color: #F2F6F9; background-color: black;\">#F2F6F9</p>\n\n",
                "type": "Color"
            },
            {
                "name": "blueDark70",
                "comment": "\n\n<p style=\"font-size:2em; color: #5484B0\">#5484B0</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: #FF997B\">#FF997B</p>\n\n",
                "type": "Color"
            },
            {
                "name": "coralLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #FFE0D7; background-color: black;\">#FFE0D7</p>\n\n",
                "type": "Color"
            },
            {
                "name": "coralLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #FFF0EB; background-color: black;\">#FFF0EB</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": "grayDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #8F8F8F\">#8F8F8F</p>\n\n",
                "type": "Color"
            },
            {
                "name": "grayDarker",
                "comment": "\n\n<p style=\"font-size:2em; color: #7a787a\">#7a787a</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: #f8f8f8; background-color: black;\">#f8f8f8</p>\n\n",
                "type": "Color"
            },
            {
                "name": "green",
                "comment": "\n\n<p style=\"font-size:2em; color: #3BD867\">#3BD867</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #C4F3D1; background-color: black;\">#C4F3D1</p>\n\n",
                "type": "Color"
            },
            {
                "name": "greenLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #E2F9E8; background-color: black;\">#E2F9E8</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": "linkBlue",
                "comment": " main link and button color\n\n<p style=\"font-size:2em; color: #40A8E4\">#40A8E4</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: #bde7ff; background-color: black;\">#bde7ff</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: #F09819\">#F09819</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: #8E62A7\">#8E62A7</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #DDCFE4; background-color: black;\">#DDCFE4</p>\n\n",
                "type": "Color"
            },
            {
                "name": "purpleLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #EEE8F2; background-color: black;\">#EEE8F2</p>\n\n",
                "type": "Color"
            },
            {
                "name": "red",
                "comment": "\n\n<p style=\"font-size:2em; color: #DF533A\">#DF533A</p>\n\n",
                "type": "Color"
            },
            {
                "name": "redLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #FDF6F5\">#FDF6F5</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoise",
                "comment": "\n\n<p style=\"font-size:2em; color: #08CFCB\">#08CFCB</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoiseLighter",
                "comment": "\n\n<p style=\"font-size:2em; color: #B4F0EF; background-color: black;\">#B4F0EF</p>\n\n",
                "type": "Color"
            },
            {
                "name": "turquoiseLightest",
                "comment": "\n\n<p style=\"font-size:2em; color: #DAF8F7; background-color: black;\">#DAF8F7</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": "yellowDark",
                "comment": "\n\n<p style=\"font-size:2em; color: #ffec75; background-color: black;\">#ffec75</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": []
    }
]