@bloom-housing/ui-components 7.2.0 → 7.2.2

package/dist/src/text/Message.js

@@ -1,37 +1,10 @@
-"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.Message = exports.default = void 0;
-var React = __importStar(require("react"));
-require("./Message.scss");
+import * as React from "react";
+import "./Message.scss";
 var Message = function (props) {
     var messageClasses = ["message"];
     if (props.warning)
         messageClasses.push("is-warning");
     return React.createElement("div", { className: messageClasses.join(" ") }, props.children);
 };
-exports.default = Message;
-exports.Message = Message;
+export { Message as default, Message };
 //# sourceMappingURL=Message.js.map

package/dist/src/text/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/text/Message.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,0BAAuB;AAOvB,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,cAAc,GAAG,CAAC,SAAS,CAAC,CAAA;IAClC,IAAI,KAAK,CAAC,OAAO;QAAE,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAEpD,OAAO,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACzE,CAAC,CAAA;AAEmB,0BAAO;AAAE,0BAAO"}
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../src/text/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,gBAAgB,CAAA;AAOvB,IAAM,OAAO,GAAG,UAAC,KAAmB;IAClC,IAAM,cAAc,GAAG,CAAC,SAAS,CAAC,CAAA;IAClC,IAAI,KAAK,CAAC,OAAO;QAAE,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAEpD,OAAO,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAA;AACzE,CAAC,CAAA;AAED,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/src/text/Message.stories.js

@@ -1,37 +1,9 @@
-"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.warning = exports.standard = void 0;
-var React = __importStar(require("react"));
-var Message_1 = require("./Message");
-exports.default = {
+import * as React from "react";
+import { Message } from "./Message";
+export default {
     title: "Text/Message",
     decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var standard = function () { return React.createElement(Message_1.Message, null, "Message"); };
-exports.standard = standard;
-var warning = function () { return React.createElement(Message_1.Message, { warning: true }, "Warning"); };
-exports.warning = warning;
+export var standard = function () { return React.createElement(Message, null, "Message"); };
+export var warning = function () { return React.createElement(Message, { warning: true }, "Warning"); };
 //# sourceMappingURL=Message.stories.js.map

package/dist/src/text/Message.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../src/text/Message.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,qCAAmC;AAEnC,kBAAe;IACb,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAEM,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,iBAAO,kBAAkB,EAA1B,CAA0B,CAAA;AAA3C,QAAA,QAAQ,YAAmC;AAEjD,IAAM,OAAO,GAAG,cAAM,OAAA,oBAAC,iBAAO,IAAC,OAAO,EAAE,IAAI,cAAmB,EAAzC,CAAyC,CAAA;AAAzD,QAAA,OAAO,WAAkD"}
+{"version":3,"file":"Message.stories.js","sourceRoot":"","sources":["../../../src/text/Message.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,CAAC;CACnF,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,cAAM,OAAA,oBAAC,OAAO,kBAAkB,EAA1B,CAA0B,CAAA;AAExD,MAAM,CAAC,IAAM,OAAO,GAAG,cAAM,OAAA,oBAAC,OAAO,IAAC,OAAO,EAAE,IAAI,cAAmB,EAAzC,CAAyC,CAAA"}

package/dist/src/text/Tag.js

@@ -1,34 +1,8 @@
-"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.Tag = void 0;
-var React = __importStar(require("react"));
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-require("./Tag.scss");
-var Tag = function (props) {
-    var tagClasses = ["tag"].concat((0, AppearanceTypes_1.classNamesForAppearanceTypes)(props));
+import * as React from "react";
+import { classNamesForAppearanceTypes } from "../global/AppearanceTypes";
+import "./Tag.scss";
+export var Tag = function (props) {
+    var tagClasses = ["tag"].concat(classNamesForAppearanceTypes(props));
     if (props.pillStyle)
         tagClasses.push("is-pill");
     if (props.fillContainer)
@@ -39,5 +13,4 @@ var Tag = function (props) {
         tagClasses.push(props.className);
     return React.createElement("span", { className: tagClasses.join(" ") }, props.children);
 };
-exports.Tag = Tag;
 //# sourceMappingURL=Tag.js.map

package/dist/src/text/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/text/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,6DAAyF;AACzF,sBAAmB;AAUZ,IAAM,GAAG,GAAG,UAAC,KAAe;IACjC,IAAM,UAAU,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAA,8CAA4B,EAAC,KAAK,CAAC,CAAC,CAAA;IAEtE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC/C,IAAI,KAAK,CAAC,aAAa;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC1D,IAAI,KAAK,CAAC,WAAW;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACxD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAA;AACvE,CAAC,CAAA;AATY,QAAA,GAAG,OASf"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/text/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAmB,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AACzF,OAAO,YAAY,CAAA;AAUnB,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,KAAe;IACjC,IAAM,UAAU,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC,CAAA;IAEtE,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAC/C,IAAI,KAAK,CAAC,aAAa;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC1D,IAAI,KAAK,CAAC,WAAW;QAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;IACxD,IAAI,KAAK,CAAC,SAAS;QAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;IAErD,OAAO,8BAAM,SAAS,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAAA;AACvE,CAAC,CAAA"}

package/dist/src/text/Tag.stories.js

@@ -1,92 +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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pillListings = exports.pillColors = exports.pillLarge = exports.pillSmall = exports.pill = exports.small = exports.warning = exports.success = exports.standard = void 0;
-var React = __importStar(require("react"));
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var constants_1 = require("../../.storybook/constants");
-var Tag_1 = require("./Tag");
-var Tag_docs_mdx_1 = __importDefault(require("./Tag.docs.mdx"));
-exports.default = {
+import * as React from "react";
+import { AppearanceSizeType, AppearanceStyleType, AppearanceShadeType, } from "../global/AppearanceTypes";
+import { BADGES } from "../../.storybook/constants";
+import { Tag } from "./Tag";
+import TagDocumentation from "./Tag.docs.mdx";
+export default {
     title: "Text/Tag 🚩",
     id: "text/tag",
     decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
     parameters: {
         docs: {
-            page: Tag_docs_mdx_1.default,
+            page: TagDocumentation,
         },
-        badges: [constants_1.BADGES.GEN2],
+        badges: [BADGES.GEN2],
     },
 };
-var standard = function () { return React.createElement(Tag_1.Tag, null, "Tag"); };
-exports.standard = standard;
-var success = function () { return React.createElement(Tag_1.Tag, { styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Success"); };
-exports.success = success;
-var warning = function () { return React.createElement(Tag_1.Tag, { styleType: AppearanceTypes_1.AppearanceStyleType.warning }, "Warning"); };
-exports.warning = warning;
-var small = function () { return React.createElement(Tag_1.Tag, { size: AppearanceTypes_1.AppearanceSizeType.small }, "Warning"); };
-exports.small = small;
+export var standard = function () { return React.createElement(Tag, null, "Tag"); };
+export var success = function () { return React.createElement(Tag, { styleType: AppearanceStyleType.success }, "Success"); };
+export var warning = function () { return React.createElement(Tag, { styleType: AppearanceStyleType.warning }, "Warning"); };
+export var small = function () { return React.createElement(Tag, { size: AppearanceSizeType.small }, "Warning"); };
 // TODO: export const big = () => <Tag size={AppearanceSizeType.big}>Warning</Tag>
-var pill = function () { return React.createElement(Tag_1.Tag, { pillStyle: true }, "Pill Style"); };
-exports.pill = pill;
-var pillSmall = function () { return (React.createElement(Tag_1.Tag, { pillStyle: true, size: AppearanceTypes_1.AppearanceSizeType.small }, "Pill Small")); };
-exports.pillSmall = pillSmall;
-var pillLarge = function () { return (React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Pill Large")); };
-exports.pillLarge = pillLarge;
+export var pill = function () { return React.createElement(Tag, { pillStyle: true }, "Pill Style"); };
+export var pillSmall = function () { return (React.createElement(Tag, { pillStyle: true, size: AppearanceSizeType.small }, "Pill Small")); };
+export var pillLarge = function () { return (React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.success }, "Pill Large")); };
 var Spacer = function () {
     return React.createElement("div", { style: { height: "10px" } });
 };
-var pillColors = function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.primary }, "Primary"),
+export var pillColors = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.primary }, "Primary"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.secondary }, "Secondary"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.secondary }, "Secondary"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success }, "Success Dark"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.success }, "Success Dark"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Success Light"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.success, shade: AppearanceShadeType.light }, "Success Light"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.dark }, "Accent Cool Dark"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.accentCool, shade: AppearanceShadeType.dark }, "Accent Cool Dark"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Accent Cool Light"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.accentCool, shade: AppearanceShadeType.light }, "Accent Cool Light"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentWarm, shade: AppearanceTypes_1.AppearanceShadeType.dark }, "Accent Warm Dark"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.accentWarm, shade: AppearanceShadeType.dark }, "Accent Warm Dark"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentWarm, shade: AppearanceTypes_1.AppearanceShadeType.light }, "Accent Warm Light"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.accentWarm, shade: AppearanceShadeType.light }, "Accent Warm Light"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.closed }, "Closed"))); };
-exports.pillColors = pillColors;
-var pillListings = function () { return (React.createElement("div", { style: { width: "200px" } },
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.primary, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Draft"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.closed }, "Closed"))); };
+export var pillListings = function () { return (React.createElement("div", { style: { width: "200px" } },
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.primary, size: AppearanceSizeType.small, fillContainer: true }, "Draft"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.success, shade: AppearanceTypes_1.AppearanceShadeType.light, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Scheduled"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.success, shade: AppearanceShadeType.light, size: AppearanceSizeType.small, fillContainer: true }, "Scheduled"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.closed, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Closed"),
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.closed, size: AppearanceSizeType.small, fillContainer: true }, "Closed"),
     React.createElement(Spacer, null),
-    React.createElement(Tag_1.Tag, { pillStyle: true, styleType: AppearanceTypes_1.AppearanceStyleType.accentCool, shade: AppearanceTypes_1.AppearanceShadeType.dark, size: AppearanceTypes_1.AppearanceSizeType.small, fillContainer: true }, "Results"))); };
-exports.pillListings = pillListings;
+    React.createElement(Tag, { pillStyle: true, styleType: AppearanceStyleType.accentCool, shade: AppearanceShadeType.dark, size: AppearanceSizeType.small, fillContainer: true }, "Results"))); };
 //# sourceMappingURL=Tag.stories.js.map

package/dist/src/text/Tag.stories.js.map

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

package/index.ts

@@ -0,0 +1,168 @@
+/* Actions */
+export * from "./src/actions/Button"
+export * from "./src/actions/ButtonGroup"
+export * from "./src/actions/ExpandableText"
+export * from "./src/actions/LinkButton"
+export * from "./src/actions/LocalizedLink"
+export * from "./src/actions/ExpandableContent"
+export * from "./src/actions/Video"
+
+/* Blocks */
+export * from "./src/blocks/ActionBlock"
+export * from "./src/blocks/StatusItem"
+export * from "./src/blocks/Card"
+export * from "./src/blocks/DashBlock"
+export * from "./src/blocks/DashBlocks"
+export * from "./src/blocks/FormCard"
+export * from "./src/blocks/HousingCounselor"
+export * from "./src/blocks/ImageCard"
+export * from "./src/blocks/InfoCard"
+export * from "./src/blocks/StatusBar"
+export * from "./src/blocks/ViewItem"
+export * from "./src/blocks/StandardCard"
+export * from "./src/blocks/MediaCard"
+
+/* Contexts */
+export * from "./src/config"
+
+/* Footers */
+export * from "./src/footers/ExygyFooter"
+export * from "./src/footers/SiteFooter"
+
+/* Forms */
+export * from "./src/forms/DateField"
+export * from "./src/forms/DOBField"
+export * from "./src/forms/CloudinaryUpload"
+export * from "./src/forms/Dropzone"
+export * from "./src/forms/Field"
+export * from "./src/forms/PhoneField"
+export * from "./src/forms/PhoneMask"
+export * from "./src/forms/HouseholdMemberForm"
+export * from "./src/forms/HouseholdSizeField"
+export * from "./src/forms/MultiSelectField"
+export * from "./src/forms/FieldGroup"
+export * from "./src/forms/Select"
+export * from "./src/forms/Form"
+export * from "./src/forms/Textarea"
+export * from "./src/forms/TimeField"
+
+/* Global */
+export * from "./src/global/AppearanceTypes"
+export * from "./src/global/ApplicationStatusType"
+
+/* Headers */
+export * from "./src/headers/Hero"
+export * from "./src/headers/PageHeader"
+export * from "./src/headers/SiteHeader"
+export * from "./src/headers/StepHeader"
+export * from "./src/headers/HeadingGroup"
+
+/* Helpers */
+export * from "./src/helpers/capitalize"
+export * from "./src/helpers/dateToString"
+export * from "./src/helpers/debounce"
+export * from "./src/helpers/formOptions"
+export * from "./src/helpers/formatYesNoLabel"
+export * from "./src/helpers/getTranslationWithArguments"
+export * from "./src/helpers/links"
+export * from "./src/helpers/mergeDeep"
+export * from "./src/helpers/MultiLineAddress"
+export * from "./src/helpers/numberOrdinal"
+export * from "./src/helpers/OneLineAddress"
+export * from "./src/helpers/preferences"
+export * from "./src/helpers/resolveObject"
+export * from "./src/helpers/translator"
+export * from "./src/helpers/useIntersect"
+export * from "./src/helpers/useMutate"
+export * from "./src/helpers/validators"
+
+/* Icons */
+export * from "./src/icons/HeaderBadge"
+export * from "./src/icons/Icon"
+
+/* Lists */
+export * from "./src/lists/PreferencesList"
+
+/* Navigation */
+export * from "./src/navigation/FooterNav"
+export * from "./src/navigation/LanguageNav"
+export * from "./src/navigation/ProgressNav"
+export * from "./src/navigation/TabNav"
+export * from "./src/navigation/Tabs"
+export * from "./src/navigation/Breadcrumbs"
+export * from "./src/navigation/SideNav"
+
+/* Notifications */
+export * from "./src/notifications/AlertBox"
+export * from "./src/notifications/AlertNotice"
+export * from "./src/notifications/ApplicationStatus"
+export * from "./src/notifications/ErrorMessage"
+export * from "./src/notifications/SiteAlert"
+export * from "./src/notifications/StatusAside"
+export * from "./src/notifications/StatusMessage"
+export * from "./src/notifications/alertTypes"
+
+/* Overlays */
+export * from "./src/overlays/Overlay"
+export * from "./src/overlays/Modal"
+export * from "./src/overlays/Drawer"
+export * from "./src/overlays/LoadingOverlay"
+
+/* Page Components */
+export * from "./src/page_components/ApplicationTimeline"
+export * from "./src/page_components/listing/AdditionalFees"
+export * from "./src/page_components/listing/ContentAccordion"
+export * from "./src/page_components/listing/ListingCard"
+export * from "./src/page_components/listing/ListingDetailHeader"
+export * from "./src/page_components/listing/ListingDetails"
+export * from "./src/page_components/listing/ListingMap"
+export * from "./src/page_components/listing/ListingsGroup"
+export * from "./src/page_components/listing/listing_sidebar/GetApplication"
+export * from "./src/page_components/listing/listing_sidebar/Contact"
+export * from "./src/page_components/listing/listing_sidebar/ListingUpdated"
+export * from "./src/page_components/listing/listing_sidebar/NumberedHeader"
+export * from "./src/page_components/listing/listing_sidebar/OrDivider"
+export * from "./src/page_components/listing/listing_sidebar/ReferralApplication"
+export * from "./src/page_components/listing/listing_sidebar/ContactAddress"
+export * from "./src/page_components/listing/listing_sidebar/SidebarBlock"
+export * from "./src/page_components/listing/listing_sidebar/SubmitApplication"
+export * from "./src/page_components/listing/listing_sidebar/QuantityRowSection"
+export * from "./src/page_components/listing/listing_sidebar/ExpandableSection"
+export * from "./src/page_components/listing/listing_sidebar/events/DownloadLotteryResults"
+export * from "./src/page_components/listing/listing_sidebar/events/EventSection"
+export * from "./src/page_components/sign-in/FormTerms"
+export * from "./src/page_components/sign-in/ResendConfirmationModal"
+export * from "./src/page_components/sign-in/FormSignIn"
+export * from "./src/page_components/sign-in/FormSignInMFAType"
+export * from "./src/page_components/sign-in/FormSignInMFACode"
+export * from "./src/page_components/sign-in/FormSignInAddPhone"
+export * from "./src/page_components/sign-in/FormSignInErrorBox"
+export * from "./src/page_components/forgot-password/FormForgotPassword"
+export * from "./src/page_components/NavigationHeader"
+
+/* Responsive Wrappers */
+export * from "./src/sections/ResponsiveWrappers"
+
+/* Sections */
+export * from "./src/sections/ContentSection"
+export * from "./src/sections/FooterSection"
+export * from "./src/sections/InfoCardGrid"
+export * from "./src/sections/ListSection"
+export * from "./src/sections/MarkdownSection"
+export * from "./src/sections/ResponsiveContentList"
+export * from "./src/sections/GridSection"
+
+/* Tables */
+export * from "./src/tables/StandardTable"
+export * from "./src/tables/GroupedTable"
+export * from "./src/tables/MinimalTable"
+export * from "./src/tables/StackedTable"
+export * from "./src/tables/CategoryTable"
+export * from "./src/tables/AgTable"
+export * from "./src/tables/AgPagination"
+
+/* Text */
+export * from "./src/text/Description"
+export * from "./src/text/Heading"
+export * from "./src/text/Message"
+export * from "./src/text/Tag"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "7.2.0",
+  "version": "7.2.2",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/ui-components",
@@ -18,12 +18,15 @@
   },
   "files": [
     "dist",
-    "src"
+    "src",
+    "tailwind.config.js",
+    "tailwind.tosass.js",
+    "index.ts"
   ],
   "scripts": {
     "build-storybook": "build-storybook -c .storybook -s ./public",
     "start": "start-storybook -s ./public",
-    "build": "tsc --module commonjs",
+    "build": "tsc",
     "test": "jest -w 1",
     "test:coverage": "jest -w 1 --coverage --watchAll=false",
     "prettier": "prettier --write \"**/*.tsx\"",

package/tailwind.config.js

@@ -0,0 +1,124 @@
+/* eslint-env node */
+
+module.exports = {
+  important: true,
+  purge: false,
+  theme: {
+    screens: {
+      sm: "640px",
+      md: "768px",
+      lg: "1200px",
+      xl: "1280px",
+      "2xl": "1440px",
+      print: { raw: "print" },
+    },
+    fontSize: {
+      "2xs": "var(--bloom-font-size-2xs)",
+      xs: "var(--bloom-font-size-xs)",
+      sm: "var(--bloom-font-size-sm)",
+      tiny: "var(--bloom-font-size-tiny)",
+      base: "var(--bloom-font-size-base)",
+      "base-alt": "var(--bloom-font-size-base-alt)",
+      lg: "var(--bloom-font-size-lg)",
+      xl: "var(--bloom-font-size-xl)",
+      "2xl": "var(--bloom-font-size-2xl)",
+      "3xl": "var(--bloom-font-size-3xl)",
+      "4xl": "var(--bloom-font-size-4xl)",
+      "5xl": "var(--bloom-font-size-5xl)",
+      "6xl": "var(--bloom-font-size-6xl)",
+      "6.5xl": "var(--bloom-font-size-6_5xl)",
+      "7xl": "var(--bloom-font-size-7xl)",
+    },
+    fontFamily: {
+      sans: "var(--bloom-font-sans)",
+      serif: "var(--bloom-font-serif)",
+      "alt-sans": "var(--bloom-font-alt-sans)",
+    },
+    colors: {
+      primary: "var(--bloom-color-primary)",
+      "primary-dark": "var(--bloom-color-primary-dark)",
+      "primary-darker": "var(--bloom-color-primary-darker)",
+      "primary-light": "var(--bloom-color-primary-light)",
+      "primary-lighter": "var(--bloom-color-primary-lighter)",
+      secondary: "var(--bloom-color-secondary)",
+      alert: "var(--bloom-color-alert)",
+      "alert-light": "var(--bloom-color-alert-light)",
+      "alert-dark": "var(--bloom-color-alert-dark)",
+      success: "var(--bloom-color-success)",
+      "success-light": "var(--bloom-color-success-light)",
+      "success-dark": "var(--bloom-color-success-dark)",
+      warn: "var(--bloom-color-warn)",
+      "warn-light": "var(--bloom-color-warn-light)",
+      "warn-dark": "var(--bloom-color-warn-dark)",
+      "accent-cool": "var(--bloom-color-accent-cool)",
+      "accent-cool-light": "var(--bloom-color-accent-cool-light)",
+      "accent-cool-dark": "var(--bloom-color-accent-cool-dark)",
+      "accent-warm": "var(--bloom-color-accent-warm)",
+      "accent-warm-dark": "var(--bloom-color-accent-warm-dark)",
+      "accent-warm-light": "var(--bloom-color-accent-warm-light)",
+      "accent-warm-lighter": "var(--bloom-color-accent-warm-lighter)",
+      lush: "var(--bloom-color-lush)",
+      white: "var(--bloom-color-white)",
+      black: "var(--bloom-color-black)",
+      blue: {
+        800: "var(--bloom-color-blue-800)",
+        700: "var(--bloom-color-blue-700)",
+        600: "var(--bloom-color-blue-600)",
+        300: "var(--bloom-color-blue-300)",
+        200: "var(--bloom-color-blue-200)",
+      },
+      red: {
+        700: "var(--bloom-color-red-700)",
+        300: "var(--bloom-color-red-300)",
+      },
+      yellow: {
+        700: "var(--bloom-color-yellow-700)",
+        300: "var(--bloom-color-yellow-300)",
+      },
+      green: {
+        700: "var(--bloom-color-green-700)",
+        300: "var(--bloom-color-green-300)",
+      },
+      teal: {
+        700: "var(--bloom-color-green-700)",
+        300: "var(--bloom-color-green-300)",
+      },
+      gray: {
+        950: "var(--bloom-color-gray-950)",
+        900: "var(--bloom-color-gray-900)",
+        850: "var(--bloom-color-gray-850)",
+        800: "var(--bloom-color-gray-800)",
+        750: "var(--bloom-color-gray-750)",
+        700: "var(--bloom-color-gray-700)",
+        650: "var(--bloom-color-gray-650)",
+        600: "var(--bloom-color-gray-600)",
+        550: "var(--bloom-color-gray-550)",
+        500: "var(--bloom-color-gray-500)",
+        450: "var(--bloom-color-gray-450)",
+        400: "var(--bloom-color-gray-400)",
+        300: "var(--bloom-color-gray-300)",
+        200: "var(--bloom-color-gray-200)",
+        100: "var(--bloom-color-gray-100)",
+      },
+    },
+    letterSpacing: {
+      tightest: "var(--bloom-letter-spacing-tightest)",
+      tighter: "var(--bloom-letter-spacing-tighter)",
+      tight: "var(--bloom-letter-spacing-tight)",
+      normal: "0",
+      wide: "var(--bloom-letter-spacing-wide)",
+      wider: "var(--bloom-letter-spacing-wider)",
+      widest: "var(--bloom-letter-spacing-widest)",
+      ultrawide: "var(--bloom-letter-spacing-ultrawide)",
+    },
+    extend: {
+      borderColor: (theme) => ({
+        DEFAULT: theme("colors.gray.450", "currentColor"),
+      }),
+      inset: {
+        4: "1rem",
+        "-10": "-2.5rem",
+      },
+    },
+  },
+}