@thecb/components 7.5.2 → 7.6.0

package/dist/src/components/atoms/line-item/LineItem.theme.js

@@ -1,6 +0,0 @@
-var weightTitle = { default: "600", small: "400" };
-var paragraphVariant = { default: "pL", small: "pS" };
-export var fallbackValues = {
-    weightTitle: weightTitle,
-    paragraphVariant: paragraphVariant
-};

package/dist/src/components/atoms/line-item/index.d.ts

@@ -1,2 +0,0 @@
-export default LineItem;
-import LineItem from "./LineItem";

package/dist/src/components/atoms/line-item/index.js

@@ -1,2 +0,0 @@
-import LineItem from "./LineItem";
-export default LineItem;

package/dist/src/components/atoms/link/ExternalLink.d.ts

@@ -1,14 +0,0 @@
-export default ExternalLink;
-declare function ExternalLink({ href, newTab, size, lineHeight, weight, extraStyles, variant, tabIndex, dataQa, ariaLabel, children }: {
-    href?: string | undefined;
-    newTab?: boolean | undefined;
-    size?: string | undefined;
-    lineHeight?: string | undefined;
-    weight?: string | undefined;
-    extraStyles?: string | undefined;
-    variant?: string | undefined;
-    tabIndex?: string | undefined;
-    dataQa: any;
-    ariaLabel: any;
-    children: any;
-}): JSX.Element;

package/dist/src/components/atoms/link/ExternalLink.js

@@ -1,14 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import { fallbackValues } from "./Link.theme";
-import { createThemeValues } from "../../../util/themeUtils";
-import { StyledExternalLink } from "./ExternalLink.styled";
-import { FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-import { safeChildren } from "../../../util/general";
-var ExternalLink = function (_a) {
-    var _b = _a.href, href = _b === void 0 ? "" : _b, _c = _a.newTab, newTab = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "1rem" : _d, _e = _a.lineHeight, lineHeight = _e === void 0 ? "1.5rem" : _e, _f = _a.weight, weight = _f === void 0 ? FONT_WEIGHT_REGULAR : _f, _g = _a.extraStyles, extraStyles = _g === void 0 ? "" : _g, _h = _a.variant, variant = _h === void 0 ? "primary" : _h, _j = _a.tabIndex, tabIndex = _j === void 0 ? "0" : _j, dataQa = _a.dataQa, ariaLabel = _a.ariaLabel, children = _a.children;
-    var themeContext = useContext(ThemeContext);
-    var themeValues = createThemeValues(themeContext, fallbackValues, "Link", variant);
-    return (React.createElement(StyledExternalLink, { href: href, target: newTab ? "_blank" : "", color: themeValues.externalLinkColor, size: size, lineheight: lineHeight, weight: weight, hovercolor: themeValues.hoverColor, activeColor: themeValues.activeColor, fontFamily: themeValues.fontFamily, tabIndex: tabIndex, extrastyles: extraStyles, rel: newTab ? "noopener" : "", "data-qa": dataQa, "aria-label": ariaLabel }, safeChildren(children, React.createElement("span", null))));
-};
-export default ExternalLink;

package/dist/src/components/atoms/link/ExternalLink.styled.d.ts

@@ -1 +0,0 @@
-export const StyledExternalLink: any;

package/dist/src/components/atoms/link/ExternalLink.styled.js

@@ -1,64 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import styled from "styled-components";
-import { ROYAL_BLUE } from "../../../constants/colors";
-/*
-  The extracting of props and the disabling of the eslint rule is to stop React from complaining about
-  unrecognized DOM attributes.
-*/
-/* eslint-disable no-unused-vars */
-export var StyledExternalLink = styled(function (_a) {
-    var hoverColor = _a.hoverColor, activeColor = _a.activeColor, extrastyles = _a.extrastyles, props = __rest(_a, ["hoverColor", "activeColor", "extrastyles"]);
-    return React.createElement("a", __assign({}, props));
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:focus {\n    outline: 3px solid ", ";\n    outline-offset: 2px;\n  }\n\n  &:active {\n    text-decoration: underline;\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  font-family: ", ";\n  line-height: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:focus {\n    outline: 3px solid ", ";\n    outline-offset: 2px;\n  }\n\n  &:active {\n    text-decoration: underline;\n    color: ", ";\n  }\n\n  ", "\n"])), function (_a) {
-    var size = _a.size;
-    return size;
-}, function (_a) {
-    var color = _a.color;
-    return color;
-}, function (_a) {
-    var weight = _a.weight;
-    return weight;
-}, function (_a) {
-    var fontFamily = _a.fontFamily;
-    return fontFamily;
-}, function (_a) {
-    var lineheight = _a.lineheight;
-    return lineheight;
-}, function (_a) {
-    var hoverColor = _a.hoverColor;
-    return hoverColor;
-}, ROYAL_BLUE, function (_a) {
-    var activeColor = _a.activeColor;
-    return activeColor;
-}, function (_a) {
-    var extrastyles = _a.extrastyles;
-    return extrastyles;
-});
-var templateObject_1;
-/* eslint-enable no-unused-vars */

package/dist/src/components/atoms/link/InternalLink.d.ts

@@ -1,15 +0,0 @@
-export default InternalLink;
-declare function InternalLink({ to, color, children, active, fontSize, lineheight, fontWeight, variant, margin, tabIndex, dataQa, extraStyles }: {
-    to?: string | undefined;
-    color: any;
-    children: any;
-    active: any;
-    fontSize: any;
-    lineheight: any;
-    fontWeight: any;
-    variant?: string | undefined;
-    margin: any;
-    tabIndex?: string | undefined;
-    dataQa: any;
-    extraStyles?: string | undefined;
-}): JSX.Element;

package/dist/src/components/atoms/link/InternalLink.js

@@ -1,13 +0,0 @@
-import React, { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import { fallbackValues } from "./Link.theme";
-import { createThemeValues } from "../../../util/themeUtils";
-import { StyledInternalLink } from "./InternalLink.styled";
-import { safeChildren } from "../../../util/general";
-var InternalLink = function (_a) {
-    var _b = _a.to, to = _b === void 0 ? "" : _b, color = _a.color, children = _a.children, active = _a.active, fontSize = _a.fontSize, lineheight = _a.lineheight, fontWeight = _a.fontWeight, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, margin = _a.margin, _d = _a.tabIndex, tabIndex = _d === void 0 ? "0" : _d, dataQa = _a.dataQa, _e = _a.extraStyles, extraStyles = _e === void 0 ? "" : _e;
-    var themeContext = useContext(ThemeContext);
-    var themeValues = createThemeValues(themeContext, fallbackValues, "Link", variant);
-    return (React.createElement(StyledInternalLink, { to: to, color: color, lineheight: lineheight, active: active, fontWeight: fontWeight, fontSize: fontSize, fontFamily: themeValues.fontFamily, margin: margin, hoverColor: themeValues.hoverColor, activeColor: themeValues.activeColor, tabIndex: tabIndex, extrastyles: extraStyles, "data-qa": dataQa }, safeChildren(children, React.createElement("span", null))));
-};
-export default InternalLink;

package/dist/src/components/atoms/link/InternalLink.styled.d.ts

@@ -1 +0,0 @@
-export const StyledInternalLink: any;

package/dist/src/components/atoms/link/InternalLink.styled.js

@@ -1,68 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import styled from "styled-components";
-import { Link } from "react-router-dom";
-import { ROYAL_BLUE } from "../../../constants/colors";
-/*
-  The extracting of props and the disabling of the eslint rule is to stop React from complaining about
-  unrecognized DOM attributes.
-*/
-/* eslint-disable no-unused-vars */
-export var StyledInternalLink = styled(function (_a) {
-    var hoverColor = _a.hoverColor, activeColor = _a.activeColor, active = _a.active, color = _a.color, extrastyles = _a.extrastyles, props = __rest(_a, ["hoverColor", "activeColor", "active", "color", "extrastyles"]);
-    return (React.createElement(Link, __assign({}, props)));
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  color: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  font-size: ", ";\n  font-family: ", ";\n  margin: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:focus {\n    outline: 3px solid ", ";\n    outline-offset: 2px;\n  }\n\n  &:active {\n    text-decoration: underline;\n    color: ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  color: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  font-size: ", ";\n  font-family: ", ";\n  margin: ", ";\n\n  &:hover {\n    color: ", ";\n    text-decoration: underline;\n  }\n\n  &:focus {\n    outline: 3px solid ", ";\n    outline-offset: 2px;\n  }\n\n  &:active {\n    text-decoration: underline;\n    color: ", ";\n  }\n\n  ", "\n"])), function (_a) {
-    var color = _a.color, active = _a.active, activeColor = _a.activeColor;
-    return active === "true" ? activeColor : color;
-}, function (_a) {
-    var fontWeight = _a.fontWeight;
-    return fontWeight;
-}, function (_a) {
-    var lineheight = _a.lineheight;
-    return lineheight;
-}, function (_a) {
-    var fontSize = _a.fontSize;
-    return fontSize;
-}, function (_a) {
-    var fontFamily = _a.fontFamily;
-    return fontFamily;
-}, function (_a) {
-    var margin = _a.margin;
-    return margin;
-}, function (_a) {
-    var hoverColor = _a.hoverColor;
-    return hoverColor;
-}, ROYAL_BLUE, function (_a) {
-    var activeColor = _a.activeColor;
-    return activeColor;
-}, function (_a) {
-    var extrastyles = _a.extrastyles;
-    return extrastyles;
-});
-var templateObject_1;
-/* eslint-enable no-unused-vars */

package/dist/src/components/atoms/link/Link.stories.d.ts

@@ -1,8 +0,0 @@
-export function internalLink(): JSX.Element;
-export function externalLink(): JSX.Element;
-export default story;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/link/Link.stories.js

@@ -1,26 +0,0 @@
-import React from "react";
-import { boolean, select, text, number } from "@storybook/addon-knobs";
-import page from "../../../../.storybook/page";
-import InternalLink from "./InternalLink";
-import ExternalLink from "./ExternalLink";
-import { FONT_WEIGHT_BOLD, FONT_WEIGHT_SEMIBOLD, FONT_WEIGHT_REGULAR } from "../../../constants/style_constants";
-import * as colors from "../../../constants/colors";
-var fontWeights = {
-    FONT_WEIGHT_BOLD: FONT_WEIGHT_BOLD,
-    FONT_WEIGHT_SEMIBOLD: FONT_WEIGHT_SEMIBOLD,
-    FONT_WEIGHT_REGULAR: FONT_WEIGHT_REGULAR
-};
-var variantsLabel = "variant";
-var variants = {
-    primary: "primary",
-    secondary: "secondary"
-};
-var defaultValue = "primary";
-var groupId = "props";
-export var internalLink = function () { return (React.createElement(InternalLink, { variant: select(variantsLabel, variants, defaultValue, groupId), to: text("to", "https://google.com", "props"), extraStyles: text("extraStyles", "text-align: center;", "props"), margin: number("margin", 0, { min: 0, max: 99 }, "props"), fontWeight: select("fontWeight", fontWeights, 400, "props"), color: select("color", colors, "black", "props") }, "Internal Link")); };
-export var externalLink = function () { return (React.createElement(ExternalLink, { variant: select(variantsLabel, variants, defaultValue, groupId), href: text("href", "https://google.com", "props"), newTab: boolean("newTab", true, "props"), extraStyles: text("extraStyles", "text-align: center;", "props"), margin: number("margin", 0, { min: 0, max: 99 }, "props"), weight: select("weight", fontWeights, 400, "props"), color: select("color", colors, "black", "props") }, "External Link")); };
-var story = page({
-    title: "Components|Atoms/Link",
-    Component: InternalLink
-});
-export default story;

package/dist/src/components/atoms/link/Link.theme.d.ts

@@ -1,14 +0,0 @@
-export namespace fallbackValues {
-    export { fontFamily };
-    export { hoverColor };
-    export { activeColor };
-    export { externalLinkColor };
-}
-declare namespace fontFamily {
-    const primary: string;
-    const secondary: string;
-}
-declare const hoverColor: "#116285";
-declare const activeColor: "#0E506D";
-declare const externalLinkColor: "#15749D";
-export {};

package/dist/src/components/atoms/link/Link.theme.js

@@ -1,13 +0,0 @@
-var fontFamily = {
-    primary: "Public Sans",
-    secondary: "Open Sans"
-};
-var hoverColor = "#116285";
-var activeColor = "#0E506D";
-var externalLinkColor = "#15749D";
-export var fallbackValues = {
-    fontFamily: fontFamily,
-    hoverColor: hoverColor,
-    activeColor: activeColor,
-    externalLinkColor: externalLinkColor
-};

package/dist/src/components/atoms/link/index.d.ts

@@ -1,3 +0,0 @@
-import ExternalLink from "./ExternalLink";
-import InternalLink from "./InternalLink";
-export { ExternalLink, InternalLink };

package/dist/src/components/atoms/link/index.js

@@ -1,3 +0,0 @@
-import ExternalLink from "./ExternalLink";
-import InternalLink from "./InternalLink";
-export { ExternalLink, InternalLink };

package/dist/src/components/atoms/loading/Loading.d.ts

@@ -1,2 +0,0 @@
-export default Loading;
-declare function Loading(): JSX.Element;

package/dist/src/components/atoms/loading/Loading.js

@@ -1,9 +0,0 @@
-import React from "react";
-import Spinner from "../spinner";
-import { Box, Cover, Center } from "../layouts";
-var Loading = function () { return (React.createElement(Box, { key: "spinner-container", extraStyles: "position: fixed; top: 0; bottom: 0; left: 0; right: 0;" },
-    React.createElement(Cover, { minHeight: "100%", singleChild: true },
-        React.createElement(Center, { intrinsic: true },
-            React.createElement(Box, null,
-                React.createElement(Spinner, { size: "100" })))))); };
-export default Loading;

package/dist/src/components/atoms/loading/index.d.ts

@@ -1,2 +0,0 @@
-export default Loading;
-import Loading from "./Loading";

package/dist/src/components/atoms/loading/index.js

@@ -1,2 +0,0 @@
-import Loading from "./Loading";
-export default Loading;

package/dist/src/components/atoms/nav-footer/NavFooter.d.ts

@@ -1,13 +0,0 @@
-export default NavFooter;
-declare function NavFooter({ leftContent, rightContent, footerMinHeight, backgroundColor, largeSide, largeSideSize, footerPadding, isMobile, footerWidth, ...rest }: {
-    [x: string]: any;
-    leftContent: any;
-    rightContent: any;
-    footerMinHeight?: string | undefined;
-    backgroundColor: any;
-    largeSide?: string | undefined;
-    largeSideSize?: string | undefined;
-    footerPadding?: string | undefined;
-    isMobile: any;
-    footerWidth: any;
-}): JSX.Element;

package/dist/src/components/atoms/nav-footer/NavFooter.js

@@ -1,38 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Box, Switcher, Center, Cluster, Cover } from "../layouts";
-var NavFooter = function (_a) {
-    var leftContent = _a.leftContent, rightContent = _a.rightContent, _b = _a.footerMinHeight, footerMinHeight = _b === void 0 ? "104px" : _b, backgroundColor = _a.backgroundColor, _c = _a.largeSide, largeSide = _c === void 0 ? "right" : _c, _d = _a.largeSideSize, largeSideSize = _d === void 0 ? "2" : _d, _e = _a.footerPadding, footerPadding = _e === void 0 ? "1.5rem 1rem" : _e, isMobile = _a.isMobile, footerWidth = _a.footerWidth, rest = __rest(_a, ["leftContent", "rightContent", "footerMinHeight", "backgroundColor", "largeSide", "largeSideSize", "footerPadding", "isMobile", "footerWidth"]);
-    return (React.createElement(Box, __assign({ padding: footerPadding, background: backgroundColor, minHeight: footerMinHeight, minWidth: "100%", extraStyles: isMobile
-            ? "overflow: hidden;"
-            : "height: ".concat(footerMinHeight, "; > * { height: 100%; };") }, rest),
-        React.createElement(Center, { maxWidth: footerWidth || "76.5rem" },
-            React.createElement(Cover, { singleChild: true, minHeight: "100%" },
-                React.createElement(Box, { minHeight: "100%", padding: "0" },
-                    React.createElement(Switcher, { breakpoint: isMobile ? "999px" : "700px", largeChild: largeSide === "right" ? "2" : "1", largeChildSize: largeSideSize, childGap: "0.5rem" },
-                        leftContent,
-                        React.createElement(Cluster, { justify: isMobile ? "flex-start" : "flex-end", align: "center", childGap: "0.5rem" },
-                            React.createElement(Switcher, { maxChildrenOnly: true, maxChildren: isMobile ? 1 : 99, childGap: isMobile ? "1rem" : "2rem" }, rightContent))))))));
-};
-export default NavFooter;

package/dist/src/components/atoms/nav-footer/NavFooter.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function navFooter(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/nav-footer/NavFooter.stories.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { text, select, boolean } from "@storybook/addon-knobs";
-import NavFooter from "./NavFooter";
-import page from "../../../../.storybook/page";
-import * as colors from "../../../constants/colors";
-var story = page({
-    title: "Components|Atoms/NavFooter",
-    Component: NavFooter
-});
-export default story;
-var Left = function () { return (React.createElement("div", { style: { border: "2px solid black", width: "50px" } }, "Left Content")); };
-var Right = function () { return (React.createElement("div", { style: { border: "2px solid black", width: "50px" } }, "Right Content")); };
-export var navFooter = function () { return (React.createElement(NavFooter, { leftContent: React.createElement(Left, null), rightContent: React.createElement(Right, null), "$headerHeight": text("headerHeight", "105px", "props"), backgroundColor: select("activeColor", colors, "white", "props"), footerPadding: text("footerPadding", "1.5rem 1rem", "props"), isMobile: boolean("isMobile", false, "props") })); };

package/dist/src/components/atoms/nav-footer/index.d.ts

@@ -1,2 +0,0 @@
-export default NavFooter;
-import NavFooter from "./NavFooter";

package/dist/src/components/atoms/nav-footer/index.js

@@ -1,2 +0,0 @@
-import NavFooter from "./NavFooter";
-export default NavFooter;

package/dist/src/components/atoms/nav-header/NavHeader.d.ts

@@ -1,10 +0,0 @@
-export default NavHeader;
-declare function NavHeader({ leftContent, rightContent, headerHeight, isMobile, backgroundColor, headerWidth, ...rest }: {
-    [x: string]: any;
-    leftContent: any;
-    rightContent: any;
-    headerHeight?: string | undefined;
-    isMobile: any;
-    backgroundColor: any;
-    headerWidth: any;
-}): JSX.Element;

package/dist/src/components/atoms/nav-header/NavHeader.js

@@ -1,37 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from "react";
-import { Box, Cluster, Center, Cover } from "../layouts";
-var NavHeader = function (_a) {
-    var leftContent = _a.leftContent, rightContent = _a.rightContent, _b = _a.headerHeight, headerHeight = _b === void 0 ? "105px" : _b, isMobile = _a.isMobile, backgroundColor = _a.backgroundColor, headerWidth = _a.headerWidth, rest = __rest(_a, ["leftContent", "rightContent", "headerHeight", "isMobile", "backgroundColor", "headerWidth"]);
-    return (React.createElement(Box, __assign({ padding: "0 16px 4px", background: backgroundColor, extraStyles: isMobile
-            ? "height: 72px; > * { height: 100%; }; z-index: 2;"
-            : "height: ".concat(headerHeight, "; > * { height: 100%; }; z-index: 2;"), minWidth: "100%" }, rest),
-        React.createElement(Center, { maxWidth: headerWidth || "76.5rem" },
-            React.createElement(Box, { minHeight: "100%", padding: "0" },
-                React.createElement(Cover, { singleChild: true, minHeight: isMobile ? "72px" : headerHeight },
-                    React.createElement(Cluster, { justify: "space-between", align: "center", overflow: true },
-                        React.createElement(Box, { padding: "0" }, leftContent),
-                        React.createElement(Box, { padding: "0" }, rightContent)))))));
-};
-export default NavHeader;

package/dist/src/components/atoms/nav-header/NavHeader.stories.d.ts

@@ -1,7 +0,0 @@
-export default story;
-export function navHeader(): JSX.Element;
-declare const story: {
-    title: any;
-    component: any;
-    decorators: ((storyFn: any) => JSX.Element)[];
-};

package/dist/src/components/atoms/nav-header/NavHeader.stories.js

@@ -1,13 +0,0 @@
-import React from "react";
-import { text, select } from "@storybook/addon-knobs";
-import NavHeader from "./NavHeader";
-import page from "../../../../.storybook/page";
-import * as colors from "../../../constants/colors";
-var story = page({
-    title: "Components|Atoms/NavHeader",
-    Component: NavHeader
-});
-export default story;
-var Left = function () { return (React.createElement("div", { style: { border: "2px solid black", width: "50px" } }, "Left Content")); };
-var Right = function () { return (React.createElement("div", { style: { border: "2px solid black", width: "50px" } }, "Right Content")); };
-export var navHeader = function () { return (React.createElement(NavHeader, { leftContent: React.createElement(Left, null), rightContent: React.createElement(Right, null), headerHeight: text("headerHeight", "105px", "props"), backgroundColor: select("activeColor", colors, "white", "props") })); };

package/dist/src/components/atoms/nav-header/index.d.ts

@@ -1,2 +0,0 @@
-export default NavHeader;
-import NavHeader from "./NavHeader";

package/dist/src/components/atoms/nav-header/index.js

@@ -1,2 +0,0 @@
-import NavHeader from "./NavHeader";
-export default NavHeader;

package/dist/src/components/atoms/nav-tabs/NavTab.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;

package/dist/src/components/atoms/nav-tabs/NavTab.js

@@ -1,20 +0,0 @@
-import React, { useContext, useState, useEffect } from "react";
-import { useLocation } from "react-router-dom";
-import { ThemeContext } from "styled-components";
-import { themeComponent } from "../../../util/themeUtils";
-import { fallbackValues } from "./NavTab.theme";
-import InternalLink from "../link/InternalLink";
-import Box from "../layouts/Box";
-var NavTab = function (_a) {
-    var path = _a.path, label = _a.label, themeValues = _a.themeValues;
-    var isMobile = useContext(ThemeContext).isMobile;
-    var _b = useState(false), isActive = _b[0], setIsActive = _b[1];
-    var location = useLocation();
-    useEffect(function () {
-        setIsActive(location.pathname.includes(path));
-    }, [location.pathname]);
-    var border = "border-bottom: 3px solid ".concat(themeValues.activeColor);
-    return (React.createElement(Box, { padding: 0 },
-        React.createElement(InternalLink, { color: isActive ? themeValues.activeColor : themeValues.linkColor, to: path, extraStyles: "\n          border-bottom: 3px solid transparent;\n          font-family: ".concat(themeValues.fontFamily, ";\n          text-decoration: none;\n          ").concat(isActive && !isMobile ? border : "none", ";\n          &:hover {\n            text-decoration: none;\n            color: ").concat(themeValues.activeColor, ";\n            ").concat(isMobile ? "" : "".concat(border), "\n          };\n          padding: 1.25rem 0.1rem;\n        ") }, label)));
-};
-export default themeComponent(NavTab, "NavTab", fallbackValues);

package/dist/src/components/atoms/nav-tabs/NavTab.theme.d.ts

@@ -1,9 +0,0 @@
-export namespace fallbackValues {
-    export { fontFamily };
-    export { activeColor };
-    export { linkColor };
-}
-declare const fontFamily: "Public Sans, sans-serif";
-declare const activeColor: "#15749D";
-declare const linkColor: "#292A33";
-export {};

package/dist/src/components/atoms/nav-tabs/NavTab.theme.js

@@ -1,9 +0,0 @@
-import { MATISSE_BLUE, CHARADE_GREY } from "../../../constants/colors";
-var fontFamily = "Public Sans, sans-serif";
-var activeColor = MATISSE_BLUE;
-var linkColor = CHARADE_GREY;
-export var fallbackValues = {
-    fontFamily: fontFamily,
-    activeColor: activeColor,
-    linkColor: linkColor,
-};

package/dist/src/components/atoms/nav-tabs/NavTabs.d.ts

@@ -1,4 +0,0 @@
-export default NavTabs;
-declare function NavTabs({ tabsConfig }: {
-    tabsConfig: any;
-}): JSX.Element;

package/dist/src/components/atoms/nav-tabs/NavTabs.js

@@ -1,27 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React, { useContext } from "react";
-import { ThemeContext } from "styled-components";
-import BoxWithShadow from "../box-with-shadow";
-import Center from "../layouts/Center";
-import Cluster from "../layouts/Cluster";
-import NavTab from "./NavTab";
-var NavTabs = function (_a) {
-    var tabsConfig = _a.tabsConfig;
-    var isMobile = useContext(ThemeContext).isMobile;
-    var tabs = tabsConfig.map(function (tabConfig) {
-        return React.createElement(NavTab, __assign({ key: tabConfig.path }, tabConfig));
-    });
-    return (React.createElement(BoxWithShadow, { variant: "insetStandard", extraStyles: "padding: 0" },
-        React.createElement(Center, { intrinsic: true }, isMobile ? tabs : React.createElement(Cluster, { childGap: "5rem" }, tabs))));
-};
-export default NavTabs;

package/dist/src/components/atoms/nav-tabs/TabConfig.d.ts

@@ -1,4 +0,0 @@
-export declare type TabConfig = {
-    label: string;
-    path: string;
-};

package/dist/src/components/atoms/nav-tabs/TabConfig.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/atoms/nav-tabs/index.d.ts

@@ -1 +0,0 @@
-export default NavTabs;

package/dist/src/components/atoms/nav-tabs/index.js

@@ -1,2 +0,0 @@
-import NavTabs from "./NavTabs";
-export default NavTabs;

package/dist/src/components/atoms/paragraph/Paragraph.d.ts

@@ -1,5 +0,0 @@
-declare const _default: ({ variant, ...props }: {
-    [x: string]: any;
-    variant?: any;
-}) => any;
-export default _default;