@bloom-housing/ui-components 7.2.0 → 7.2.2

package/dist/src/sections/GridSection.js

@@ -1,31 +1,5 @@
-"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.GridCell = exports.GridSection = exports.default = void 0;
-var React = __importStar(require("react"));
-require("./GridSection.scss");
+import * as React from "react";
+import "./GridSection.scss";
 var GridCell = function (props) {
     var _a;
     var gridCellClasses = ["grid-item"];
@@ -35,7 +9,6 @@ var GridCell = function (props) {
         gridCellClasses.push(props.className);
     return (React.createElement("article", { "aria-label": (_a = props.ariaLabel) !== null && _a !== void 0 ? _a : "", className: gridCellClasses.join(" ") }, props.children));
 };
-exports.GridCell = GridCell;
 var GridSection = function (props) {
     var sectionClasses = ["grid-section"];
     if (props.separator)
@@ -73,6 +46,5 @@ var GridSection = function (props) {
             props.description && (React.createElement("span", { className: "grid-section__description" }, props.description)))),
         React.createElement("div", { className: gridClasses.join(" ") }, props.children)));
 };
-exports.default = GridSection;
-exports.GridSection = GridSection;
+export { GridSection as default, GridSection, GridCell };
 //# sourceMappingURL=GridSection.js.map

package/dist/src/sections/GridSection.js.map

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

package/dist/src/sections/GridSection.stories.js

@@ -1,177 +1,161 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonGrid = exports.GridSectionTable = exports.GridSectionSingleColumnWarn = exports.GridSectionSingleColumn = exports.AddressFields = exports.Address = exports.FourColumnsFields = exports.FourColumnsEdit = exports.TwoColumns = exports.DefaultThreeColumns = void 0;
-var react_1 = __importDefault(require("react"));
-var react_hook_form_1 = require("react-hook-form");
-var MinimalTable_1 = require("../tables/MinimalTable");
-var ViewItem_1 = require("../blocks/ViewItem");
-var GridSection_1 = require("./GridSection");
-var Field_1 = require("../forms/Field");
-var Button_1 = require("../actions/Button");
-var AppearanceTypes_1 = require("../global/AppearanceTypes");
-var StandardTable_stories_1 = require("../tables/StandardTable.stories");
-exports.default = {
+import React from "react";
+import { useForm } from "react-hook-form";
+import { MinimalTable } from "../tables/MinimalTable";
+import { ViewItem } from "../blocks/ViewItem";
+import { GridSection, GridCell } from "./GridSection";
+import { Field } from "../forms/Field";
+import { Button } from "../actions/Button";
+import { AppearanceStyleType } from "../global/AppearanceTypes";
+import { mockData, mockHeaders } from "../tables/StandardTable.stories";
+export default {
     title: "Sections/Grid Section",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var DefaultThreeColumns = function () { return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", subtitle: "Subsection Title" },
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "First Name", children: "Lisa" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Middle Name", children: "S" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Last Name", children: "Jones" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Email", children: "lisa@gmail.com" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Perferred Contact", children: "Phone" })))); };
-exports.DefaultThreeColumns = DefaultThreeColumns;
-var TwoColumns = function () { return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", columns: 2 },
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "First Name", children: "Lisa" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Middle Name", children: "S" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Last Name", children: "Jones" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Date of Birth", children: "01/01/1985" })))); };
-exports.TwoColumns = TwoColumns;
-var FourColumnsEdit = function () { return (react_1.default.createElement(GridSection_1.GridSection, { title: "Very Long Section Title That Wraps on Mobile", subtitle: "Subsection Title", columns: 4, tinted: true, inset: true },
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "First Name", children: "Lisa" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Middle Name", children: "S" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Last Name", children: "Jones" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Email", children: "lisa@gmail.com" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Perferred Contact", children: "Phone" })))); };
-exports.FourColumnsEdit = FourColumnsEdit;
-var FourColumnsFields = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", columns: 4 },
-        react_1.default.createElement(Field_1.Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Beta", placeholder: "Enter text", name: "label2", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Gamma", placeholder: "Enter text", name: "label3", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Delta", placeholder: "Enter text", name: "label4", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Epsilon", placeholder: "Enter text", name: "label5", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Zeta", placeholder: "Enter text", name: "label6", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Eta", placeholder: "Enter text", name: "label7", register: register }),
-        react_1.default.createElement(Field_1.Field, { label: "Theta", placeholder: "Enter text", name: "label8", register: register })));
+export var DefaultThreeColumns = function () { return (React.createElement(GridSection, { title: "Section Title", subtitle: "Subsection Title" },
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "First Name", children: "Lisa" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Middle Name", children: "S" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Last Name", children: "Jones" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Email", children: "lisa@gmail.com" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Perferred Contact", children: "Phone" })))); };
+export var TwoColumns = function () { return (React.createElement(GridSection, { title: "Section Title", columns: 2 },
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "First Name", children: "Lisa" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Middle Name", children: "S" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Last Name", children: "Jones" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985" })))); };
+export var FourColumnsEdit = function () { return (React.createElement(GridSection, { title: "Very Long Section Title That Wraps on Mobile", subtitle: "Subsection Title", columns: 4, tinted: true, inset: true },
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "First Name", children: "Lisa" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Middle Name", children: "S" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Last Name", children: "Jones" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Email", children: "lisa@gmail.com" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
+    React.createElement(GridCell, null,
+        React.createElement(ViewItem, { label: "Perferred Contact", children: "Phone" })))); };
+export var FourColumnsFields = function () {
+    var register = useForm().register;
+    return (React.createElement(GridSection, { title: "Section Title", columns: 4 },
+        React.createElement(Field, { label: "Alpha", placeholder: "Enter text", name: "label1", register: register }),
+        React.createElement(Field, { label: "Beta", placeholder: "Enter text", name: "label2", register: register }),
+        React.createElement(Field, { label: "Gamma", placeholder: "Enter text", name: "label3", register: register }),
+        React.createElement(Field, { label: "Delta", placeholder: "Enter text", name: "label4", register: register }),
+        React.createElement(Field, { label: "Epsilon", placeholder: "Enter text", name: "label5", register: register }),
+        React.createElement(Field, { label: "Zeta", placeholder: "Enter text", name: "label6", register: register }),
+        React.createElement(Field, { label: "Eta", placeholder: "Enter text", name: "label7", register: register }),
+        React.createElement(Field, { label: "Theta", placeholder: "Enter text", name: "label8", register: register })));
 };
-exports.FourColumnsFields = FourColumnsFields;
-var Address = function () { return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", tinted: true, inset: true, grid: false, className: "gap-y-4" },
-    react_1.default.createElement(GridSection_1.GridSection, { subtitle: "Residence Address", columns: 4 },
-        react_1.default.createElement(GridSection_1.GridCell, { span: 3 },
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Street Address", children: "112 Springfield St." })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Apt Unit #", children: "1" })),
-        react_1.default.createElement(GridSection_1.GridCell, { span: 2 },
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "City", children: "Oakland" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "State", children: "CA" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Zip", children: "94577" }))),
-    react_1.default.createElement(GridSection_1.GridSection, { subtitle: "Work Address", columns: 4 },
-        react_1.default.createElement(GridSection_1.GridCell, { span: 3 },
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Street Address", children: "112 Springfield St." })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Apt Unit #", children: "1" })),
-        react_1.default.createElement(GridSection_1.GridCell, { span: 2 },
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "City", children: "Oakland" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "State", children: "CA" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Zip", children: "94577" }))))); };
-exports.Address = Address;
-var AddressFields = function () {
-    var register = (0, react_hook_form_1.useForm)().register;
-    return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", grid: false, className: "mt-8" },
-        react_1.default.createElement(GridSection_1.GridSection, { title: "My Group", columns: 6 },
-            react_1.default.createElement(GridSection_1.GridCell, { span: 4 },
-                react_1.default.createElement(Field_1.Field, { label: "Street Address", placeholder: "Enter text", name: "label1", register: register })),
-            react_1.default.createElement(GridSection_1.GridCell, { span: 2 },
-                react_1.default.createElement(Field_1.Field, { label: "Address 2", placeholder: "Enter text", name: "label2", register: register })),
-            react_1.default.createElement(GridSection_1.GridCell, { span: 2 },
-                react_1.default.createElement(Field_1.Field, { label: "City", placeholder: "Enter text", name: "label3", register: register })),
-            react_1.default.createElement(Field_1.Field, { label: "State", placeholder: "Enter text", name: "label4", register: register }),
-            react_1.default.createElement(Field_1.Field, { label: "Zip", placeholder: "Enter text", name: "label5", register: register }))));
+export var Address = function () { return (React.createElement(GridSection, { title: "Section Title", tinted: true, inset: true, grid: false, className: "gap-y-4" },
+    React.createElement(GridSection, { subtitle: "Residence Address", columns: 4 },
+        React.createElement(GridCell, { span: 3 },
+            React.createElement(ViewItem, { label: "Street Address", children: "112 Springfield St." })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Apt Unit #", children: "1" })),
+        React.createElement(GridCell, { span: 2 },
+            React.createElement(ViewItem, { label: "City", children: "Oakland" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "State", children: "CA" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Zip", children: "94577" }))),
+    React.createElement(GridSection, { subtitle: "Work Address", columns: 4 },
+        React.createElement(GridCell, { span: 3 },
+            React.createElement(ViewItem, { label: "Street Address", children: "112 Springfield St." })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Apt Unit #", children: "1" })),
+        React.createElement(GridCell, { span: 2 },
+            React.createElement(ViewItem, { label: "City", children: "Oakland" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "State", children: "CA" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Zip", children: "94577" }))))); };
+export var AddressFields = function () {
+    var register = useForm().register;
+    return (React.createElement(GridSection, { title: "Section Title", grid: false, className: "mt-8" },
+        React.createElement(GridSection, { title: "My Group", columns: 6 },
+            React.createElement(GridCell, { span: 4 },
+                React.createElement(Field, { label: "Street Address", placeholder: "Enter text", name: "label1", register: register })),
+            React.createElement(GridCell, { span: 2 },
+                React.createElement(Field, { label: "Address 2", placeholder: "Enter text", name: "label2", register: register })),
+            React.createElement(GridCell, { span: 2 },
+                React.createElement(Field, { label: "City", placeholder: "Enter text", name: "label3", register: register })),
+            React.createElement(Field, { label: "State", placeholder: "Enter text", name: "label4", register: register }),
+            React.createElement(Field, { label: "Zip", placeholder: "Enter text", name: "label5", register: register }))));
 };
-exports.AddressFields = AddressFields;
-var GridSectionSingleColumn = function () { return (react_1.default.createElement(GridSection_1.GridSection, { tinted: true, grid: false, inset: true },
-    react_1.default.createElement(GridSection_1.GridSection, { subtitle: "My Group", columns: 1, className: "md:gap-y-2" },
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "First Name", children: "Lisa" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Middle Name", children: "S" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Last Name", children: "Jones" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Email", children: "lisa@gmail.com" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Preferred Contact", children: "Phone" }))))); };
-exports.GridSectionSingleColumn = GridSectionSingleColumn;
-var GridSectionSingleColumnWarn = function () { return (react_1.default.createElement(GridSection_1.GridSection, { grid: false },
-    react_1.default.createElement(ViewItem_1.ViewItem, { label: "Application Number", children: "APP-0001002002" }),
-    react_1.default.createElement(GridSection_1.GridSection, { grid: false, tinted: true },
-        react_1.default.createElement("div", { className: "my-4 p-4" },
-            react_1.default.createElement("fieldset", null,
-                react_1.default.createElement("legend", { className: "field-note mb-4 text-gray-750" }, "Confirm this application is valid:"),
-                react_1.default.createElement("div", { className: "field-group--inline" },
-                    react_1.default.createElement("div", { className: "field " },
-                        react_1.default.createElement("input", { type: "radio", id: "testvalidappkeep", name: "testvalidapp", value: "keep" }),
-                        react_1.default.createElement("label", { className: "font-semibold", htmlFor: "testvalidappkeep" }, "Keep")),
-                    react_1.default.createElement("div", { className: "field " },
-                        react_1.default.createElement("input", { type: "radio", id: "testvalidappremove", name: "testvalidapp", value: "remove" }),
-                        react_1.default.createElement("label", { className: "font-semibold", htmlFor: "testvalidappremove" }, "Remove")))))),
-    react_1.default.createElement(GridSection_1.GridSection, { subtitle: "My Group", columns: 1, inset: true, tinted: true, className: "md:gap-y-4" },
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "First Name", children: "Lisa", flagged: true })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Middle Name", children: "S", flagged: true })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Last Name", children: "Jones", flagged: true })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Date of Birth", children: "01/01/1985", flagged: true })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Email", children: "lisa@gmail.com" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
-        react_1.default.createElement(GridSection_1.GridCell, null,
-            react_1.default.createElement(ViewItem_1.ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
-        react_1.default.createElement(ViewItem_1.ViewItem, { label: "Preferred Contact", children: "Phone" })))); };
-exports.GridSectionSingleColumnWarn = GridSectionSingleColumnWarn;
-var GridSectionTable = function () { return (react_1.default.createElement(GridSection_1.GridSection, { title: "Section Title", grid: false, tinted: true, inset: true },
-    react_1.default.createElement(MinimalTable_1.MinimalTable, { headers: StandardTable_stories_1.mockHeaders, data: StandardTable_stories_1.mockData }))); };
-exports.GridSectionTable = GridSectionTable;
-var ButtonGrid = function () { return (react_1.default.createElement(GridSection_1.GridSection, { columns: 2, tightSpacing: true },
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(Button_1.Button, { fullWidth: true }, "I'm a Button!")),
-    react_1.default.createElement(GridSection_1.GridCell, null,
-        react_1.default.createElement(Button_1.Button, { fullWidth: true }, "Another Button")),
-    react_1.default.createElement(GridSection_1.GridCell, { span: 2 },
-        react_1.default.createElement(Button_1.Button, { styleType: AppearanceTypes_1.AppearanceStyleType.primary, fullWidth: true }, "I'm a Button!")))); };
-exports.ButtonGrid = ButtonGrid;
+export var GridSectionSingleColumn = function () { return (React.createElement(GridSection, { tinted: true, grid: false, inset: true },
+    React.createElement(GridSection, { subtitle: "My Group", columns: 1, className: "md:gap-y-2" },
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "First Name", children: "Lisa" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Middle Name", children: "S" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Last Name", children: "Jones" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Email", children: "lisa@gmail.com" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Preferred Contact", children: "Phone" }))))); };
+export var GridSectionSingleColumnWarn = function () { return (React.createElement(GridSection, { grid: false },
+    React.createElement(ViewItem, { label: "Application Number", children: "APP-0001002002" }),
+    React.createElement(GridSection, { grid: false, tinted: true },
+        React.createElement("div", { className: "my-4 p-4" },
+            React.createElement("fieldset", null,
+                React.createElement("legend", { className: "field-note mb-4 text-gray-750" }, "Confirm this application is valid:"),
+                React.createElement("div", { className: "field-group--inline" },
+                    React.createElement("div", { className: "field " },
+                        React.createElement("input", { type: "radio", id: "testvalidappkeep", name: "testvalidapp", value: "keep" }),
+                        React.createElement("label", { className: "font-semibold", htmlFor: "testvalidappkeep" }, "Keep")),
+                    React.createElement("div", { className: "field " },
+                        React.createElement("input", { type: "radio", id: "testvalidappremove", name: "testvalidapp", value: "remove" }),
+                        React.createElement("label", { className: "font-semibold", htmlFor: "testvalidappremove" }, "Remove")))))),
+    React.createElement(GridSection, { subtitle: "My Group", columns: 1, inset: true, tinted: true, className: "md:gap-y-4" },
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "First Name", children: "Lisa", flagged: true })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Middle Name", children: "S", flagged: true })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Last Name", children: "Jones", flagged: true })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Date of Birth", children: "01/01/1985", flagged: true })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Email", children: "lisa@gmail.com" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Phone", children: "111-222-3333", helper: "Cell" })),
+        React.createElement(GridCell, null,
+            React.createElement(ViewItem, { label: "Second Phone", children: "111-222-3333", helper: "Work" })),
+        React.createElement(ViewItem, { label: "Preferred Contact", children: "Phone" })))); };
+export var GridSectionTable = function () { return (React.createElement(GridSection, { title: "Section Title", grid: false, tinted: true, inset: true },
+    React.createElement(MinimalTable, { headers: mockHeaders, data: mockData }))); };
+export var ButtonGrid = function () { return (React.createElement(GridSection, { columns: 2, tightSpacing: true },
+    React.createElement(GridCell, null,
+        React.createElement(Button, { fullWidth: true }, "I'm a Button!")),
+    React.createElement(GridCell, null,
+        React.createElement(Button, { fullWidth: true }, "Another Button")),
+    React.createElement(GridCell, { span: 2 },
+        React.createElement(Button, { styleType: AppearanceStyleType.primary, fullWidth: true }, "I'm a Button!")))); };
 //# sourceMappingURL=GridSection.stories.js.map

package/dist/src/sections/GridSection.stories.js.map

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

package/dist/src/sections/InfoCardGrid.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.InfoCardGrid = exports.default = void 0;
-var React = __importStar(require("react"));
-var Heading_1 = require("../text/Heading");
-require("./InfoCardGrid.scss");
+import * as React from "react";
+import { Heading } from "../text/Heading";
+import "./InfoCardGrid.scss";
 var InfoCardGrid = function (props) { return (React.createElement("section", { className: "info-cards" },
     React.createElement("header", { className: "info-cards__header" },
-        React.createElement(Heading_1.Heading, { styleType: "underlineWeighted", priority: 2, className: "text-tiny" }, props.title),
+        React.createElement(Heading, { styleType: "underlineWeighted", priority: 2, className: "text-tiny" }, props.title),
         props.subtitle && React.createElement("p", { className: "info-cards__subtitle" }, props.subtitle)),
     React.createElement("div", { className: "info-cards__grid" }, props.children))); };
-exports.default = InfoCardGrid;
-exports.InfoCardGrid = InfoCardGrid;
+export { InfoCardGrid as default, InfoCardGrid };
 //# sourceMappingURL=InfoCardGrid.js.map

package/dist/src/sections/InfoCardGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCardGrid.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAyC;AACzC,+BAA4B;AAQ5B,IAAM,YAAY,GAAG,UAAC,KAAwB,IAAK,OAAA,CACjD,iCAAS,SAAS,EAAC,YAAY;IAC7B,gCAAQ,SAAS,EAAC,oBAAoB;QACpC,oBAAC,iBAAO,IAAC,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,IACzE,KAAK,CAAC,KAAK,CACJ;QACT,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,QAAQ,CAAK,CACpE;IACT,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAChD,CACX,EAVkD,CAUlD,CAAA;AAEwB,+BAAO;AAAE,oCAAY"}
+{"version":3,"file":"InfoCardGrid.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,qBAAqB,CAAA;AAQ5B,IAAM,YAAY,GAAG,UAAC,KAAwB,IAAK,OAAA,CACjD,iCAAS,SAAS,EAAC,YAAY;IAC7B,gCAAQ,SAAS,EAAC,oBAAoB;QACpC,oBAAC,OAAO,IAAC,SAAS,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,WAAW,IACzE,KAAK,CAAC,KAAK,CACJ;QACT,KAAK,CAAC,QAAQ,IAAI,2BAAG,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAC,QAAQ,CAAK,CACpE;IACT,6BAAK,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAChD,CACX,EAVkD,CAUlD,CAAA;AAED,OAAO,EAAE,YAAY,IAAI,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/src/sections/InfoCardGrid.stories.js

@@ -1,21 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThreeCards = void 0;
-var react_1 = __importDefault(require("react"));
-var InfoCard_1 = require("../blocks/InfoCard");
-var InfoCardGrid_1 = require("./InfoCardGrid");
-var ExpandableText_1 = require("../actions/ExpandableText");
-exports.default = {
+import React from "react";
+import { InfoCard } from "../blocks/InfoCard";
+import { InfoCardGrid } from "./InfoCardGrid";
+import { ExpandableText } from "../actions/ExpandableText";
+export default {
     title: "Sections/Info Card Grid",
-    decorators: [function (storyFn) { return react_1.default.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
+    decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }],
 };
-var ThreeCards = function () { return (react_1.default.createElement(InfoCardGrid_1.InfoCardGrid, { title: "Rentals", subtitle: "Other rental housing funded by the City, as well as lists developed each month by community nonprofit agencies." },
-    react_1.default.createElement(InfoCard_1.InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\nParagraph content\n\n----\n\nMore content\n      "),
-    react_1.default.createElement(InfoCard_1.InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\n#### Header 4\n\n* A list\n* of items\n      "),
-    react_1.default.createElement(InfoCard_1.InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" },
-        react_1.default.createElement(ExpandableText_1.ExpandableText, { buttonClassName: "ml-4", strings: { readMore: "More", readLess: "Less" } }, "\nText within _another_ component\u2026\n      ")))); };
-exports.ThreeCards = ThreeCards;
+export var ThreeCards = function () { return (React.createElement(InfoCardGrid, { title: "Rentals", subtitle: "Other rental housing funded by the City, as well as lists developed each month by community nonprofit agencies." },
+    React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\nParagraph content\n\n----\n\nMore content\n      "),
+    React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" }, "\n#### Header 4\n\n* A list\n* of items\n      "),
+    React.createElement(InfoCard, { title: "My Card", externalHref: "http://google.com", className: "is-normal-primary-lighter" },
+        React.createElement(ExpandableText, { buttonClassName: "ml-4", strings: { readMore: "More", readLess: "Less" } }, "\nText within _another_ component\u2026\n      ")))); };
 //# sourceMappingURL=InfoCardGrid.stories.js.map

package/dist/src/sections/InfoCardGrid.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCardGrid.stories.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AAEzB,+CAA6C;AAC7C,+CAA6C;AAC7C,4DAA0D;AAE1D,kBAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,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,UAAU,GAAG,cAAM,OAAA,CAC9B,8BAAC,2BAAY,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iHAAiH;IAE1H,8BAAC,mBAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,qDAMA,CACQ;IACX,8BAAC,mBAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,iDAKA,CACQ;IAEX,8BAAC,mBAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B;QAErC,8BAAC,+BAAc,IAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACnF,iDAEF,CACgB,CACR,CACE,CAChB,EA3C+B,CA2C/B,CAAA;AA3CY,QAAA,UAAU,cA2CtB"}
+{"version":3,"file":"InfoCardGrid.stories.js","sourceRoot":"","sources":["../../../src/sections/InfoCardGrid.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,eAAe;IACb,KAAK,EAAE,yBAAyB;IAChC,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,UAAU,GAAG,cAAM,OAAA,CAC9B,oBAAC,YAAY,IACX,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iHAAiH;IAE1H,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,qDAMA,CACQ;IACX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B,IAEpC,iDAKA,CACQ;IAEX,oBAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,YAAY,EAAC,mBAAmB,EAChC,SAAS,EAAC,2BAA2B;QAErC,oBAAC,cAAc,IAAC,eAAe,EAAC,MAAM,EAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IACnF,iDAEF,CACgB,CACR,CACE,CAChB,EA3C+B,CA2C/B,CAAA"}