{"version":3,"sources":["webpack:///./src/components/Button.js","webpack:///./src/pages/blogg/index.js","webpack:///./src/components/BlogRoll.js"],"names":["useStyles","createUseStyles","theme","button","appearance","backgroundColor","border","borderColor","palette","borderRadius","radius1","color","padding","spacing","width","font","lineHeight","cursor","outline","Button","_ref","className","children","classes","React","createElement","type","defaultProps","root","maxWidth","margin","BlogIndexPage","path","Layout","header","BlogRoll","title","blogRoll","display","flexFlow","justifyContent","alignItems","props","textAlign","roll","flexWrap","blogBox","flex","boxShadow","radius3","link","textDecoration","postTitle","fontWeight","date","fontSize","description","moreButton","marginTop","position","bottom","BlogRollComponent","data","limit","featured","edges","allMarkdownRemark","filter","edge","node","frontmatter","featuredpost","map","key","Link","to","fields","slug","Date","toLocaleDateString","year","month","day","slice","StaticQuery","query","render"],"mappings":"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","file":"component---src-pages-blogg-index-js-9909cc6bfc3d1660fbba.js","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {createUseStyles} from \"react-jss\";\n\nconst useStyles = createUseStyles(theme => ({\n    button: {\n        appearance: \"none\",\n        backgroundColor: \"white\",\n        border: \"1px solid\",\n        borderColor: theme.palette[\"primary-500\"],\n        borderRadius: theme.borderRadius.radius1,\n        color: theme.palette[\"primary-500\"],\n        padding: `${theme.spacing[4]} ${theme.spacing[16]}`,\n        width: \"fit-content\",\n        font: \"inherit\",\n        lineHeight: theme.font.lineHeight,\n        \"&:hover\": {\n            cursor: \"pointer\"\n        },\n        \"&:focus\": {\n            outline: \"none\"\n        }\n    }\n}));\n\nconst Button = ({className, children}) => {\n    const classes = useStyles();\n    return (\n        <button className={`${classes.button} ${className}`} type=\"button\">\n            {children}\n        </button>\n    );\n};\n\nButton.defaultProps = {\n    className: null,\n    children: null\n}\n\nButton.propTypes = {\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([\n        PropTypes.string,\n        PropTypes.element,\n        PropTypes.arrayOf(PropTypes.element)\n    ])\n};\n\nexport default Button;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {createUseStyles} from \"react-jss\";\nimport Layout from \"../../components/Layout\";\nimport BlogRoll from \"../../components/BlogRoll\";\n\nconst useStyles = createUseStyles(theme => ({\n    root: {\n        width: \"90%\",\n        maxWidth: \"720px\",\n        margin: `${theme.spacing[\"64\"]} auto`,\n    }\n}));\n\nconst BlogIndexPage = ({path}) => {\n    const classes = useStyles();\n    return (\n        <Layout path={path}>\n            <div className={classes.root}>\n                <h1 className={classes.header}>Siste nyheter</h1>\n                <BlogRoll title=\"\" />\n            </div>\n        </Layout>\n    );\n};\n\nBlogIndexPage.propTypes = {\n    path: PropTypes.string.isRequired\n}\n\nexport default BlogIndexPage;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport {Link, graphql, StaticQuery} from \"gatsby\";\nimport {createUseStyles} from \"react-jss\";\nimport Button from \"./Button\";\n\nconst useStyles = createUseStyles(theme => ({\n    blogRoll: {\n        display: \"flex\",\n        flexFlow: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        maxWidth: props => props.maxWidth\n    },\n    title: {\n        width: \"100%\",\n        textAlign: \"left\",\n        color: theme.palette[\"neutral-800\"]\n    },\n    roll: {\n        width: `calc(100% + ${theme.spacing[\"16\"]})`,\n        display: \"flex\",\n        flexWrap: \"wrap\",\n        justifyContent: \"flex-start\",\n        margin: `0 -${theme.spacing[\"8\"]}`\n    },\n    blogBox: {\n        flex: \"0 0 auto\",\n        padding: theme.spacing[\"32\"],\n        maxWidth: \"calc(50% - 16px)\",\n        backgroundColor: \"white\",\n        border: `1px solid ${theme.palette[\"neutral-050\"]}`,\n        boxShadow:\n            \"0 3px 5px hsla(0, 0%, 0%, 0.1), 0 5px 15px hsla(0, 0%, 0%, 0.05)\",\n        borderRadius: theme.borderRadius.radius3,\n        display: \"flex\",\n        flexFlow: \"column\",\n        justifyContent: \"space-between\",\n        margin: theme.spacing[\"8\"],\n        \"@media (max-width: 720px)\": {\n            maxWidth: \"calc(100% - 16px)\"\n        }\n    },\n    link: {\n        textDecoration: \"none\"\n    },\n    postTitle: {\n        margin: \"0\",\n        color: theme.palette[\"primary-500\"],\n        fontWeight: \"700\"\n    },\n    date: {\n        color: theme.palette[\"neutral-400\"],\n        fontSize: theme.fontSize[\"14\"]\n    },\n    description: {\n        margin: \"0\",\n        color: theme.palette[\"neutral-600\"]\n    },\n    moreButton: {\n        marginTop: theme.spacing[\"16\"],\n        appearance: \"none\",\n        position: \"relative\",\n        bottom: \"0\"\n    }\n}));\n\nconst BlogRollComponent = props => {\n    const {data, limit, title, featured} = props;\n    const classes = useStyles(props);\n    const {edges} = data.allMarkdownRemark;\n\n    const formatDate = date => {\n        const d = new Date(date);\n        return d.toLocaleDateString(\"nb-NO\", {\n            year: \"numeric\",\n            month: \"long\",\n            day: \"numeric\"\n        });\n    };\n\n\n    return (\n        <div className={classes.blogRoll}>\n            <h2 className={classes.title}>{title}</h2>\n            <div className={classes.roll}>\n                {edges\n                    .filter(edge =>\n                        featured ? edge.node.frontmatter.featuredpost : true\n                    )\n                    .map(edge => (\n                        <div\n                            className={classes.blogBox}\n                            key={edge.node.frontmatter.description}\n                        >\n                            <div>\n                                <Link\n                                    className={classes.link}\n                                    to={edge.node.fields.slug}\n                                >\n                                    <p className={classes.postTitle}>\n                                        {edge.node.frontmatter.title}\n                                    </p>\n                                </Link>\n                                <p className={classes.date}>\n                                    {formatDate(edge.node.frontmatter.date)}\n                                </p>\n                                <p className={classes.description}>\n                                    {edge.node.frontmatter.description}\n                                </p>\n                            </div>\n                            <Link to={edge.node.fields.slug}>\n                                <Button className={classes.moreButton}>\n                                    Les mer\n                                </Button>\n                            </Link>\n                        </div>\n                    ))\n                    .slice(0, limit)}\n            </div>\n        </div>\n    );\n};\n\n\nBlogRollComponent.propTypes = {\n    data: PropTypes.objectOf(PropTypes.objectOf(PropTypes.array)).isRequired,\n    limit: PropTypes.number.isRequired,\n    title: PropTypes.string.isRequired,\n    featured: PropTypes.bool.isRequired\n};\n\nconst BlogRoll = ({limit, title, featured}) => (\n    <StaticQuery\n        query={graphql`\n            query BlogRollQuery {\n                allMarkdownRemark(\n                    sort: {order: DESC, fields: [frontmatter___date]}\n                    filter: {frontmatter: {templateKey: {eq: \"blog-post\"}}}\n                ) {\n                    edges {\n                        node {\n                            excerpt(pruneLength: 400)\n                            id\n                            fields {\n                                slug\n                            }\n                            frontmatter {\n                                title\n                                templateKey\n                                date\n                                featuredpost\n                                description\n                            }\n                        }\n                    }\n                }\n            }\n        `}\n        render={data => (\n            <BlogRollComponent\n                data={data}\n                title={title}\n                limit={limit}\n                featured={featured}\n            />\n        )}\n    />\n);\n\nBlogRoll.defaultProps = {\n    limit: 99,\n    featured: false\n};\n\nBlogRoll.propTypes = {\n    limit: PropTypes.number,\n    title: PropTypes.string.isRequired,\n    featured: PropTypes.bool\n};\n\nexport default BlogRoll;\n"],"sourceRoot":""}