@bloom-housing/ui-components 7.0.8-alpha.0 → 7.2.0

package/dist/src/lists/PreferencesList.d.ts

@@ -0,0 +1,17 @@
+import "./PreferencesList.scss";
+export interface ListPreferenceLink {
+    title: string;
+    url: string;
+}
+export interface ListPreference {
+    ordinal?: number;
+    links?: ListPreferenceLink[];
+    title?: string;
+    subtitle?: string;
+    description?: string;
+}
+export interface PreferencesListProps {
+    listingPreferences: ListPreference[];
+}
+declare const PreferencesList: (props: PreferencesListProps) => JSX.Element;
+export { PreferencesList as default, PreferencesList };

package/dist/src/lists/PreferencesList.js

@@ -0,0 +1,61 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PreferencesList = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./PreferencesList.scss");
+var translator_1 = require("../helpers/translator");
+var getOrdinal = function (n) {
+    if ((0, translator_1.locale)() == "en") {
+        var s = ["th", "st", "nd", "rd"];
+        var v = n % 100;
+        return s[(v - 20) % 10] || s[v] || s[0];
+    }
+    else {
+        return "";
+    }
+};
+var PreferencesList = function (props) {
+    var _a;
+    var preferences = (_a = props.listingPreferences) === null || _a === void 0 ? void 0 : _a.map(function (preference, index) {
+        var itemClasses = ["preferences-list__item", "info-card"];
+        if (!preference.subtitle && !preference.description && !preference.links) {
+            itemClasses.push("preferences-list__item--title-only");
+        }
+        return (React.createElement("li", { key: index, className: itemClasses.join(" ") },
+            React.createElement("div", { className: "preferences-list__number" },
+                preference.ordinal,
+                React.createElement("sup", null, preference.ordinal ? getOrdinal(preference.ordinal) : "")),
+            React.createElement("h4", { className: "info-card__title" }, preference.title),
+            preference.subtitle && (React.createElement("div", { className: "preferences-list__subtitle" }, preference.subtitle)),
+            preference.description && (React.createElement("div", { className: "preferences-list__description" }, preference.description)),
+            preference.links && (React.createElement("div", { className: "preferences-list__links" }, preference.links.map(function (link, linkIndex) { return (React.createElement("span", { key: linkIndex },
+                React.createElement("a", { href: link.url, target: "_blank" }, link.title))); })))));
+    });
+    return React.createElement("ol", { className: "preferences-list" }, preferences);
+};
+exports.default = PreferencesList;
+exports.PreferencesList = PreferencesList;
+//# sourceMappingURL=PreferencesList.js.map

package/dist/src/lists/PreferencesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesList.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,kCAA+B;AAC/B,oDAA8C;AAmB9C,IAAM,UAAU,GAAG,UAAC,CAAS;IAC3B,IAAI,IAAA,mBAAM,GAAE,IAAI,IAAI,EAAE;QACpB,IAAM,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAClC,IAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAA;QACjB,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;KACxC;SAAM;QACL,OAAO,EAAE,CAAA;KACV;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,UAAC,KAA2B;;IAClD,IAAM,WAAW,GAAG,MAAA,KAAK,CAAC,kBAAkB,0CAAE,GAAG,CAAC,UAAC,UAA0B,EAAE,KAAa;QAC1F,IAAM,WAAW,GAAG,CAAC,wBAAwB,EAAE,WAAW,CAAC,CAAA;QAE3D,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,CAAC,UAAU,CAAC,WAAW,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YACxE,WAAW,CAAC,IAAI,CAAC,oCAAoC,CAAC,CAAA;SACvD;QAED,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC;YAC9C,6BAAK,SAAS,EAAC,0BAA0B;gBACtC,UAAU,CAAC,OAAO;gBACnB,iCAAM,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAO,CACjE;YACN,4BAAI,SAAS,EAAC,kBAAkB,IAAE,UAAU,CAAC,KAAK,CAAM;YACvD,UAAU,CAAC,QAAQ,IAAI,CACtB,6BAAK,SAAS,EAAC,4BAA4B,IAAE,UAAU,CAAC,QAAQ,CAAO,CACxE;YACA,UAAU,CAAC,WAAW,IAAI,CACzB,6BAAK,SAAS,EAAC,+BAA+B,IAAE,UAAU,CAAC,WAAW,CAAO,CAC9E;YACA,UAAU,CAAC,KAAK,IAAI,CACnB,6BAAK,SAAS,EAAC,yBAAyB,IACrC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAwB,EAAE,SAAiB,IAAK,OAAA,CACrE,8BAAM,GAAG,EAAE,SAAS;gBAClB,2BAAG,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,IAC/B,IAAI,CAAC,KAAK,CACT,CACC,CACR,EANsE,CAMtE,CAAC,CACE,CACP,CACE,CACN,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,4BAAI,SAAS,EAAC,kBAAkB,IAAE,WAAW,CAAM,CAAA;AAC5D,CAAC,CAAA;AAE2B,kCAAO;AAAE,0CAAe"}

package/dist/src/lists/PreferencesList.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import PreferencesListDocumentation from "./PreferencesList.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof PreferencesListDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const preferences: () => JSX.Element;

package/dist/src/lists/PreferencesList.stories.js

@@ -0,0 +1,76 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preferences = void 0;
+var React = __importStar(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var PreferencesList_1 = require("./PreferencesList");
+var PreferencesList_docs_mdx_1 = __importDefault(require("./PreferencesList.docs.mdx"));
+exports.default = {
+    title: "Lists/Preferences List 🚩",
+    id: "lists/preferences-list",
+    decorators: [function (storyFn) { return React.createElement("div", null, storyFn()); }],
+    parameters: {
+        docs: {
+            page: PreferencesList_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var listingPreferences = [
+    {
+        ordinal: 1,
+        links: [],
+        title: "Title 1",
+        description: "Description 1",
+    },
+    {
+        ordinal: 2,
+        links: [
+            {
+                url: "http://www.google.com",
+                title: "Link Title 2",
+            },
+        ],
+        title: "Title 2",
+        subtitle: "Subtitle 2",
+        description: "Description 2",
+    },
+    {
+        ordinal: 3,
+        links: [],
+        title: "Title 3",
+        subtitle: "Subtitle 3",
+        description: "Description 3",
+    },
+];
+var preferences = function () {
+    return React.createElement(PreferencesList_1.PreferencesList, { listingPreferences: listingPreferences });
+};
+exports.preferences = preferences;
+//# sourceMappingURL=PreferencesList.stories.js.map

package/dist/src/lists/PreferencesList.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesList.stories.js","sourceRoot":"","sources":["../../../src/lists/PreferencesList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,wDAAmD;AACnD,qDAAmD;AACnD,wFAAqE;AAErE,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,EAAE,EAAE,wBAAwB;IAC5B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,iCAAM,OAAO,EAAE,CAAO,EAAtB,CAAsB,CAAC;IACtD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,kCAA4B;SACnC;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAED,IAAM,kBAAkB,GAAG;IACzB;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE;YACL;gBACE,GAAG,EAAE,uBAAuB;gBAC5B,KAAK,EAAE,cAAc;aACtB;SACF;QACD,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;IACD;QACE,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,YAAY;QACtB,WAAW,EAAE,eAAe;KAC7B;CACF,CAAA;AAEM,IAAM,WAAW,GAAG;IACzB,OAAO,oBAAC,iCAAe,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAAA;AACpE,CAAC,CAAA;AAFY,QAAA,WAAW,eAEvB"}

package/dist/src/navigation/Breadcrumbs.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./Breadcrumbs.scss";
+export interface BreadcrumbsProps {
+    children: React.ReactNode;
+}
+declare const BreadcrumbLink: (props: {
+    href: string;
+    children: React.ReactNode;
+    current?: boolean;
+}) => JSX.Element;
+declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export { Breadcrumbs as default, Breadcrumbs, BreadcrumbLink };

package/dist/src/navigation/Breadcrumbs.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbLink = exports.Breadcrumbs = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+var LocalizedLink_1 = require("../actions/LocalizedLink");
+require("./Breadcrumbs.scss");
+var BreadcrumbLink = function (props) { return (react_1.default.createElement("li", null,
+    react_1.default.createElement(LocalizedLink_1.LocalizedLink, { className: props.current ? "is-active text-gray-850" : "text-blue-700", "aria-current": props.current ? "page" : undefined, href: props.href }, props.children))); };
+exports.BreadcrumbLink = BreadcrumbLink;
+var Breadcrumbs = function (props) { return (react_1.default.createElement("nav", { className: "breadcrumbs", "aria-label": "Breadcrumb" },
+    react_1.default.createElement("ol", null, props.children))); };
+exports.default = Breadcrumbs;
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/src/navigation/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../src/navigation/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,0DAAwD;AACxD,8BAA2B;AAM3B,IAAM,cAAc,GAAG,UAAC,KAAqE,IAAK,OAAA,CAChG;IACE,8BAAC,6BAAa,IACZ,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,eAAe,kBACxD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAChD,IAAI,EAAE,KAAK,CAAC,IAAI,IAEf,KAAK,CAAC,QAAQ,CACD,CACb,CACN,EAViG,CAUjG,CAAA;AAQ6C,wCAAc;AAN5D,IAAM,WAAW,GAAG,UAAC,KAAuB,IAAK,OAAA,CAC/C,uCAAK,SAAS,EAAC,aAAa,gBAAY,YAAY;IAClD,0CAAK,KAAK,CAAC,QAAQ,CAAM,CACrB,CACP,EAJgD,CAIhD,CAAA;AAEuB,8BAAO;AAAE,kCAAW"}

package/dist/src/navigation/Breadcrumbs.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/navigation/Breadcrumbs.stories.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var Breadcrumbs_1 = require("./Breadcrumbs");
+exports.default = {
+    title: "Navigation/Breadcrumbs",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+};
+var Default = function () { return (react_1.default.createElement(Breadcrumbs_1.Breadcrumbs, null,
+    react_1.default.createElement(Breadcrumbs_1.BreadcrumbLink, { href: "/One" }, "One"),
+    react_1.default.createElement(Breadcrumbs_1.BreadcrumbLink, { href: "/Two" }, "Two"),
+    react_1.default.createElement(Breadcrumbs_1.BreadcrumbLink, { current: true, href: "/Three" }, "Three"))); };
+exports.Default = Default;
+//# sourceMappingURL=Breadcrumbs.stories.js.map

package/dist/src/navigation/Breadcrumbs.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.stories.js","sourceRoot":"","sources":["../../../src/navigation/Breadcrumbs.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,6CAA2D;AAE3D,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,8BAAC,yBAAW;IACV,8BAAC,4BAAc,IAAC,IAAI,EAAC,MAAM,UAAqB;IAChD,8BAAC,4BAAc,IAAC,IAAI,EAAC,MAAM,UAAqB;IAChD,8BAAC,4BAAc,IAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAC,QAAQ,YAE3B,CACL,CACf,EAR4B,CAQ5B,CAAA;AARY,QAAA,OAAO,WAQnB"}

package/dist/src/navigation/FooterNav.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import "./FooterNav.scss";
+export interface FooterNavProps {
+    children?: React.ReactNode;
+    copyright: string;
+}
+declare const FooterNav: (props: FooterNavProps) => JSX.Element;
+export { FooterNav as default, FooterNav };

package/dist/src/navigation/FooterNav.js

@@ -0,0 +1,35 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterNav = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./FooterNav.scss");
+var FooterNav = function (props) { return (React.createElement("section", { className: "footer-sock" },
+    React.createElement("div", { className: "footer-sock__inner" },
+        React.createElement("p", { className: "footer-copyright" }, props.copyright),
+        props.children && (React.createElement("nav", { className: "footer-nav", "aria-label": "Footer" }, props.children))))); };
+exports.default = FooterNav;
+exports.FooterNav = FooterNav;
+//# sourceMappingURL=FooterNav.js.map

package/dist/src/navigation/FooterNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterNav.js","sourceRoot":"","sources":["../../../src/navigation/FooterNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,4BAAyB;AAOzB,IAAM,SAAS,GAAG,UAAC,KAAqB,IAAK,OAAA,CAC3C,iCAAS,SAAS,EAAC,aAAa;IAC9B,6BAAK,SAAS,EAAC,oBAAoB;QACjC,2BAAG,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,SAAS,CAAK;QACpD,KAAK,CAAC,QAAQ,IAAI,CACjB,6BAAK,SAAS,EAAC,YAAY,gBAAa,QAAQ,IAC7C,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACE,CACX,EAX4C,CAW5C,CAAA;AAEqB,4BAAO;AAAE,8BAAS"}

package/dist/src/navigation/LanguageNav.d.ts

@@ -0,0 +1,12 @@
+import "./LanguageNav.scss";
+export declare type LangItem = {
+    label: string;
+    onClick: () => void;
+    active: boolean;
+};
+export interface LanguageNavProps {
+    ariaLabel?: string;
+    languages: LangItem[];
+}
+declare const LanguageNav: ({ ariaLabel, languages }: LanguageNavProps) => JSX.Element;
+export { LanguageNav as default, LanguageNav };

package/dist/src/navigation/LanguageNav.js

@@ -0,0 +1,34 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageNav = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+require("./LanguageNav.scss");
+var LanguageNav = function (_a) {
+    var ariaLabel = _a.ariaLabel, languages = _a.languages;
+    return (react_1.default.createElement("div", { className: "language-bar" },
+        react_1.default.createElement("div", { className: "language-bar__inner" },
+            react_1.default.createElement("nav", __assign({}, { "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : "Language" }, { className: "language-nav" }),
+                react_1.default.createElement("ul", { className: "language-nav__list" }, languages.map(function (item) { return (react_1.default.createElement("li", { key: item.label },
+                    react_1.default.createElement("button", { onClick: function () {
+                            item.onClick();
+                        }, className: item.active
+                            ? "language-nav__list-button is-active"
+                            : "language-nav__list-button", type: "button" }, item.label))); }))))));
+};
+exports.default = LanguageNav;
+exports.LanguageNav = LanguageNav;
+//# sourceMappingURL=LanguageNav.js.map

package/dist/src/navigation/LanguageNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageNav.js","sourceRoot":"","sources":["../../../src/navigation/LanguageNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,8BAA2B;AAa3B,IAAM,WAAW,GAAG,UAAC,EAA0C;QAAxC,SAAS,eAAA,EAAE,SAAS,eAAA;IACzC,OAAO,CACL,uCAAK,SAAS,EAAC,cAAc;QAC3B,uCAAK,SAAS,EAAC,qBAAqB;YAClC,kDAAS,EAAE,YAAY,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,EAAE,IAAE,SAAS,EAAC,cAAc;gBAC1E,sCAAI,SAAS,EAAC,oBAAoB,IAC/B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,sCAAI,GAAG,EAAE,IAAI,CAAC,KAAK;oBACjB,0CACE,OAAO,EAAE;4BACP,IAAI,CAAC,OAAO,EAAE,CAAA;wBAChB,CAAC,EACD,SAAS,EACP,IAAI,CAAC,MAAM;4BACT,CAAC,CAAC,qCAAqC;4BACvC,CAAC,CAAC,2BAA2B,EAEjC,IAAI,EAAC,QAAQ,IAEZ,IAAI,CAAC,KAAK,CACJ,CACN,CACN,EAhBwB,CAgBxB,CAAC,CACC,CACD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAEuB,8BAAO;AAAE,kCAAW"}

package/dist/src/navigation/LanguageNav.stories.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+    decorators: ((...args: any) => any)[];
+};
+export default _default;
+export declare const Default: () => JSX.Element;

package/dist/src/navigation/LanguageNav.stories.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var LanguageNav_1 = require("./LanguageNav");
+var addon_knobs_1 = require("@storybook/addon-knobs");
+exports.default = {
+    title: "Navigation/LanguageNav",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }, addon_knobs_1.withKnobs],
+};
+var Default = function () { return (react_1.default.createElement(LanguageNav_1.LanguageNav, { ariaLabel: (0, addon_knobs_1.text)("ariaLabel", ""), languages: [
+        {
+            label: "English",
+            active: true,
+            onClick: function () { },
+        },
+        {
+            label: "Spanish",
+            active: false,
+            onClick: function () { },
+        },
+    ] })); };
+exports.Default = Default;
+//# sourceMappingURL=LanguageNav.stories.js.map

package/dist/src/navigation/LanguageNav.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageNav.stories.js","sourceRoot":"","sources":["../../../src/navigation/LanguageNav.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,6CAA2C;AAC3C,sDAAwD;AAExD,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,EAAE,uBAAS,CAAC;CAC9F,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,8BAAC,yBAAW,IACV,SAAS,EAAE,IAAA,kBAAI,EAAC,WAAW,EAAE,EAAE,CAAC,EAChC,SAAS,EAAE;QACT;YACE,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,cAAO,CAAC;SAClB;QACD;YACE,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,cAAO,CAAC;SAClB;KACF,GACD,CACH,EAhB4B,CAgB5B,CAAA;AAhBY,QAAA,OAAO,WAgBnB"}

package/dist/src/navigation/ProgressNav.d.ts

@@ -0,0 +1,13 @@
+import "./ProgressNav.scss";
+declare type ProgressNavStyle = "bar" | "dot";
+declare const ProgressNav: (props: {
+    currentPageSection: number;
+    completedSections: number;
+    labels: string[];
+    mounted: boolean;
+    style?: ProgressNavStyle;
+    strings?: {
+        screenReaderHeading?: string;
+    };
+}) => JSX.Element;
+export { ProgressNav as default, ProgressNav };

package/dist/src/navigation/ProgressNav.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressNav = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+require("./ProgressNav.scss");
+var translator_1 = require("../helpers/translator");
+var ProgressNavItem = function (props) {
+    var bgColor = "is-disabled";
+    if (props.mounted) {
+        if (props.section === props.currentPageSection) {
+            bgColor = "is-active";
+        }
+        else if (props.completedSections >= props.section) {
+            bgColor = "";
+        }
+    }
+    var srTextBuilder = function () {
+        var _a, _b, _c, _d;
+        if (props.section < props.currentPageSection) {
+            return (react_1.default.createElement("span", { className: "sr-only" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.screenReaderCompleted) !== null && _b !== void 0 ? _b : (0, translator_1.t)("progressNav.completed")));
+        }
+        else if (props.section > props.currentPageSection) {
+            return (react_1.default.createElement("span", { className: "sr-only" }, (_d = (_c = props.strings) === null || _c === void 0 ? void 0 : _c.screenReaderNotCompleted) !== null && _d !== void 0 ? _d : (0, translator_1.t)("progressNav.notCompleted")));
+        }
+        else {
+            return "";
+        }
+    };
+    return (react_1.default.createElement("li", { className: "progress-nav__".concat(props.style, "-item ").concat(bgColor) },
+        react_1.default.createElement("span", { "aria-disabled": bgColor === "is-disabled", "aria-current": bgColor === "is-active", className: "progress-nav__item-container" },
+            props.label,
+            " ",
+            srTextBuilder())));
+};
+var ProgressNav = function (props) {
+    var _a, _b;
+    var navClasses = "progress-nav";
+    if (props.style === "bar")
+        navClasses += " progress-nav__bar";
+    return (react_1.default.createElement("div", { "aria-label": "progress" },
+        react_1.default.createElement("h2", { className: "sr-only" }, (_b = (_a = props.strings) === null || _a === void 0 ? void 0 : _a.screenReaderHeading) !== null && _b !== void 0 ? _b : (0, translator_1.t)("progressNav.srHeading")),
+        react_1.default.createElement("ol", { className: !props.mounted ? "invisible" : navClasses }, props.labels.map(function (label, i) {
+            var _a;
+            return (react_1.default.createElement(ProgressNavItem, { key: label, section: i + 1, currentPageSection: props.currentPageSection, completedSections: props.completedSections, label: label, mounted: props.mounted, style: (_a = props.style) !== null && _a !== void 0 ? _a : "dot" }));
+        }))));
+};
+exports.default = ProgressNav;
+exports.ProgressNav = ProgressNav;
+//# sourceMappingURL=ProgressNav.js.map

package/dist/src/navigation/ProgressNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressNav.js","sourceRoot":"","sources":["../../../src/navigation/ProgressNav.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,8BAA2B;AAC3B,oDAAyC;AAIzC,IAAM,eAAe,GAAG,UAAC,KAYxB;IACC,IAAI,OAAO,GAAG,aAAa,CAAA;IAC3B,IAAI,KAAK,CAAC,OAAO,EAAE;QACjB,IAAI,KAAK,CAAC,OAAO,KAAK,KAAK,CAAC,kBAAkB,EAAE;YAC9C,OAAO,GAAG,WAAW,CAAA;SACtB;aAAM,IAAI,KAAK,CAAC,iBAAiB,IAAI,KAAK,CAAC,OAAO,EAAE;YACnD,OAAO,GAAG,EAAE,CAAA;SACb;KACF;IAED,IAAM,aAAa,GAAG;;QACpB,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE;YAC5C,OAAO,CACL,wCAAM,SAAS,EAAC,SAAS,IACtB,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,qBAAqB,mCAAI,IAAA,cAAC,EAAC,uBAAuB,CAAC,CAC9D,CACR,CAAA;SACF;aAAM,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE;YACnD,OAAO,CACL,wCAAM,SAAS,EAAC,SAAS,IACtB,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,wBAAwB,mCAAI,IAAA,cAAC,EAAC,0BAA0B,CAAC,CACpE,CACR,CAAA;SACF;aAAM;YACL,OAAO,EAAE,CAAA;SACV;IACH,CAAC,CAAA;IAED,OAAO,CACL,sCAAI,SAAS,EAAE,wBAAiB,KAAK,CAAC,KAAK,mBAAS,OAAO,CAAE;QAC3D,yDACiB,OAAO,KAAK,aAAa,kBAC1B,OAAO,KAAK,WAAW,EACrC,SAAS,EAAE,8BAA8B;YAExC,KAAK,CAAC,KAAK;;YAAG,aAAa,EAAE,CACzB,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,KASpB;;IACC,IAAI,UAAU,GAAG,cAAc,CAAA;IAC/B,IAAI,KAAK,CAAC,KAAK,KAAK,KAAK;QAAE,UAAU,IAAI,oBAAoB,CAAA;IAC7D,OAAO,CACL,qDAAgB,UAAU;QACxB,sCAAI,SAAS,EAAC,SAAS,IACpB,MAAA,MAAA,KAAK,CAAC,OAAO,0CAAE,mBAAmB,mCAAI,IAAA,cAAC,EAAC,uBAAuB,CAAC,CAC9D;QACL,sCAAI,SAAS,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IACrD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC;;YAAK,OAAA,CAC9B,8BAAC,eAAe,IACd,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,CAAC,GAAG,CAAC,EACd,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,GAC3B,CACH,CAAA;SAAA,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAEuB,8BAAO;AAAE,kCAAW"}

package/dist/src/navigation/ProgressNav.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import ProgressNavDocs from "./ProgressNav.docs.mdx";
+declare const _default: {
+    title: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof ProgressNavDocs;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const barStyle: () => JSX.Element;

package/dist/src/navigation/ProgressNav.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.barStyle = exports.Default = void 0;
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var ProgressNav_1 = require("./ProgressNav");
+var ProgressNav_docs_mdx_1 = __importDefault(require("./ProgressNav.docs.mdx"));
+exports.default = {
+    title: "Navigation/Progress Nav 🚩",
+    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    parameters: {
+        docs: {
+            page: ProgressNav_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var Default = function () { return (react_1.default.createElement(ProgressNav_1.ProgressNav, { currentPageSection: 2, completedSections: 1, labels: ["You", "Household", "Income", "Preferences", "Review"], mounted: true })); };
+exports.Default = Default;
+var barStyle = function () { return (react_1.default.createElement(ProgressNav_1.ProgressNav, { currentPageSection: 2, completedSections: 1, labels: ["You", "Household", "Income", "Preferences", "Review"], mounted: true, style: "bar" })); };
+exports.barStyle = barStyle;
+//# sourceMappingURL=ProgressNav.stories.js.map

package/dist/src/navigation/ProgressNav.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressNav.stories.js","sourceRoot":"","sources":["../../../src/navigation/ProgressNav.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,wDAAmD;AACnD,6CAA2C;AAC3C,gFAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,4BAA4B;IACnC,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;IAClF,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,IAAI,EAAE,8BAAe;SACtB;QACD,MAAM,EAAE,CAAC,kBAAM,CAAC,IAAI,CAAC;KACtB;CACF,CAAA;AAEM,IAAM,OAAO,GAAG,cAAM,OAAA,CAC3B,8BAAC,yBAAW,IACV,kBAAkB,EAAE,CAAC,EACrB,iBAAiB,EAAE,CAAC,EACpB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,CAAC,EAC/D,OAAO,EAAE,IAAI,GACb,CACH,EAP4B,CAO5B,CAAA;AAPY,QAAA,OAAO,WAOnB;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,CAC5B,8BAAC,yBAAW,IACV,kBAAkB,EAAE,CAAC,EACrB,iBAAiB,EAAE,CAAC,EACpB,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,CAAC,EAC/D,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,KAAK,GACZ,CACH,EAR6B,CAQ7B,CAAA;AARY,QAAA,QAAQ,YAQpB"}

package/dist/src/navigation/SideNav.d.ts

@@ -0,0 +1,14 @@
+import "./SideNav.scss";
+export interface SideNavItemProps {
+    current?: boolean;
+    url: string;
+    label: string;
+    count?: number;
+    childrenItems?: SideNavItemProps[];
+}
+export interface SideNavProps {
+    className?: string;
+    navItems?: SideNavItemProps[];
+}
+declare const SideNav: (props: SideNavProps) => JSX.Element;
+export { SideNav as default, SideNav };

package/dist/src/navigation/SideNav.js

@@ -0,0 +1,63 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideNav = exports.default = void 0;
+var React = __importStar(require("react"));
+var NavigationContext_1 = require("../config/NavigationContext");
+require("./SideNav.scss");
+var ItemLabel = function (_a) {
+    var item = _a.item;
+    if (typeof item.count !== "undefined") {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("span", null, item.label),
+            React.createElement("span", { className: "side-nav__count" }, item.count)));
+    }
+    else {
+        return React.createElement(React.Fragment, null, item.label);
+    }
+};
+var SideNav = function (props) {
+    var _a;
+    var LinkComponent = React.useContext(NavigationContext_1.NavigationContext).LinkComponent;
+    var classNames = ["side-nav"];
+    if (props.className)
+        classNames.push(props.className);
+    return (React.createElement("nav", { className: classNames.join(" "), "aria-label": "Secondary navigation" },
+        React.createElement("ul", null, (_a = props.navItems) === null || _a === void 0 ? void 0 : _a.map(function (navItem, index) {
+            var _a;
+            var hasCurrentChild = (_a = navItem.childrenItems) === null || _a === void 0 ? void 0 : _a.some(function (item) { return item.current; });
+            return (React.createElement("li", { key: index },
+                React.createElement(LinkComponent, { href: navItem.url, className: hasCurrentChild ? "has-current-child" : "", "aria-current": navItem.current ? "page" : undefined },
+                    React.createElement(ItemLabel, { item: navItem })),
+                navItem.childrenItems && (React.createElement("ul", null, navItem.childrenItems.map(function (childItem, childIndex) {
+                    return (React.createElement("li", { key: childIndex },
+                        React.createElement(LinkComponent, { href: childItem.url, "aria-current": childItem.current ? "page" : undefined },
+                            React.createElement(ItemLabel, { item: childItem }))));
+                })))));
+        }))));
+};
+exports.default = SideNav;
+exports.SideNav = SideNav;
+//# sourceMappingURL=SideNav.js.map

package/dist/src/navigation/SideNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/navigation/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,iEAA+D;AAC/D,0BAAuB;AAevB,IAAM,SAAS,GAAG,UAAC,EAAoC;QAAlC,IAAI,UAAA;IACvB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,WAAW,EAAE;QACrC,OAAO,CACL;YACE,kCAAO,IAAI,CAAC,KAAK,CAAQ;YACzB,8BAAM,SAAS,EAAE,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACtD,CACJ,CAAA;KACF;SAAM;QACL,OAAO,0CAAG,IAAI,CAAC,KAAK,CAAI,CAAA;KACzB;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,UAAC,KAAmB;;IAC1B,IAAA,aAAa,GAAK,KAAK,CAAC,UAAU,CAAC,qCAAiB,CAAC,cAAxC,CAAwC;IAE7D,IAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAa,sBAAsB;QACrE,gCACG,MAAA,KAAK,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAC,OAAyB,EAAE,KAAa;;YAC5D,IAAM,eAAe,GAAG,MAAA,OAAO,CAAC,aAAa,0CAAE,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,OAAO,EAAZ,CAAY,CAAC,CAAA;YAC3E,OAAO,CACL,4BAAI,GAAG,EAAE,KAAK;gBACZ,oBAAC,aAAa,IACZ,IAAI,EAAE,OAAO,CAAC,GAAG,EACjB,SAAS,EAAE,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,kBACvC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;oBAElD,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI,CACd;gBACf,OAAO,CAAC,aAAa,IAAI,CACxB,gCACG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,UAAC,SAAS,EAAE,UAAU;oBAC/C,OAAO,CACL,4BAAI,GAAG,EAAE,UAAU;wBACjB,oBAAC,aAAa,IACZ,IAAI,EAAE,SAAS,CAAC,GAAG,kBACL,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;4BAEpD,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,GAAI,CAChB,CACb,CACN,CAAA;gBACH,CAAC,CAAC,CACC,CACN,CACE,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AACmB,0BAAO;AAAE,0BAAO"}

package/dist/src/navigation/SideNav.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import SideNavDocumentation from "./SideNav.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    decorators: ((storyFn: any) => JSX.Element)[];
+    parameters: {
+        docs: {
+            page: typeof SideNavDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const Current: () => JSX.Element;
+export declare const ChildItems: () => JSX.Element;
+export declare const WithinLayout: () => JSX.Element;