Merge pull request #118 from arcticicestudio/feature/gh-117-docs-page…

…-sections

Docs Page Sections

src/components/atoms/core/vectors/icons/ArrowForward.jsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as ArrowForwardSVGFill } from "assets/images/icons/eva-icons/arrow-forward-fill.svg";
+import { ReactComponent as ArrowForwardSVGOutline } from "assets/images/icons/eva-icons/arrow-forward-outline.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const ArrowForwardIconFill = styled(ArrowForwardSVGFill)`
+  ${themeModeFillColorStyles};
+`;
+
+const ArrowForwardIconOutline = styled(ArrowForwardSVGOutline)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "arrow forward" icon from "Eva Icons" as styled SVG vector graphic component.
+ * The "outline" variant can be used by passing the `outlined` boolean prop.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const ArrowForward = ({ className, outlined, svgRef }) =>
+  outlined ? (
+    <ArrowForwardIconFill className={className} svgRef={svgRef} />
+  ) : (
+    <ArrowForwardIconOutline className={className} svgRef={svgRef} />
+  );
+
+ArrowForward.propTypes = iconPropTypes;
+
+ArrowForward.defaultProps = iconDefaultProps;
+
+export default ArrowForward;

src/components/atoms/core/vectors/icons/BookOpen.jsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as BookOpenSVGFill } from "assets/images/icons/eva-icons/book-open-fill.svg";
+import { ReactComponent as BookOpenSVGOutline } from "assets/images/icons/eva-icons/book-open-outline.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const BookOpenIconFill = styled(BookOpenSVGFill)`
+  ${themeModeFillColorStyles};
+`;
+
+const BookOpenIconOutline = styled(BookOpenSVGOutline)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "book open" icon from "Eva Icons" as styled SVG vector graphic component.
+ * The "outline" variant can be used by passing the `outlined` boolean prop.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const BookOpen = ({ className, outlined, svgRef }) =>
+  outlined ? (
+    <BookOpenIconFill className={className} svgRef={svgRef} />
+  ) : (
+    <BookOpenIconOutline className={className} svgRef={svgRef} />
+  );
+
+BookOpen.propTypes = iconPropTypes;
+
+BookOpen.defaultProps = iconDefaultProps;
+
+export default BookOpen;

src/components/atoms/core/vectors/icons/Code.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as CodeSVG } from "assets/images/icons/eva-icons/code.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const CodeIcon = styled(CodeSVG)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "code" icon from "Eva Icons" as styled SVG vector graphic component.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const Code = ({ className, svgRef }) => <CodeIcon className={className} svgRef={svgRef} />;
+
+Code.propTypes = iconPropTypes;
+
+Code.defaultProps = iconDefaultProps;
+
+export default Code;

src/components/atoms/core/vectors/icons/CodeDownload.jsx

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as CodeDownloadSVG } from "assets/images/icons/eva-icons/code-download.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const CodeDownloadIcon = styled(CodeDownloadSVG)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "code download" icon from "Eva Icons" as styled SVG vector graphic component.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const CodeDownload = ({ className, svgRef }) => <CodeDownloadIcon className={className} svgRef={svgRef} />;
+
+CodeDownload.propTypes = iconPropTypes;
+
+CodeDownload.defaultProps = iconDefaultProps;
+
+export default CodeDownload;

src/components/atoms/core/vectors/icons/Compass.jsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as CompassSVGFill } from "assets/images/icons/eva-icons/compass-fill.svg";
+import { ReactComponent as CompassSVGOutline } from "assets/images/icons/eva-icons/compass-outline.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const CompassIconFill = styled(CompassSVGFill)`
+  ${themeModeFillColorStyles};
+`;
+
+const CompassIconOutline = styled(CompassSVGOutline)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "compass" icon from "Eva Icons" as styled SVG vector graphic component.
+ * The "outline" variant can be used by passing the `outlined` boolean prop.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const Compass = ({ className, outlined, svgRef }) =>
+  outlined ? (
+    <CompassIconFill className={className} svgRef={svgRef} />
+  ) : (
+    <CompassIconOutline className={className} svgRef={svgRef} />
+  );
+
+Compass.propTypes = iconPropTypes;
+
+Compass.defaultProps = iconDefaultProps;
+
+export default Compass;

src/components/atoms/core/vectors/icons/Layout.jsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as LayoutSVGFill } from "assets/images/icons/eva-icons/layout-fill.svg";
+import { ReactComponent as LayoutSVGOutline } from "assets/images/icons/eva-icons/layout-outline.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const LayoutIconFill = styled(LayoutSVGFill)`
+  ${themeModeFillColorStyles};
+`;
+
+const LayoutIconOutline = styled(LayoutSVGOutline)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "layout" icon from "Eva Icons" as styled SVG vector graphic component.
+ * The "outline" variant can be used by passing the `outlined` boolean prop.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const Layout = ({ className, outlined, svgRef }) =>
+  outlined ? (
+    <LayoutIconFill className={className} svgRef={svgRef} />
+  ) : (
+    <LayoutIconOutline className={className} svgRef={svgRef} />
+  );
+
+Layout.propTypes = iconPropTypes;
+
+Layout.defaultProps = iconDefaultProps;
+
+export default Layout;

src/components/atoms/core/vectors/icons/Pantone.jsx

@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2018-present Arctic Ice Studio <[email protected]>
+ * Copyright (C) 2018-present Sven Greb <[email protected]>
+ *
+ * Project:    Nord Docs
+ * Repository: https://github.com/arcticicestudio/nord-docs
+ * License:    MIT
+ */
+
+import React from "react";
+import styled from "styled-components";
+
+import { ReactComponent as PantoneSVGFill } from "assets/images/icons/eva-icons/pantone-fill.svg";
+import { ReactComponent as PantoneSVGOutline } from "assets/images/icons/eva-icons/pantone-outline.svg";
+
+import { iconDefaultProps, iconPropTypes, themeModeFillColorStyles } from "../shared";
+
+const PantoneIconFill = styled(PantoneSVGFill)`
+  ${themeModeFillColorStyles};
+`;
+
+const PantoneIconOutline = styled(PantoneSVGOutline)`
+  ${themeModeFillColorStyles};
+`;
+
+/**
+ * The "pantone" icon from "Eva Icons" as styled SVG vector graphic component.
+ * The "outline" variant can be used by passing the `outlined` boolean prop.
+ * By default, it uses the fill color and transition based on the current active global theme mode.
+ *
+ * @author Arctic Ice Studio <[email protected]>
+ * @author Sven Greb <[email protected]>
+ * @since 0.8.0
+ * @see https://akveo.github.io/eva-icons
+ */
+const Pantone = ({ className, outlined, svgRef }) =>
+  outlined ? (
+    <PantoneIconFill className={className} svgRef={svgRef} />
+  ) : (
+    <PantoneIconOutline className={className} svgRef={svgRef} />
+  );
+
+Pantone.propTypes = iconPropTypes;
+
+Pantone.defaultProps = iconDefaultProps;
+
+export default Pantone;