@bloom-housing/ui-components 10.0.8 → 10.0.10

package/dist/src/page_components/listing/ContentAccordion.js

@@ -16,7 +16,7 @@ var ContentAccordion = function (props) {
         }
     };
     return (React.createElement("div", { className: "mb-4" },
-        React.createElement("button", { onClick: toggleTable, className: "w-full text-left ".concat(props.disableAccordion ? "cursor-default" : ""), ref: buttonRef, "aria-expanded": accordionOpen, "data-test-id": "content-accordion-button" },
+        React.createElement("button", { onClick: toggleTable, className: "w-full ".concat(props.disableAccordion ? "cursor-default" : ""), ref: buttonRef, "aria-expanded": accordionOpen, "data-test-id": "content-accordion-button" },
             React.createElement("div", { className: "flex justify-between ".concat(props.barClass ? props.barClass : "", " ").concat(props.accordionTheme === "blue" ? "accordion-blue-theme__bar" : "", " ").concat(props.accordionTheme === "gray" ? "accordion-gray-theme__bar" : "", " ").concat(accordionOpen ? "accordion-open" : "") },
                 props.customBarContent,
                 !props.disableAccordion && (React.createElement(React.Fragment, null, accordionOpen ? (React.createElement(Icon, { symbol: "closeSmall", size: "base", fill: IconFillColors.primary, className: "pt-1 flex items-center", dataTestId: "accordion-close", key: "accordion-close" })) : (React.createElement(Icon, { symbol: "arrowDown", size: "base", fill: IconFillColors.primary, className: "flex items-center", dataTestId: "accordion-open", key: "accordion-open" })))))),

package/dist/src/page_components/listing/ContentAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ContentAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,yBAAyB,CAAA;AAahC;;;GAGG;AACH,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IAC9C,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,EAA3E,aAAa,QAAA,EAAE,gBAAgB,QAA4C,CAAA;IAClF,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,IAAM,WAAW,GAAG;;QAClB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAA;YAChC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM;QACpB,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,2BAAoB,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAE,EAC/E,GAAG,EAAE,SAAS,mBACC,aAAa,kBACd,0BAA0B;YAExC,6BACE,SAAS,EAAE,+BAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cACrE,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,cAChE,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,cACpE,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACrC;gBAED,KAAK,CAAC,gBAAgB;gBACtB,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,0CACG,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IACH,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,wBAAwB,EACnC,UAAU,EAAE,iBAAiB,EAC7B,GAAG,EAAE,iBAAiB,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,gBAAgB,EAC5B,GAAG,EAAE,gBAAgB,GACrB,CACH,CACA,CACJ,CACG,CACC;QACR,aAAa,IAAI,iCAAM,KAAK,CAAC,qBAAqB,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"ContentAccordion.js","sourceRoot":"","sources":["../../../../src/page_components/listing/ContentAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACvD,OAAO,yBAAyB,CAAA;AAahC;;;GAGG;AACH,IAAM,gBAAgB,GAAG,UAAC,KAA4B;IAC9C,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,EAA3E,aAAa,QAAA,EAAE,gBAAgB,QAA4C,CAAA;IAClF,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IAEjD,IAAM,WAAW,GAAG;;QAClB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAA;YAChC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAA;SAC5B;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM;QACpB,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,iBAAU,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAE,EACrE,GAAG,EAAE,SAAS,mBACC,aAAa,kBACd,0BAA0B;YAExC,6BACE,SAAS,EAAE,+BAAwB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cACrE,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,cAChE,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,cACpE,aAAa,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CACrC;gBAED,KAAK,CAAC,gBAAgB;gBACtB,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC1B,0CACG,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IACH,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,wBAAwB,EACnC,UAAU,EAAE,iBAAiB,EAC7B,GAAG,EAAE,iBAAiB,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,SAAS,EAAE,mBAAmB,EAC9B,UAAU,EAAE,gBAAgB,EAC5B,GAAG,EAAE,gBAAgB,GACrB,CACH,CACA,CACJ,CACG,CACC;QACR,aAAa,IAAI,iCAAM,KAAK,CAAC,qBAAqB,CAAO,CACtD,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/src/tables/CategoryTable.js

@@ -14,12 +14,12 @@ import { StackedTable } from "./StackedTable";
 import { Heading } from "../text/Heading";
 var CategoryTable = function (props) {
     var tables = props.categoryData.map(function (category, index) {
-        return (React.createElement("div", { key: index },
+        return (React.createElement("div", { key: index, className: "category-table-container" },
             React.createElement(Heading, { priority: 3, styleType: "lightWeighted" }, category.header),
-            React.createElement("hr", { className: "my-2" }),
-            React.createElement(StackedTable, __assign({}, category.tableData, { className: "category-table mb-2 md:mb-6" }))));
+            React.createElement("hr", { className: "mt-3 mb-3 md:mb-1 border-gray-500" }),
+            React.createElement(StackedTable, __assign({}, category.tableData, { className: "category-table" }))));
     });
-    return React.createElement(React.Fragment, null, tables);
+    return React.createElement("div", { className: "category-table-parent" }, tables);
 };
 export { CategoryTable as default, CategoryTable };
 //# sourceMappingURL=CategoryTable.js.map

package/dist/src/tables/CategoryTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryTable.js","sourceRoot":"","sources":["../../../src/tables/CategoryTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAczC,IAAM,aAAa,GAAG,UAAC,KAAyB;IAC9C,IAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;QACpD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK;YACb,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,IAC7C,QAAQ,CAAC,MAAM,CACR;YACV,4BAAI,SAAS,EAAE,MAAM,GAAI;YACzB,oBAAC,YAAY,eAAK,QAAQ,CAAC,SAAS,IAAE,SAAS,EAAE,6BAA6B,IAAI,CAC9E,CACP,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,0CAAG,MAAM,CAAI,CAAA;AACtB,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"CategoryTable.js","sourceRoot":"","sources":["../../../src/tables/CategoryTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAczC,IAAM,aAAa,GAAG,UAAC,KAAyB;IAC9C,IAAM,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;QACpD,OAAO,CACL,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,0BAA0B;YACpD,oBAAC,OAAO,IAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,eAAe,IAC7C,QAAQ,CAAC,MAAM,CACR;YACV,4BAAI,SAAS,EAAE,mCAAmC,GAAI;YACtD,oBAAC,YAAY,eAAK,QAAQ,CAAC,SAAS,IAAE,SAAS,EAAE,gBAAgB,IAAI,CACjE,CACP,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,6BAAK,SAAS,EAAE,uBAAuB,IAAG,MAAM,CAAO,CAAA;AAChE,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/src/tables/CategoryTable.stories.js

@@ -12,7 +12,7 @@ var responsiveTableRows = [
         rent: { cellText: "30%", cellSubText: "income" },
     },
     {
-        units: { cellText: "1 BR", cellSubText: "3 available" },
+        units: { cellText: "1 Bedroom", cellSubText: "3 available" },
         income: { cellText: "$2,194 to $6,854", cellSubText: "per month" },
         rent: { cellText: "$1,295", cellSubText: "income" },
     },
@@ -41,11 +41,11 @@ var longerHeaders = {
 };
 export var Basic = function () { return (React.createElement(CategoryTable, { categoryData: [
         {
-            header: "Header 1",
+            header: "Up to 55% AMI",
             tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
         },
         {
-            header: "Header 2",
+            header: "Up to 80% AMI",
             tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
         },
     ] })); };

package/dist/src/tables/CategoryTable.stories.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "10.0.8",
+  "version": "10.0.10",
   "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",

package/src/global/tables.scss

@@ -217,23 +217,34 @@ table {
   }
 
   &.category-table {
+    margin-bottom: var(--bloom-s2);
+    @screen md {
+      margin-bottom: var(--bloom-s6);
+    }
+
     thead {
       height: 2rem;
       @apply border-0;
     }
 
+    thead tr th {
+      border: 0;
+    }
+
     .stacked-table-header {
       @apply align-baseline;
       @apply text-black;
       @apply normal-case;
       @apply px-0;
       @apply pb-0;
-      @apply text-xs;
+      font-size: var(--bloom-font-size-sm);
       @screen md {
-        @apply py-3;
+        padding-top: var(--bloom-s2);
+        padding-bottom: var(--bloom-s2);
       }
       @apply pt-0;
       @apply pb-2;
+      letter-spacing: normal;
     }
 
     td:before {
@@ -383,3 +394,11 @@ table.td-plain {
 .table__is-dragging {
   display: table;
 }
+
+.category-table-parent {
+  .category-table-container:last-of-type {
+    .category-table {
+      margin-bottom: 0;
+    }
+  }
+}

package/src/global/text.scss

@@ -152,7 +152,7 @@ h1.title {
   font-family: var(--text-light-weighted-font-family, var(--bloom-font-alt-sans));
   font-weight: var(--text-light-weighted-font-weight, 600);
   color: var(--text-light-weighted-color, var(--bloom-text-color-light));
-  font-size: var(--text-light-weighted-font-size, var(--bloom-font-size-xs));
+  font-size: var(--text-light-weighted-font-size, var(--bloom-font-size-sm));
 }
 
 .text__caps-spaced {

package/src/overlays/Drawer.scss

@@ -1,4 +1,7 @@
 .drawer {
+  --body-height: inherit;
+  --content-padding: var(--bloom-s8) var(--bloom-s4) var(--bloom-s4) var(--bloom-s4);
+  --content-height: inherit;
   @apply flex;
   @apply flex-col;
   @apply bg-gray-200;
@@ -94,14 +97,13 @@
 .drawer__body {
   @apply overflow-y-auto;
   @apply relative;
-  //  flex: 1 1 auto;
+  height: var(--body-height);
 }
 
 .drawer__content {
+  padding: var(--content-padding);
+  height: var(--content-height);
   @apply m-auto;
-  @apply px-4;
-  @apply pt-8;
-  @apply pb-4;
   @apply overflow-y-visible;
 }
 

package/src/page_components/listing/ContentAccordion.tsx

@@ -32,7 +32,7 @@ const ContentAccordion = (props: ContentAccordionProps) => {
     <div className={`mb-4`}>
       <button
         onClick={toggleTable}
-        className={`w-full text-left ${props.disableAccordion ? "cursor-default" : ""}`}
+        className={`w-full ${props.disableAccordion ? "cursor-default" : ""}`}
         ref={buttonRef}
         aria-expanded={accordionOpen}
         data-test-id={"content-accordion-button"}

package/src/tables/CategoryTable.stories.tsx

@@ -16,7 +16,7 @@ const responsiveTableRows = [
     rent: { cellText: "30%", cellSubText: "income" },
   },
   {
-    units: { cellText: "1 BR", cellSubText: "3 available" },
+    units: { cellText: "1 Bedroom", cellSubText: "3 available" },
     income: { cellText: "$2,194 to $6,854", cellSubText: "per month" },
     rent: { cellText: "$1,295", cellSubText: "income" },
   },
@@ -51,11 +51,11 @@ export const Basic = () => (
   <CategoryTable
     categoryData={[
       {
-        header: "Header 1",
+        header: "Up to 55% AMI",
         tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
       },
       {
-        header: "Header 2",
+        header: "Up to 80% AMI",
         tableData: { stackedData: responsiveTableRows, headers: responsiveTableHeaders },
       },
     ]}

package/src/tables/CategoryTable.tsx

@@ -17,17 +17,17 @@ export interface CategoryTableProps {
 const CategoryTable = (props: CategoryTableProps) => {
   const tables = props.categoryData.map((category, index) => {
     return (
-      <div key={index}>
+      <div key={index} className={"category-table-container"}>
         <Heading priority={3} styleType={"lightWeighted"}>
           {category.header}
         </Heading>
-        <hr className={"my-2"} />
-        <StackedTable {...category.tableData} className={"category-table mb-2 md:mb-6"} />
+        <hr className={"mt-3 mb-3 md:mb-1 border-gray-500"} />
+        <StackedTable {...category.tableData} className={"category-table"} />
       </div>
     )
   })
 
-  return <>{tables}</>
+  return <div className={"category-table-parent"}>{tables}</div>
 }
 
 export { CategoryTable as default, CategoryTable }