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

package/dist/src/actions/Video.d.ts

@@ -0,0 +1,13 @@
+import "./Video.scss";
+declare enum VideoSource {
+    youtube = "youtube"
+}
+export interface VideoProps {
+    /** Located within the square brackets in the following example: https://www.youtube.com/watch?v=[dw5s6rF7kxU] */
+    videoId: string;
+    label: string;
+    videoSource?: VideoSource;
+    ccLang?: string;
+}
+declare const Video: ({ videoId, videoSource, label, ccLang }: VideoProps) => JSX.Element;
+export { Video as default, Video };

package/dist/src/actions/Video.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+require("./Video.scss");
+var VideoSource;
+(function (VideoSource) {
+    VideoSource["youtube"] = "youtube";
+})(VideoSource || (VideoSource = {}));
+var Video = function (_a) {
+    var videoId = _a.videoId, _b = _a.videoSource, videoSource = _b === void 0 ? VideoSource.youtube : _b, label = _a.label, _c = _a.ccLang, ccLang = _c === void 0 ? "" : _c;
+    var fullVideoUrl = "";
+    if (videoSource === VideoSource.youtube)
+        fullVideoUrl = "https://www.youtube.com/embed/".concat(videoId, "?disablekb=1&cc_load_policy=1&cc_lang_pref=").concat(ccLang);
+    return (react_1.default.createElement("div", { className: "video" },
+        react_1.default.createElement("iframe", { title: label, src: fullVideoUrl, frameBorder: "0", allow: "accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture;", allowFullScreen: true })));
+};
+exports.default = Video;
+exports.Video = Video;
+//# sourceMappingURL=Video.js.map

package/dist/src/actions/Video.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/actions/Video.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,wBAAqB;AAErB,IAAK,WAEJ;AAFD,WAAK,WAAW;IACd,kCAAmB,CAAA;AACrB,CAAC,EAFI,WAAW,KAAX,WAAW,QAEf;AASD,IAAM,KAAK,GAAG,UAAC,EAA8E;QAA5E,OAAO,aAAA,EAAE,mBAAiC,EAAjC,WAAW,mBAAG,WAAW,CAAC,OAAO,KAAA,EAAE,KAAK,WAAA,EAAE,cAAW,EAAX,MAAM,mBAAG,EAAE,KAAA;IAC7E,IAAI,YAAY,GAAG,EAAE,CAAA;IACrB,IAAI,WAAW,KAAK,WAAW,CAAC,OAAO;QACrC,YAAY,GAAG,wCAAiC,OAAO,wDAA8C,MAAM,CAAE,CAAA;IAC/G,OAAO,CACL,uCAAK,SAAS,EAAC,OAAO;QACpB,0CACE,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,YAAY,EACjB,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,iFAAiF,EACvF,eAAe,SACf,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAEiB,wBAAO;AAAE,sBAAK"}

package/dist/src/blocks/ActionBlock.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import "./ActionBlock.scss";
+export declare enum ActionBlockLayout {
+    block = "block",
+    inline = "inline"
+}
+export declare enum ActionBlockBackground {
+    none = "none",
+    primaryLighter = "primary-lighter",
+    primaryDarker = "primary-darker"
+}
+interface ActionBlockProps {
+    actions: React.ReactNode[];
+    background?: string;
+    className?: string;
+    header: string;
+    icon?: React.ReactNode;
+    layout?: ActionBlockLayout;
+    subheader?: string;
+}
+declare const ActionBlock: ({ actions, background, className, header, icon, layout, subheader, }: ActionBlockProps) => JSX.Element;
+export { ActionBlock as default, ActionBlock };

package/dist/src/blocks/ActionBlock.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionBlock = exports.default = exports.ActionBlockBackground = exports.ActionBlockLayout = void 0;
+var react_1 = __importDefault(require("react"));
+require("./ActionBlock.scss");
+var ActionBlockLayout;
+(function (ActionBlockLayout) {
+    ActionBlockLayout["block"] = "block";
+    ActionBlockLayout["inline"] = "inline";
+})(ActionBlockLayout = exports.ActionBlockLayout || (exports.ActionBlockLayout = {}));
+var ActionBlockBackground;
+(function (ActionBlockBackground) {
+    ActionBlockBackground["none"] = "none";
+    ActionBlockBackground["primaryLighter"] = "primary-lighter";
+    ActionBlockBackground["primaryDarker"] = "primary-darker";
+})(ActionBlockBackground = exports.ActionBlockBackground || (exports.ActionBlockBackground = {}));
+var ActionBlock = function (_a) {
+    var actions = _a.actions, _b = _a.background, background = _b === void 0 ? ActionBlockBackground.none : _b, className = _a.className, header = _a.header, icon = _a.icon, _c = _a.layout, layout = _c === void 0 ? ActionBlockLayout.block : _c, subheader = _a.subheader;
+    var actionBlockClasses = ["action-block", "".concat(className ? className : "")];
+    if (background)
+        actionBlockClasses.push(background);
+    if (layout === "block") {
+        actionBlockClasses.push("action-block__block");
+    }
+    else {
+        actionBlockClasses.push("action-block__inline");
+    }
+    return (react_1.default.createElement("div", { className: actionBlockClasses.join(" ") },
+        react_1.default.createElement("div", { className: "action-block__head" },
+            icon && react_1.default.createElement("div", { className: "action-block__icon" }, icon),
+            react_1.default.createElement("h2", { className: "action-block__header" }, header),
+            subheader && layout === ActionBlockLayout.block && (react_1.default.createElement("p", { className: "action-block__subheader" }, subheader))),
+        react_1.default.createElement("div", { className: "action-block__actions" }, actions)));
+};
+exports.default = ActionBlock;
+exports.ActionBlock = ActionBlock;
+//# sourceMappingURL=ActionBlock.js.map

package/dist/src/blocks/ActionBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBlock.js","sourceRoot":"","sources":["../../../src/blocks/ActionBlock.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,8BAA2B;AAE3B,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,oCAAe,CAAA;IACf,sCAAiB,CAAA;AACnB,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B;AAED,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC/B,sCAAa,CAAA;IACb,2DAAkC,CAAA;IAClC,yDAAgC,CAAA;AAClC,CAAC,EAJW,qBAAqB,GAArB,6BAAqB,KAArB,6BAAqB,QAIhC;AAUD,IAAM,WAAW,GAAG,UAAC,EAQF;QAPjB,OAAO,aAAA,EACP,kBAAuC,EAAvC,UAAU,mBAAG,qBAAqB,CAAC,IAAI,KAAA,EACvC,SAAS,eAAA,EACT,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,cAAgC,EAAhC,MAAM,mBAAG,iBAAiB,CAAC,KAAK,KAAA,EAChC,SAAS,eAAA;IAET,IAAM,kBAAkB,GAAG,CAAC,cAAc,EAAE,UAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC,CAAA;IAC5E,IAAI,UAAU;QAAE,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;IACnD,IAAI,MAAM,KAAK,OAAO,EAAE;QACtB,kBAAkB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAA;KAC/C;SAAM;QACL,kBAAkB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAA;KAChD;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,uCAAK,SAAS,EAAC,oBAAoB;YAChC,IAAI,IAAI,uCAAK,SAAS,EAAC,oBAAoB,IAAE,IAAI,CAAO;YACzD,sCAAI,SAAS,EAAC,sBAAsB,IAAE,MAAM,CAAM;YACjD,SAAS,IAAI,MAAM,KAAK,iBAAiB,CAAC,KAAK,IAAI,CAClD,qCAAG,SAAS,EAAC,yBAAyB,IAAE,SAAS,CAAK,CACvD,CACG;QACN,uCAAK,SAAS,EAAC,uBAAuB,IAAE,OAAO,CAAO,CAClD,CACP,CAAA;AACH,CAAC,CAAA;AACuB,8BAAO;AAAE,kCAAW"}

package/dist/src/blocks/ActionBlock.stories.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const blockWithIcon: () => JSX.Element;
+export declare const blockNoIconNoBackgroung: () => JSX.Element;
+export declare const blockWithDarkerBg: () => JSX.Element;
+export declare const blockWithSubheader: () => JSX.Element;
+export declare const inlineBlock: () => JSX.Element;
+export declare const inlineBlockWith2actions: () => JSX.Element;
+export declare const inlineBlockWith2actionsAsLinks: () => JSX.Element;

package/dist/src/blocks/ActionBlock.stories.js

@@ -0,0 +1,67 @@
+"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.inlineBlockWith2actionsAsLinks = exports.inlineBlockWith2actions = exports.inlineBlock = exports.blockWithSubheader = exports.blockWithDarkerBg = exports.blockNoIconNoBackgroung = exports.blockWithIcon = void 0;
+var react_1 = __importDefault(require("react"));
+var ActionBlock_1 = __importStar(require("./ActionBlock"));
+var __1 = require("../..");
+var AppearanceTypes_1 = require("../global/AppearanceTypes");
+var Icon_1 = __importDefault(require("../icons/Icon"));
+exports.default = {
+    title: "Blocks/Action Block",
+};
+var blockWithIcon = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Action block", background: "primary-lighter", icon: react_1.default.createElement(Icon_1.default, { size: "3xl", symbol: "mail" }), actions: [
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); }, styleType: AppearanceTypes_1.AppearanceStyleType.primary }, "Action"),
+    ] })); };
+exports.blockWithIcon = blockWithIcon;
+var blockNoIconNoBackgroung = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Full length headline text that spans the block", actions: [
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); }, styleType: AppearanceTypes_1.AppearanceStyleType.info }, "Button"),
+    ] })); };
+exports.blockNoIconNoBackgroung = blockNoIconNoBackgroung;
+var blockWithDarkerBg = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Action block", icon: react_1.default.createElement(Icon_1.default, { size: "3xl", symbol: "mail" }), background: "primary-darker", actions: [
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); }, styleType: AppearanceTypes_1.AppearanceStyleType.primary }, "Action"),
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); }, styleType: AppearanceTypes_1.AppearanceStyleType.info }, "Action"),
+    ] })); };
+exports.blockWithDarkerBg = blockWithDarkerBg;
+var blockWithSubheader = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Full length headline text that spans the block", subheader: "Brunch leggings trust fund tattooed, flannel sustainable man braid venmo. ", icon: react_1.default.createElement(Icon_1.default, { size: "3xl", symbol: "mail" }), background: "primary-lighter", actions: [react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); } }, "Action")] })); };
+exports.blockWithSubheader = blockWithSubheader;
+var inlineBlock = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "See more listings from our community partners", icon: react_1.default.createElement(Icon_1.default, { size: "3xl", symbol: "mail" }), background: "primary-lighter", layout: ActionBlock_1.ActionBlockLayout.inline, actions: [
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); }, styleType: AppearanceTypes_1.AppearanceStyleType.primary }, "Action"),
+    ] })); };
+exports.inlineBlock = inlineBlock;
+var inlineBlockWith2actions = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Find more listings on our website", background: "primary-darker", layout: ActionBlock_1.ActionBlockLayout.inline, actions: [
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); } }, "First Come, First Served"),
+        react_1.default.createElement(__1.Button, { onClick: function () { return console.log("click"); } }, "First Come, First Served"),
+    ] })); };
+exports.inlineBlockWith2actions = inlineBlockWith2actions;
+var inlineBlockWith2actionsAsLinks = function () { return (react_1.default.createElement(ActionBlock_1.default, { header: "Find more listings on our website:", background: "primary-darker", layout: ActionBlock_1.ActionBlockLayout.inline, actions: [
+        react_1.default.createElement("a", { className: "button", key: "action-1", href: "https://google.com" }, "First come, first served"),
+        react_1.default.createElement("a", { className: "button", key: "action-2", href: "https://google.com" }, "City Second loan program"),
+    ] })); };
+exports.inlineBlockWith2actionsAsLinks = inlineBlockWith2actionsAsLinks;
+//# sourceMappingURL=ActionBlock.stories.js.map

package/dist/src/blocks/ActionBlock.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBlock.stories.js","sourceRoot":"","sources":["../../../src/blocks/ActionBlock.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/blocks/Card.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import "./Card.scss";
+export interface CardHeaderProps {
+    /** An additional element(s) you can add to the side of the main child element(s) */
+    suffix?: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+    children: React.ReactNode;
+}
+declare const CardHeader: (props: CardHeaderProps) => JSX.Element;
+export interface CardSectionProps {
+    /**
+     * Whether to center the text within the section
+     * @default false
+     */
+    centered?: boolean;
+    /** Additional class name */
+    className?: string;
+    children: React.ReactNode;
+}
+declare const CardSection: (props: CardSectionProps) => JSX.Element;
+export interface CardFooterProps {
+    /** Additional class name */
+    className?: string;
+    children: React.ReactNode;
+}
+declare const CardFooter: (props: CardFooterProps) => JSX.Element;
+export interface CardProps {
+    /** Additional class name */
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Card: {
+    (props: CardProps): JSX.Element;
+    Header: (props: CardHeaderProps) => JSX.Element;
+    Section: (props: CardSectionProps) => JSX.Element;
+    Footer: (props: CardFooterProps) => JSX.Element;
+};
+export { Card as default, Card, CardHeader, CardSection, CardFooter };

package/dist/src/blocks/Card.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardFooter = exports.CardSection = exports.CardHeader = exports.Card = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+require("./Card.scss");
+var CardHeader = function (props) {
+    var classNames = ["card__header"];
+    if (props.suffix)
+        classNames.push("is-flex");
+    if (props.className)
+        classNames.push(props.className);
+    return (react_1.default.createElement("header", { className: classNames.join(" ") },
+        props.children,
+        props.suffix));
+};
+exports.CardHeader = CardHeader;
+var CardSection = function (props) {
+    var classNames = ["card__section"];
+    if (props.centered)
+        classNames.push("text-center");
+    if (props.className)
+        classNames.push(props.className);
+    return react_1.default.createElement("div", { className: classNames.join(" ") }, props.children);
+};
+exports.CardSection = CardSection;
+var CardFooter = function (props) {
+    var classNames = ["card__footer"];
+    if (props.className)
+        classNames.push(props.className);
+    return react_1.default.createElement("footer", { className: classNames.join(" ") }, props.children);
+};
+exports.CardFooter = CardFooter;
+var Card = function (props) {
+    var classNames = ["card"];
+    if (props.className)
+        classNames.push(props.className);
+    return react_1.default.createElement("article", { className: classNames.join(" ") }, props.children);
+};
+exports.default = Card;
+exports.Card = Card;
+Card.Header = CardHeader;
+Card.Section = CardSection;
+Card.Footer = CardFooter;
+//# sourceMappingURL=Card.js.map

package/dist/src/blocks/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/blocks/Card.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,uBAAoB;AAUpB,IAAM,UAAU,GAAG,UAAC,KAAsB;IACxC,IAAM,UAAU,GAAG,CAAC,cAAc,CAAC,CAAA;IACnC,IAAI,KAAK,CAAC,MAAM;QAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC5C,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,CACL,0CAAQ,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,KAAK,CAAC,QAAQ;QACd,KAAK,CAAC,MAAM,CACN,CACV,CAAA;AACH,CAAC,CAAA;AAmD+B,gCAAU;AAtC1C,IAAM,WAAW,GAAG,UAAC,KAAuB;IAC1C,IAAM,UAAU,GAAG,CAAC,eAAe,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,QAAQ;QAAE,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;IAClD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,uCAAK,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACrE,CAAC,CAAA;AAgC2C,kCAAW;AAxBvD,IAAM,UAAU,GAAG,UAAC,KAAsB;IACxC,IAAM,UAAU,GAAG,CAAC,cAAc,CAAC,CAAA;IACnC,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,0CAAQ,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAU,CAAA;AAC3E,CAAC,CAAA;AAmBwD,gCAAU;AAXnE,IAAM,IAAI,GAAG,UAAC,KAAgB;IAC5B,IAAM,UAAU,GAAG,CAAC,MAAM,CAAC,CAAA;IAC3B,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,2CAAS,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAW,CAAA;AAC7E,CAAC,CAAA;AAMgB,uBAAO;AAAE,oBAAI;AAJ9B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA;AACxB,IAAI,CAAC,OAAO,GAAG,WAAW,CAAA;AAC1B,IAAI,CAAC,MAAM,GAAG,UAAU,CAAA"}

package/dist/src/blocks/Card.stories.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="mdx" />
+import { BADGES } from "../../.storybook/constants";
+import CardDocumentation from "./Card.docs.mdx";
+declare const _default: {
+    title: string;
+    id: string;
+    parameters: {
+        docs: {
+            page: typeof CardDocumentation;
+        };
+        badges: BADGES[];
+    };
+};
+export default _default;
+export declare const TextContent: () => JSX.Element;
+export declare const MixedContent: () => JSX.Element;
+export declare const HeaderFooterOnly: () => JSX.Element;
+export declare const DetroitStyle: () => JSX.Element;

package/dist/src/blocks/Card.stories.js

@@ -0,0 +1,88 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetroitStyle = exports.HeaderFooterOnly = exports.MixedContent = exports.TextContent = void 0;
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../.storybook/constants");
+var __1 = require("../..");
+var HeadingGroup_1 = require("../headers/HeadingGroup");
+var Card_1 = __importDefault(require("./Card"));
+var Card_docs_mdx_1 = __importDefault(require("./Card.docs.mdx"));
+exports.default = {
+    title: "Blocks/Card 🚩",
+    id: "blocks/card",
+    parameters: {
+        docs: {
+            page: Card_docs_mdx_1.default,
+        },
+        badges: [constants_1.BADGES.GEN2],
+    },
+};
+var TextContent = function () { return (react_1.default.createElement("div", { style: { maxWidth: "500px" } },
+    react_1.default.createElement(Card_1.default, null,
+        react_1.default.createElement(Card_1.default.Header, null,
+            react_1.default.createElement("h3", null, "I'm just a heading")),
+        react_1.default.createElement(Card_1.default.Section, { className: "markdown" },
+            react_1.default.createElement("p", null, "Markdown styled content here."),
+            react_1.default.createElement("ul", null,
+                react_1.default.createElement("li", null, "List Item 1"),
+                react_1.default.createElement("li", null, "List Item 2"))),
+        react_1.default.createElement(Card_1.default.Footer, null,
+            react_1.default.createElement(Card_1.default.Section, null,
+                react_1.default.createElement("p", null, "Footer content here.")))))); };
+exports.TextContent = TextContent;
+var MixedContent = function () { return (react_1.default.createElement("div", { style: { maxWidth: "500px" } },
+    react_1.default.createElement(Card_1.default, null,
+        react_1.default.createElement("div", null,
+            react_1.default.createElement("figure", null,
+                react_1.default.createElement("img", { src: "/images/listing.jpg" })),
+            react_1.default.createElement(Card_1.default.Header, { suffix: react_1.default.createElement("div", null,
+                    react_1.default.createElement(__1.Button, null, "Click")) },
+                react_1.default.createElement("h3", { className: "card-header" }, "I'm a heading!"))),
+        react_1.default.createElement(Card_1.default.Section, null,
+            react_1.default.createElement("p", null, "Hello World!")),
+        react_1.default.createElement(Card_1.default.Footer, null,
+            react_1.default.createElement(__1.ButtonGroup, { spacing: __1.ButtonGroupSpacing.even, columns: [react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary }, "Call to Action")] }))))); };
+exports.MixedContent = MixedContent;
+var HeaderFooterOnly = function () { return (react_1.default.createElement("div", { style: { maxWidth: "600px" } },
+    react_1.default.createElement(Card_1.default, null,
+        react_1.default.createElement(Card_1.default.Header, null,
+            react_1.default.createElement(HeadingGroup_1.HeadingGroup, { headingPriority: 2, heading: "Household Maximum Income", subheading: "To determine your eligibility for this property, choose your household size (include yourself in that calculation)." })),
+        react_1.default.createElement(Card_1.default.Footer, null,
+            react_1.default.createElement(__1.ButtonGroup, { columns: [
+                    react_1.default.createElement(__1.Button, null, "Previous"),
+                    react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary }, "Next"),
+                ] }),
+            react_1.default.createElement(Card_1.default.Section, { centered: true },
+                react_1.default.createElement(__1.LinkButton, { href: "#", unstyled: true, className: "m-0" }, "Skip this and show me listings")))))); };
+exports.HeaderFooterOnly = HeaderFooterOnly;
+var DetroitStyle = function () {
+    var cssVarsOverride = "\n    .card-overrides {\n      --bloom-font-sans: Montserrat;\n      --bloom-font-alt-sans: var(--bloom-font-sans);\n      --bloom-color-primary: rgb(41,126,115);\n      --bloom-color-primary-dark: rgb(0,68,69);\n\n      --primary-appearance-hover-background-color: white;\n      --primary-appearance-hover-label-color: var(--bloom-color-primary-dark);\n\n      --outlined-appearance-hover-background-color: var(--bloom-color-primary);\n      --outlined-appearance-hover-border-color: var(--bloom-color-primary);\n\n      font-family: var(--bloom-font-sans);\n    }\n\n    .card-overrides .heading-group > *:first-child {\n      font-family: var(--bloom-font-sans);\n    }\n\n    .card-overrides .button {\n      --normal-rounded: 60px;\n      --normal-padding: 0.5rem 1rem;\n      --normal-font-size: var(--bloom-font-size-base);\n      --label-letter-spacing: normal;\n      --label-transform: none;\n    }\n  ";
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("link", { rel: "preconnect", href: "https://fonts.googleapis.com" }),
+        react_1.default.createElement("link", { rel: "preconnect", href: "https://fonts.gstatic.com" }),
+        react_1.default.createElement("link", { href: "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap", rel: "stylesheet" }),
+        react_1.default.createElement("div", { className: "card-overrides", style: { maxWidth: "600px" } },
+            react_1.default.createElement(Card_1.default, null,
+                react_1.default.createElement(Card_1.default.Header, null,
+                    react_1.default.createElement(HeadingGroup_1.HeadingGroup, { headingPriority: 2, heading: "Household Maximum Income", subheading: "To determine your eligibility for this property, choose your household size (include yourself in that calculation)." })),
+                react_1.default.createElement(Card_1.default.Section, { className: "markdown" },
+                    react_1.default.createElement("div", { className: "field" },
+                        react_1.default.createElement("input", { type: "radio", name: "household-size", id: "one-two" }),
+                        react_1.default.createElement("label", { htmlFor: "one-two" }, "1-2 People")),
+                    react_1.default.createElement("div", { className: "field" },
+                        react_1.default.createElement("input", { type: "radio", name: "household-size", id: "three-six" }),
+                        react_1.default.createElement("label", { htmlFor: "three-six" }, "3-6 People"))),
+                react_1.default.createElement(Card_1.default.Footer, null,
+                    react_1.default.createElement(__1.ButtonGroup, { columns: [
+                            react_1.default.createElement(__1.Button, null, "Previous"),
+                            react_1.default.createElement(__1.Button, { styleType: __1.AppearanceStyleType.primary }, "Next"),
+                        ] }),
+                    react_1.default.createElement(Card_1.default.Section, { centered: true },
+                        react_1.default.createElement(__1.LinkButton, { href: "#", unstyled: true, className: "m-0" }, "Skip this and show me listings")))),
+            react_1.default.createElement("style", null, cssVarsOverride))));
+};
+exports.DetroitStyle = DetroitStyle;
+//# sourceMappingURL=Card.stories.js.map

package/dist/src/blocks/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../src/blocks/Card.stories.tsx"],"names":[],"mappings":"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"}

package/dist/src/blocks/DashBlock.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "./DashBlocks.scss";
+interface DashBlockProps {
+    href?: string;
+    title: string;
+    subtitle?: string;
+    icon: React.ReactNode;
+    children?: React.ReactNode;
+    dataTestId?: string;
+}
+declare const DashBlock: (props: DashBlockProps) => JSX.Element;
+export { DashBlock as default, DashBlock };

package/dist/src/blocks/DashBlock.js

@@ -0,0 +1,54 @@
+"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.DashBlock = exports.default = void 0;
+var react_1 = __importStar(require("react"));
+require("./DashBlocks.scss");
+var NavigationContext_1 = require("../config/NavigationContext");
+var DashBlock = function (props) {
+    var LinkComponent = (0, react_1.useContext)(NavigationContext_1.NavigationContext).LinkComponent;
+    var href = props.href, title = props.title, subtitle = props.subtitle, icon = props.icon, children = props.children;
+    var content, wrapper;
+    if (children) {
+        content = react_1.default.createElement("div", { className: "dash-item__content" }, children);
+    }
+    var header = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: "dash-item__badge" }, icon),
+        react_1.default.createElement("h2", { className: "dash-item__name" }, title),
+        subtitle && react_1.default.createElement("p", null, subtitle)));
+    if (href) {
+        wrapper = (react_1.default.createElement(LinkComponent, { href: href, className: "dash-item" }, header));
+    }
+    else {
+        wrapper = (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", { className: "dash-item" },
+                react_1.default.createElement("div", { className: "pb-4" }, header),
+                content)));
+    }
+    return (react_1.default.createElement("div", { className: "dash-block", "data-test-id": props.dataTestId }, wrapper));
+};
+exports.default = DashBlock;
+exports.DashBlock = DashBlock;
+//# sourceMappingURL=DashBlock.js.map

package/dist/src/blocks/DashBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashBlock.js","sourceRoot":"","sources":["../../../src/blocks/DashBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,6BAA0B;AAC1B,iEAA+D;AAU/D,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC9B,IAAA,aAAa,GAAK,IAAA,kBAAU,EAAC,qCAAiB,CAAC,cAAlC,CAAkC;IAC/C,IAAA,IAAI,GAAsC,KAAK,KAA3C,EAAE,KAAK,GAA+B,KAAK,MAApC,EAAE,QAAQ,GAAqB,KAAK,SAA1B,EAAE,IAAI,GAAe,KAAK,KAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACvD,IAAI,OAAO,EAAE,OAAO,CAAA;IACpB,IAAI,QAAQ,EAAE;QACZ,OAAO,GAAG,uCAAK,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAO,CAAA;KAC/D;IACD,IAAM,MAAM,GAAG,CACb;QACE,wCAAM,SAAS,EAAC,kBAAkB,IAAE,IAAI,CAAQ;QAChD,sCAAI,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAM;QAC3C,QAAQ,IAAI,yCAAI,QAAQ,CAAK,CAC7B,CACJ,CAAA;IACD,IAAI,IAAI,EAAE;QACR,OAAO,GAAG,CACR,8BAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,WAAW,IAC7C,MAAM,CACO,CACjB,CAAA;KACF;SAAM;QACL,OAAO,GAAG,CACR;YACE,uCAAK,SAAS,EAAC,WAAW;gBACxB,uCAAK,SAAS,EAAC,MAAM,IAAE,MAAM,CAAO;gBACnC,OAAO,CACJ,CACL,CACJ,CAAA;KACF;IACD,OAAO,CACL,uCAAK,SAAS,EAAC,YAAY,kBAAe,KAAK,CAAC,UAAU,IACvD,OAAO,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AACqB,4BAAO;AAAE,8BAAS"}

package/dist/src/blocks/DashBlocks.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import "./DashBlocks.scss";
+declare const DashBlocks: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export { DashBlocks as default, DashBlocks };

package/dist/src/blocks/DashBlocks.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DashBlocks = exports.default = void 0;
+var react_1 = __importDefault(require("react"));
+require("./DashBlocks.scss");
+var DashBlocks = function (props) { return (react_1.default.createElement("div", { className: "dash-blocks" }, props.children)); };
+exports.default = DashBlocks;
+exports.DashBlocks = DashBlocks;
+//# sourceMappingURL=DashBlocks.js.map

package/dist/src/blocks/DashBlocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashBlocks.js","sourceRoot":"","sources":["../../../src/blocks/DashBlocks.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,6BAA0B;AAE1B,IAAM,UAAU,GAAG,UAAC,KAAoC,IAAK,OAAA,CAC3D,uCAAK,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,QAAQ,CAAO,CACpD,EAF4D,CAE5D,CAAA;AACsB,6BAAO;AAAE,gCAAU"}

package/dist/src/blocks/DashBlocks.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const withTwoBlocks: () => JSX.Element;

package/dist/src/blocks/DashBlocks.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withTwoBlocks = void 0;
+var react_1 = __importDefault(require("react"));
+var DashBlocks_1 = __importDefault(require("./DashBlocks"));
+var DashBlock_1 = __importDefault(require("./DashBlock"));
+var HeaderBadge_1 = __importDefault(require("../icons/HeaderBadge"));
+exports.default = {
+    title: "Blocks/Dash Blocks",
+};
+var withTwoBlocks = function () { return (react_1.default.createElement(DashBlocks_1.default, null,
+    react_1.default.createElement(DashBlock_1.default, { href: "#", title: "My Applications", subtitle: "and listings for properties for which you've applied", icon: react_1.default.createElement(HeaderBadge_1.default, null) }),
+    react_1.default.createElement(DashBlock_1.default, { href: "#", title: "Account Settings", subtitle: "Account settings, email and password", icon: react_1.default.createElement("span", { className: "header-badge" },
+            react_1.default.createElement("svg", { id: "i-settings", viewBox: "0 0 32 32" },
+                react_1.default.createElement("title", null, "settings"),
+                react_1.default.createElement("path", { fill: "#c7cbc7", d: "M30.075 14.091c-2.858-0.549-4.168-3.888-2.446-6.234l1.208-1.648-2.611-2.611-1.624 1.099c-2.408 1.632-5.696 0.197-6.138-2.677l-0.31-2.021h-3.693l-0.478 2.486c-0.538 2.794-3.757 4.128-6.114 2.531l-2.096-1.419-2.611 2.611 1.208 1.648c1.72 2.346 0.411 5.685-2.446 6.234l-1.925 0.37v3.693l2.021 0.31c2.875 0.443 4.309 3.73 2.677 6.139l-1.099 1.622 2.611 2.611 1.648-1.208c2.347-1.72 5.685-0.411 6.234 2.446l0.371 1.925h3.693l0.219-1.421c0.453-2.939 3.861-4.35 6.259-2.592l1.16 0.851 2.611-2.611-1.099-1.622c-1.632-2.408-0.197-5.696 2.677-6.139l2.021-0.31v-3.693l-1.925-0.37zM16.307 19.077c-1.53 0-2.77-1.24-2.77-2.77s1.24-2.77 2.77-2.77 2.77 1.24 2.77 2.77c0 1.53-1.24 2.77-2.77 2.77v0 0z" }),
+                react_1.default.createElement("path", { fill: "#556080", d: "M16.307 10.461c-3.229 0-5.846 2.618-5.846 5.846s2.618 5.846 5.846 5.846 5.846-2.618 5.846-5.846c0-3.229-2.618-5.846-5.846-5.846v0 0zM16.307 19.077c-1.53 0-2.77-1.24-2.77-2.77s1.24-2.77 2.77-2.77 2.77 1.24 2.77 2.77c0 1.53-1.24 2.77-2.77 2.77v0 0z" }))) }))); };
+exports.withTwoBlocks = withTwoBlocks;
+//# sourceMappingURL=DashBlocks.stories.js.map

package/dist/src/blocks/DashBlocks.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashBlocks.stories.js","sourceRoot":"","sources":["../../../src/blocks/DashBlocks.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,4DAAqC;AACrC,0DAAmC;AACnC,qEAA8C;AAE9C,kBAAe;IACb,KAAK,EAAE,oBAAoB;CAC5B,CAAA;AAEM,IAAM,aAAa,GAAG,cAAM,OAAA,CACjC,8BAAC,oBAAU;IACT,8BAAC,mBAAS,IACR,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,iBAAiB,EACvB,QAAQ,EAAC,sDAAsD,EAC/D,IAAI,EAAE,8BAAC,qBAAW,OAAG,GACV;IACb,8BAAC,mBAAS,IACR,IAAI,EAAC,GAAG,EACR,KAAK,EAAC,kBAAkB,EACxB,QAAQ,EAAC,sCAAsC,EAC/C,IAAI,EACF,wCAAM,SAAS,EAAC,cAAc;YAC5B,uCAAK,EAAE,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW;gBACtC,wDAAuB;gBACvB,wCACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,6qBAA6qB,GACzqB;gBACR,wCACE,IAAI,EAAC,SAAS,EACd,CAAC,EAAC,wPAAwP,GACpP,CACJ,CACD,GAEE,CACF,CACd,EA7BkC,CA6BlC,CAAA;AA7BY,QAAA,aAAa,iBA6BzB"}

package/dist/src/blocks/FormCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import "./FormCard.scss";
+export interface FormCardProps {
+    header?: FormCardHeader;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface FormCardHeader {
+    isVisible: boolean;
+    title: string;
+}
+declare const FormCard: (props: FormCardProps) => JSX.Element;
+export { FormCard as default, FormCard };

package/dist/src/blocks/FormCard.js

@@ -0,0 +1,42 @@
+"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.FormCard = exports.default = void 0;
+var React = __importStar(require("react"));
+require("./FormCard.scss");
+var FormCard = function (props) {
+    var _a;
+    var classNames = props.className ? "".concat(props.className, " form-card") : "form-card";
+    if ((_a = props.header) === null || _a === void 0 ? void 0 : _a.isVisible) {
+        return (React.createElement("article", { className: classNames },
+            React.createElement("div", { className: "form-card__header" },
+                React.createElement("header", { className: "form-card__header_group" }, props.header.title && (React.createElement("h1", { className: "form-card__header_title" }, props.header.title))),
+                React.createElement("div", { className: "form-card__header_nav" }, props.children))));
+    }
+    return React.createElement("article", { className: classNames }, props.children);
+};
+exports.default = FormCard;
+exports.FormCard = FormCard;
+//# sourceMappingURL=FormCard.js.map

package/dist/src/blocks/FormCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCard.js","sourceRoot":"","sources":["../../../src/blocks/FormCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2BAAwB;AAaxB,IAAM,QAAQ,GAAG,UAAC,KAAoB;;IACpC,IAAM,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,SAAS,eAAY,CAAC,CAAC,CAAC,WAAW,CAAA;IACjF,IAAI,MAAA,KAAK,CAAC,MAAM,0CAAE,SAAS,EAAE;QAC3B,OAAO,CACL,iCAAS,SAAS,EAAE,UAAU;YAC5B,6BAAK,SAAS,EAAC,mBAAmB;gBAChC,gCAAQ,SAAS,EAAC,yBAAyB,IACxC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CACrB,4BAAI,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAM,CAClE,CACM;gBAET,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAC,QAAQ,CAAO,CACzD,CACE,CACX,CAAA;KACF;IAED,OAAO,iCAAS,SAAS,EAAE,UAAU,IAAG,KAAK,CAAC,QAAQ,CAAW,CAAA;AACnE,CAAC,CAAA;AAEoB,2BAAO;AAAE,4BAAQ"}