@bloom-housing/ui-components 12.7.0 → 12.7.2

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.js

@@ -6,7 +6,7 @@ var QuantityRowSection = function (_a) {
         if (row.amount === null)
             return null;
         return (React.createElement("li", { key: row.text, className: "uppercase text-gray-800 ".concat(row.emphasized ? "font-bold" : "font-normal", " font-alt-sans leading-7") },
-            React.createElement("span", { className: "text-right w-12 inline-block pr-2.5 text-base" }, row.amount),
+            React.createElement("span", { className: "text-right w-16 inline-block pr-2.5 text-base" }, row.amount),
             React.createElement("span", { className: "text-xs" }, row.text)));
     };
     return (React.createElement("section", { className: "aside-block is-tinted" },

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.stories.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
 export default _default;
 export declare const OpenAndAllValuesSupplied: () => JSX.Element;
 export declare const EmphasizedValue: () => JSX.Element;
+export declare const LargeEmphasizedValue: () => JSX.Element;
 export declare const OpenWithSomeZeroes: () => JSX.Element;
 export declare const OpenWithOnlyMaxAndOpen: () => JSX.Element;
 export declare const OpenWithOnlyMax: () => JSX.Element;

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.stories.js

@@ -33,6 +33,9 @@ export var EmphasizedValue = function () {
             { amount: 60, text: "Open Spots", emphasized: true },
         ], strings: strings }));
 };
+export var LargeEmphasizedValue = function () {
+    return (React.createElement(QuantityRowSection, { quantityRows: [{ amount: 30000, text: "Open Waitlist Slots", emphasized: true }], strings: strings }));
+};
 export var OpenWithSomeZeroes = function () {
     return (React.createElement(QuantityRowSection, { quantityRows: [
             { amount: 10, text: "Final Size" },
@@ -56,7 +59,7 @@ export var CustomDescription = function () {
             React.createElement("p", { className: "underline" }, "More custom styled content.")));
     };
     return (React.createElement(QuantityRowSection, { quantityRows: [
-            { amount: 100, text: "Final Size" },
+            { amount: 40000, text: "Final Size" },
             { amount: 40, text: "Current Size" },
             { amount: 60, text: "Open Spots" },
         ], strings: __assign(__assign({}, strings), { description: customDescription() }) }));

package/dist/src/page_components/listing/listing_sidebar/QuantityRowSection.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuantityRowSection.stories.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/QuantityRowSection.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,eAAe;IACb,KAAK,EAAE,sCAAsC;IAC7C,SAAS,EAAE,kBAAkB;CAC9B,CAAA;AAED,IAAM,OAAO,GAAG;IACd,YAAY,EAAE,8BAA8B;IAC5C,WAAW,EACT,qIAAqI;CACxI,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,OAAO,CACL,oBAAC,kBAAkB,IACjB,YAAY,EAAE;YACZ,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;YACnC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;YACpC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;SACnC,EACD,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,CACL,oBAAC,kBAAkB,IACjB,YAAY,EAAE;YACZ,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;YACnC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;YACpC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE;SACrD,EACD,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAChC,OAAO,CACL,oBAAC,kBAAkB,IACjB,YAAY,EAAE;YACZ,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;YAClC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE;YACnC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE;SAClC,EACD,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACpC,OAAO,CACL,oBAAC,kBAAkB,IACjB,YAAY,EAAE;YACZ,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;YAClC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;SACnC,EACD,OAAO,EAAE,OAAO,GAChB,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,CACL,oBAAC,kBAAkB,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,GAAI,CAC9F,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC/B,IAAM,iBAAiB,GAAG;QACxB,OAAO,CACL;YACE,2BAAG,SAAS,EAAE,aAAa,6BAA4B;YACvD,2BAAG,SAAS,EAAE,WAAW,kCAAiC,CACtD,CACP,CAAA;IACH,CAAC,CAAA;IACD,OAAO,CACL,oBAAC,kBAAkB,IACjB,YAAY,EAAE;YACZ,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,YAAY,EAAE;YACnC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;YACpC,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;SACnC,EACD,OAAO,wBAAO,OAAO,KAAE,WAAW,EAAE,iBAAiB,EAAE,MACvD,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"QuantityRowSection.stories.js","sourceRoot":"","sources":["../../../../../src/page_components/listing/listing_sidebar/QuantityRowSection.stories.tsx"],"names":[],"mappings":"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"}

package/package.json

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

package/src/page_components/listing/listing_sidebar/QuantityRowSection.stories.tsx

@@ -38,6 +38,15 @@ export const EmphasizedValue = () => {
   )
 }
 
+export const LargeEmphasizedValue = () => {
+  return (
+    <QuantityRowSection
+      quantityRows={[{ amount: 30000, text: "Open Waitlist Slots", emphasized: true }]}
+      strings={strings}
+    />
+  )
+}
+
 export const OpenWithSomeZeroes = () => {
   return (
     <QuantityRowSection
@@ -81,7 +90,7 @@ export const CustomDescription = () => {
   return (
     <QuantityRowSection
       quantityRows={[
-        { amount: 100, text: "Final Size" },
+        { amount: 40000, text: "Final Size" },
         { amount: 40, text: "Current Size" },
         { amount: 60, text: "Open Spots" },
       ]}

package/src/page_components/listing/listing_sidebar/QuantityRowSection.tsx

@@ -27,7 +27,7 @@ const QuantityRowSection = ({ quantityRows, strings, priority }: QuantityRowSect
           row.emphasized ? "font-bold" : "font-normal"
         } font-alt-sans leading-7`}
       >
-        <span className="text-right w-12 inline-block pr-2.5 text-base">{row.amount}</span>
+        <span className="text-right w-16 inline-block pr-2.5 text-base">{row.amount}</span>
         <span className={"text-xs"}>{row.text}</span>
       </li>
     )