@bloom-housing/ui-components 7.3.1 → 8.0.0

package/dist/src/page_components/sign-in/FormTerms.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormTerms.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormTerms.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,mBAAmB,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,CAAC,GACF,MAAM,UAAU,CAAC;AAClB,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAW1C,IAAM,SAAS,GAAG,UAAC,KAAqB;IACtC,6DAA6D;IACvD,IAAA,KAAqC,OAAO,EAAqB,EAA/D,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAiC,CAAC;IAExE,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC;QACvE,oBAAC,QAAQ;YACP,6BAAK,SAAS,EAAC,6BAA6B;gBAC1C,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,UAAU,GAAG;gBACrC,4BAAI,SAAS,EAAC,kBAAkB,IAC7B,CAAC,CAAC,gCAAgC,CAAC,CACjC;gBACL,2BAAG,SAAS,EAAC,6BAA6B,IACvC,CAAC,CAAC,uCAAuC,CAAC,CACzC;gBAEJ,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI;oBAC9C,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAChD,KAAK,CAAC,KAAK,CACH,CACK,CACnB,CACG,CACF;YAEN,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,oBAAC,KAAK,IACJ,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EACrB,YAAY,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACpC,UAAU,EAAC,OAAO,GAClB,CACE;YAEN,6BAAK,SAAS,EAAC,UAAU,GAAG;YAE5B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,8BAA8B;oBAC3C,oBAAC,MAAM,IACL,SAAS,EAAE,mBAAmB,CAAC,OAAO,kBACzB,aAAa,IAEzB,CAAC,CAAC,UAAU,CAAC,CACP,CACL,CACF,CACG,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"FormTerms.js","sourceRoot":"","sources":["../../../../src/page_components/sign-in/FormTerms.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,mBAAmB,EACnB,MAAM,EACN,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,CAAC,GACF,MAAM,UAAU,CAAA;AACjB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAWzC,IAAM,SAAS,GAAG,UAAC,KAAqB;IACtC,6DAA6D;IACvD,IAAA,KAAqC,OAAO,EAAqB,EAA/D,YAAY,kBAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAiC,CAAA;IAEvE,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAC,QAAQ,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC;QACvE,oBAAC,QAAQ;YACP,6BAAK,SAAS,EAAC,6BAA6B;gBAC1C,oBAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,UAAU,GAAG;gBACrC,4BAAI,SAAS,EAAC,kBAAkB,IAAE,CAAC,CAAC,gCAAgC,CAAC,CAAM;gBAC3E,2BAAG,SAAS,EAAC,6BAA6B,IACvC,CAAC,CAAC,uCAAuC,CAAC,CACzC;gBAEJ,6BAAK,SAAS,EAAC,8CAA8C,IAC1D,KAAK,CAAC,KAAK,IAAI,CACd,oBAAC,eAAe,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI;oBAC9C,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,KAAK,EAAE,IAAG,KAAK,CAAC,KAAK,CAAY,CAC7D,CACnB,CACG,CACF;YAEN,6BAAK,SAAS,EAAC,uBAAuB;gBACpC,oBAAC,KAAK,IACJ,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAC9B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EACrB,YAAY,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACpC,UAAU,EAAC,OAAO,GAClB,CACE;YAEN,6BAAK,SAAS,EAAC,UAAU,GAAG;YAE5B,6BAAK,SAAS,EAAC,kBAAkB;gBAC/B,6BAAK,SAAS,EAAC,8BAA8B;oBAC3C,oBAAC,MAAM,IAAC,SAAS,EAAE,mBAAmB,CAAC,OAAO,kBAAe,aAAa,IACvE,CAAC,CAAC,UAAU,CAAC,CACP,CACL,CACF,CACG,CACN,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/src/page_components/sign-in/ResendConfirmationModal.js.map

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

package/dist/src/prototypes/SummaryCard.stories.js

@@ -15,7 +15,7 @@ export var SummaryCardHeading = function () { return (React.createElement("div",
     React.createElement("header", { className: "summary-card__header bg-gray-100 border-b mb-2" },
         React.createElement("h2", { className: "summary-card__title" },
             React.createElement("a", { href: "#" }, "My Property")),
-        React.createElement("p", { className: "text-sm mt-3" },
+        React.createElement("p", { className: "text-xs mt-3" },
             React.createElement("span", null, "1 Polk St, San Francisco, CA 94102"),
             React.createElement("span", { className: "ml-4 pl-4 border-l border-gray-600" }, "Waitlist: 353"))),
     React.createElement(MinimalTable, { headers: mockHeaders, data: mockData }))); };

package/dist/src/sections/InfoCardGrid.js

@@ -3,7 +3,7 @@ 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, { styleType: "underlineWeighted", priority: 2, className: "text-tiny" }, props.title),
+        React.createElement(Heading, { styleType: "underlineWeighted", priority: 2, className: "text-sm" }, props.title),
         props.subtitle && React.createElement("p", { className: "info-cards__subtitle" }, props.subtitle)),
     React.createElement("div", { className: "info-cards__grid" }, props.children))); };
 export { InfoCardGrid as default, InfoCardGrid };

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

@@ -1 +1 @@
-{"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"}
+{"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,SAAS,IACvE,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/tables/AgPagination.js

@@ -21,7 +21,7 @@ var AgPagination = function (_a) {
         React.createElement("div", { className: "data-pager__control-group ml-0 md:ml-auto w-full md:w-auto md:flex md:items-center" },
             React.createElement("div", { className: "data-pager__control" },
                 React.createElement("span", { className: "field-label", id: "lbTotalPages" }, totalItems),
-                quantityLabel && (React.createElement("span", { className: "field-label" }, quantityLabel))),
+                quantityLabel && React.createElement("span", { className: "field-label" }, quantityLabel)),
             React.createElement("div", { className: "flex mt-5 md:mt-0 md:items-center" },
                 React.createElement("div", { className: "field data-pager__control md:mb-0" },
                     React.createElement("label", { className: "field-label font-sans", htmlFor: "page-size" }, t("t.show")),

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

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

package/dist/src/tables/GroupedTable.js

@@ -33,7 +33,7 @@ export var GroupedTable = function (props) {
             body.push(React.createElement("tr", { id: rowKey, key: rowKey, className: "group-".concat(groupClassName) }, cols));
         });
     });
-    var tableClasses = ["w-full", "text-sm"];
+    var tableClasses = ["w-full", "text-xs"];
     if (props.responsiveCollapse) {
         tableClasses.push("responsive-collapse");
     }

package/dist/src/tables/StandardTable.js

@@ -86,7 +86,7 @@ export var StandardTable = function (props) {
             // eslint-disable-next-line @typescript-eslint/unbound-method
             ref: provided.innerRef, className: snapshot.isDragging ? "table__is-dragging" : "" }), cols)); })) : (React.createElement("tr", { id: rowKey, key: rowKey, className: rowClass ? rowClass : "" }, cols))));
     });
-    var tableClasses = ["w-full", "text-sm"];
+    var tableClasses = ["w-full", "text-xs"];
     if (props.responsiveCollapse) {
         tableClasses.push("responsive-collapse");
     }

package/dist/src/text/Description.d.ts

@@ -1,10 +1,10 @@
 import "./Description.scss";
-import { MarkdownOptions } from "markdown-to-jsx";
+import { MarkdownToJSX } from "markdown-to-jsx";
 export interface DescriptionProps {
     term: string;
     description: any;
     dtClassName?: string;
     markdown?: boolean;
-    markdownProps?: MarkdownOptions;
+    markdownProps?: MarkdownToJSX.Options;
 }
 export declare const Description: (props: DescriptionProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/text/Description.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,QAA6B,MAAM,iBAAiB,CAAA;AAU3D,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAuB;IACjD,IAAM,SAAS,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,IAAI,KAAK,CAAC,WAAW;QAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAExD,OAAO,CACL;QACE,4BAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAC,IAAI,CAAM;QACnD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,oBAAC,QAAQ,IACP,OAAO,aAAI,qBAAqB,EAAE,IAAI,IAAK,KAAK,CAAC,aAAa,GAC9D,QAAQ,EAAE,KAAK,CAAC,WAAW,GAC3B,CACC,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,WAAW,CAAM,CAC7D,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/text/Description.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,QAA2B,MAAM,iBAAiB,CAAA;AAUzD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAuB;IACjD,IAAM,SAAS,GAAG,CAAC,mBAAmB,CAAC,CAAA;IACvC,IAAI,KAAK,CAAC,WAAW;QAAE,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IAExD,OAAO,CACL;QACE,4BAAI,SAAS,EAAC,oBAAoB,IAAE,KAAK,CAAC,IAAI,CAAM;QACnD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAChB,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,oBAAC,QAAQ,IACP,OAAO,aAAI,qBAAqB,EAAE,IAAI,IAAK,KAAK,CAAC,aAAa,GAC9D,QAAQ,EAAE,KAAK,CAAC,WAAW,GAC3B,CACC,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAC,WAAW,CAAM,CAC7D,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "7.3.1",
+  "version": "8.0.0",
   "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",
@@ -30,7 +30,7 @@
   ],
   "scripts": {
     "build-storybook": "build-storybook -c .storybook -s ./public",
-    "start": "start-storybook -s ./public",
+    "start": "start-storybook -s ./public -p 40791",
     "build": "tsc",
     "test": "jest -w 1",
     "test:coverage": "jest -w 1 --coverage --watchAll=false",
@@ -40,6 +40,8 @@
   "devDependencies": {
     "@babel/core": "^7.15.5",
     "@babel/preset-env": "^7.15.4",
+    "@commitlint/cli": "^13.1.0",
+    "@commitlint/config-conventional": "^13.1.0",
     "@emotion/core": "^10.0.35",
     "@emotion/styled": "^10.0.27",
     "@geometricpanda/storybook-addon-badges": "^0.2.1",
@@ -73,6 +75,8 @@
     "@types/react-text-mask": "^5.4.6",
     "@types/react-transition-group": "^4.4.0",
     "@types/webpack": "^4.41.22",
+    "@typescript-eslint/parser": "^5.12.1",
+    "@typescript-eslint/eslint-plugin": "^5.12.1",
     "autoprefixer": "^10.3.4",
     "babel-loader": "^8.2.2",
     "babel-plugin-require-context-hook": "^1.0.0",
@@ -84,9 +88,11 @@
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.21.4",
     "eslint-plugin-react-hooks": "^4.1.2",
+    "husky": "^4.3.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.5.3",
     "jest-environment-jsdom": "^26.5.3",
+    "lint-staged": "^10.4.0",
     "mockdate": "^3.0.2",
     "postcss": "^8.3.6",
     "postcss-loader": "^4.3",
@@ -98,6 +104,7 @@
     "react-is": "^17.0.2",
     "react-test-renderer": "^17.0.2",
     "regenerator-runtime": "^0.13.7",
+    "require-from-string": "2.0.2",
     "sass": "1.52.1",
     "sass-loader": "^10.0.3",
     "semantic-release": "19.0.5",
@@ -114,7 +121,6 @@
     "@fortawesome/react-fontawesome": "^0.1.18",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/jwt-decode": "^2.2.1",
-    "@types/markdown-to-jsx": "^6.11.2",
     "@types/mdx": "^2.0.1",
     "@types/node": "^12.12.67",
     "@types/node-polyglot": "^2.4.1",
@@ -128,7 +134,7 @@
     "axios": "0.21.2",
     "dayjs": "^1.10.7",
     "jwt-decode": "^2.2.0",
-    "markdown-to-jsx": "^6.11.4",
+    "markdown-to-jsx": "7.1.8",
     "nanoid": "^3.1.12",
     "node-polyglot": "^2.4.0",
     "react": "^17.0.2",
@@ -152,5 +158,13 @@
     "singleQuote": false,
     "printWidth": 100,
     "semi": false
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "echo '\n(1) Verifying conventional commit format... \n   (If this fails, install commitizen and commit with 'git cz' to automate the formatting!)\n----------' && commitlint -E HUSKY_GIT_PARAMS && echo '\n(2) Linting...\n----------' && lint-staged"
+    }
+  },
+  "lint-staged": {
+    "*.{js,ts,tsx}": "eslint --max-warnings 0"
   }
 }

package/src/actions/Button.docs.mdx

@@ -67,10 +67,10 @@ You can apply CSS variables to the `.button` selector to customize the appearanc
 | `--label-weight`         | Font Weight | Typographic weight of the button label              | `bold`                                              |
 | `--normal-rounded`       | Size        | Border radius of a normal-size button               | `--bloom-rounded`                                   |
 | `--normal-padding`       | Size        | Padding of the normal-size button interior          | `--bloom-s4` (top/bottom) `--bloom-s6` (left/right) |
-| `--normal-font-size`     | Size        | Font size of the normal-size button                 | `--bloom-font-size-sm`                              |
+| `--normal-font-size`     | Size        | Font size of the normal-size button                 | `--bloom-font-size-xs`                              |
 | `--small-rounded`        | Size        | Border radius of a small-size button                | `--bloom-rounded`                                   |
 | `--small-padding`        | Size        | Padding of the small-size button interior           | `--bloom-s3` (top/bottom) `--bloom-s6` (left/right) |
-| `--small-font-size`      | Size        | Font size of the small-size button                  | `--bloom-font-size-xs`                              |
+| `--small-font-size`      | Size        | Font size of the small-size button                  | `--bloom-font-size-2xs`                             |
 | `--big-rounded`          | Size        | Border radius of a large-size button                | `--bloom-rounded`                                   |
 | `--big-padding`          | Size        | Padding of the large-size button interior           | `--bloom-s6`                                        |
-| `--big-font-size`        | Size        | Font size of the large-size button                  | `--bloom-font-size-sm`                              |
+| `--big-font-size`        | Size        | Font size of the large-size button                  | `--bloom-font-size-xs`                              |

package/src/actions/Button.scss

@@ -7,14 +7,14 @@
   --label-transform: uppercase;
   --label-font: var(--bloom-font-alt-sans);
   --label-letter-spacing: var(--bloom-letter-spacing-widest);
-  --normal-font-size: var(--bloom-font-size-sm);
+  --normal-font-size: var(--bloom-font-size-xs);
   --label-weight: bold;
   --small-rounded: var(--bloom-rounded);
   --small-padding: var(--bloom-s3) var(--bloom-s6);
-  --small-font-size: var(--bloom-font-size-xs);
+  --small-font-size: var(--bloom-font-size-2xs);
   --big-rounded: var(--bloom-rounded);
   --big-padding: var(--bloom-s6);
-  --big-font-size: var(--bloom-font-size-sm);
+  --big-font-size: var(--bloom-font-size-xs);
 
   /* Base Styles */
   position: relative;
@@ -93,7 +93,7 @@
     font-weight: 400;
     text-decoration: underline;
     margin: var(--bloom-s4);
-    font-size: var(--bloom-font-size-tiny);
+    font-size: var(--bloom-font-size-sm);
 
     &:hover {
       color: var(--bloom-color-primary);
@@ -104,7 +104,7 @@
   &.is-inline {
     color: var(--bloom-color-primary);
     font-weight: 600;
-    font-size: var(--bloom-font-size-tiny);
+    font-size: var(--bloom-font-size-sm);
     margin: 0;
     text-decoration: none;
 
@@ -140,7 +140,7 @@
     text-decoration: underline;
     margin: var(--bloom-s4);
     text-transform: uppercase;
-    font-size: var(--bloom-font-size-tiny);
+    font-size: var(--bloom-font-size-sm);
     display: block;
 
     &:hover {

package/src/actions/Button.stories.tsx

@@ -34,11 +34,7 @@ export const standard = () => {
   const borderSelect = select("Appearance Border", BorderTypeStory, undefined)
   const iconSelect = select(
     "Icon",
-    {
-      arrowBack: "arrowBack",
-      arrowForward: "arrowForward",
-      default: undefined,
-    },
+    { arrowBack: "arrowBack", arrowForward: "arrowForward", default: undefined },
     undefined
   )
   const iconPlacementSelect = select(

package/src/actions/ExpandableText.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react"
-import Markdown, { MarkdownOptions } from "markdown-to-jsx"
+import Markdown, { MarkdownToJSX } from "markdown-to-jsx"
 import "./ExpandableText.scss"
 
 export interface ExpandableTextProps {
@@ -11,7 +11,7 @@ export interface ExpandableTextProps {
     readMore: string
     readLess: string
   }
-  markdownProps?: MarkdownOptions
+  markdownProps?: MarkdownToJSX.Options
   buttonClassName?: string
 }
 

package/src/blocks/Card.docs.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Story, ArgsTable } from "@storybook/addon-docs";
-import { Swatch } from "../prototypes/Swatch";
-import { Card } from "./Card";
+import { Canvas, Story, ArgsTable } from "@storybook/addon-docs"
+import { Swatch } from "../prototypes/Swatch"
+import { Card } from "./Card"
 
 # Card
 

package/src/blocks/DashBlocks.scss

@@ -27,7 +27,7 @@
   @apply p-4;
   @apply pt-8;
   @apply pb-8;
-  @apply text-tiny;
+  @apply text-sm;
 
   @screen md {
     @apply rounded-lg;

package/src/blocks/FormCard.scss

@@ -32,7 +32,7 @@
   @apply border-t-4;
   @apply border-primary;
   @apply leading-tight;
-  @apply text-3xl;
+  @apply text-2xl;
 
   @screen md {
     @apply mx-auto;
@@ -115,7 +115,7 @@
 }
 
 .form-card__header_title {
-  @apply text-lg;
+  @apply text-xl;
   @apply font-alt-sans;
   @apply font-bold;
   @apply uppercase;
@@ -193,7 +193,7 @@
   @apply tracking-widest;
   @apply font-semibold;
   @apply font-sans;
-  @apply text-tiny;
+  @apply text-sm;
   @apply mb-2;
   @apply inline-block;
 }

package/src/blocks/HousingCounselor.tsx

@@ -27,8 +27,8 @@ const LanguageLabel = (language: string) => {
 const HousingCounselor = (props: HousingCounselorProps) => {
   return (
     <div className="resource-item text-base">
-      <h3 className="font-sans text-lg">{props.name}</h3>
-      <p className="text-sm text-gray-800 pb-2">
+      <h3 className="font-sans text-xl">{props.name}</h3>
+      <p className="text-xs text-gray-800 pb-2">
         {props.strings?.languageServices ?? t("housingCounselors.languageServices")}
         {props.languages.map((language) => LanguageLabel(language))}
       </p>

package/src/blocks/ImageCard.scss

@@ -100,7 +100,7 @@
       justify-content: center;
 
       @media (max-width: $screen-sm) {
-        font-size: var(--bloom-font-size-sm);
+        font-size: var(--bloom-font-size-xs);
         line-height: var(--bloom-line-height-none);
       }
     }

package/src/blocks/InfoCard.scss

@@ -5,7 +5,7 @@
   --background-color: var(--bloom-color-white);
   --background-color-lighter: var(--bloom-color-primary-lighter);
   --title-color: var(--bloom-color-gray-800);
-  --title-font-size: var(--bloom-font-size-sm);
+  --title-font-size: var(--bloom-font-size-xs);
   --title-font-size-lighter: var(--bloom-font-size-base);
   --title-font-family: var(--bloom-font-sans);
   --title-text-transform: uppercase;

package/src/blocks/InfoCard.tsx

@@ -28,7 +28,7 @@ const InfoCard = (props: InfoCardProps) => {
         ) : (
           <h3 className="info-card__title">{props.title}</h3>
         )}
-        {props.subtitle && <span className={"text-sm text-gray-700"}>{props.subtitle}</span>}
+        {props.subtitle && <span className={"text-xs text-gray-700"}>{props.subtitle}</span>}
       </div>
       {typeof props.children == "string" ? (
         <div className="markdown">

package/src/blocks/MediaCard.docs.mdx

@@ -30,7 +30,7 @@ You can apply CSS variables to the `.media-card` selector to customize the appea
 | `--title-font-size`     | Size  | The font size of media title                             | `--bloom-font-size-base`                        |
 | `--title-font-family`   | Size  | The font family of the media title                       | `--bloom-font-sans`                             |
 | `--title-font-spacing`  | Size  | The letter spacing of media title                        | `--bloom-letter-spacing-wide`                   |
-| `--subtitle-font-size`  | Size  | The font size of the media subtitle                      | `--bloom-font-size-tiny`                        |
+| `--subtitle-font-size`  | Size  | The font size of the media subtitle                      | `--bloom-font-size-sm`                          |
 | `--content-bg-color`    | Color | The background color of card body                        | `--bloom-color-gray-200`                        |
 | `--card-border`         | Size  | The card border settings (thickness, border type, color) | `--bloom-border-1 solid --bloom-color-gray-450` |
 | `--card-border-rounded` | Size  | The card corner radius                                   | `--bloom-rounded`                               |

package/src/blocks/MediaCard.scss

@@ -4,7 +4,7 @@
   --title-font-size: var(--bloom-font-size-base);
   --title-font-family: var(--bloom-font-sans);
   --title-font-spacing: var(--bloom-letter-spacing-wide);
-  --subtitle-font-size: var(--bloom-font-size-tiny);
+  --subtitle-font-size: var(--bloom-font-size-sm);
   --content-bg-color: var(--bloom-color-gray-200);
   --card-border: var(--bloom-border-1) solid var(--bloom-color-gray-450);
   --card-border-rounded: var(--bloom-rounded);

package/src/blocks/StandardCard.docs.mdx

@@ -9,7 +9,6 @@ The standard card component displays a title with a child element (e.g table) an
   <Story id="blocks-standard-card" />
 </Canvas>
 
-
 ## Component Properties
 
 <ArgsTable of={StandardCard} />
@@ -22,13 +21,13 @@ The standard card component displays a title with a child element (e.g table) an
 
 You can apply CSS variables to the `.standard-card` selector to customize the appearance of the component.
 
-| Name                         | Type  | Description                                               | Default                         |
-| ---------------------------- | ----- | --------------------------------------------------------- | ------------------------------- |
-| `--font-family`              | Font  | Title font family                                         | `--bloom-font-alt-sans`         |
-| `--border-radius`            | Size  | Card border radius                                        | `--bloom-rounded-lg`            |
-| `--border-width`             | Size  | Card border width                                         | `--bloom-border-1`              |
-| `--border-color`             | Size  | Card border color                                         | `--bloom-color-gray-500`        |
-| `--title-color`              | Color | Card title color                                          | `--bloom-color-gray-900`        |
-| `--background-color`         | Size  | Card background color                                     | `--bloom-color-white`           |
-| `--blank-color`              | Color | Empty state text color                                    | `--bloom-color-gray-750`        |
-| `--blank-background`         | Color | Empty state background color                              | `--bloom-color-gray-200`        |
+| Name                 | Type  | Description                  | Default                  |
+| -------------------- | ----- | ---------------------------- | ------------------------ |
+| `--font-family`      | Font  | Title font family            | `--bloom-font-alt-sans`  |
+| `--border-radius`    | Size  | Card border radius           | `--bloom-rounded-lg`     |
+| `--border-width`     | Size  | Card border width            | `--bloom-border-1`       |
+| `--border-color`     | Size  | Card border color            | `--bloom-color-gray-500` |
+| `--title-color`      | Color | Card title color             | `--bloom-color-gray-950` |
+| `--background-color` | Size  | Card background color        | `--bloom-color-white`    |
+| `--blank-color`      | Color | Empty state text color       | `--bloom-color-gray-750` |
+| `--blank-background` | Color | Empty state background color | `--bloom-color-gray-200` |

package/src/blocks/StandardCard.scss

@@ -3,7 +3,7 @@
   --border-radius: var(--bloom-rounded-lg);
   --border-width: var(--bloom-border-1);
   --border-color: var(--bloom-color-gray-500);
-  --title-color: var(--bloom-color-gray-900);
+  --title-color: var(--bloom-color-gray-950);
   --background-color: var(--bloom-color-white);
   --blank-color: var(--bloom-text-color);
   --blank-background: var(--bloom-color-gray-200);

package/src/blocks/StandardCard.stories.tsx

@@ -47,9 +47,9 @@ export const styleOverrides = () => {
       --font-family: var(--bloom-font-sans);
       --border-radius: var(--bloom-rounded-md);
       --border-width: var(--bloom-border-4);
-      --border-color: var(--bloom-color-blue-600);
-      --title-color: var(--bloom-color-blue-600);
-      --background-color: var(--bloom-color-blue-200);
+      --border-color: var(--bloom-color-blue-500);
+      --title-color: var(--bloom-color-blue-500);
+      --background-color: var(--bloom-color-blue-100);
       --blank-color: var(--bloom-color-black);
       --blank-background: var(--bloom-color-gray-400);
     }

package/src/blocks/StatusItem.scss

@@ -117,7 +117,7 @@
 }
 
 .status-item__date {
-  @apply text-sm;
+  @apply text-xs;
 }
 
 .status-item__address {
@@ -125,12 +125,12 @@
 }
 
 .status-item__confirm-text {
-  @apply text-tiny;
+  @apply text-sm;
   @apply mb-4;
 }
 
 .status-item__confirm-number {
-  @apply text-lg;
+  @apply text-xl;
 }
 
 .status-item__address {

package/src/blocks/ViewItem.scss

@@ -28,7 +28,7 @@
 .view-item__label {
   @apply text-gray-800;
   @apply font-sans;
-  @apply text-tiny;
+  @apply text-sm;
   @apply block;
 }
 
@@ -54,6 +54,6 @@
 .view-item__helper {
   @apply text-gray-750;
   @apply font-sans;
-  @apply text-tiny;
+  @apply text-sm;
   @apply block;
 }

package/src/blocks/ViewItem.tsx

@@ -25,7 +25,7 @@ const ViewItem = (props: ViewItemProps) => {
   return (
     <div id={props.id} className={viewItemClasses.join(" ")} data-test-id={props.dataTestId}>
       {props.label && (
-        <span className={`view-item__label ${props.error ? "text-alert text-tiny" : ""}`}>
+        <span className={`view-item__label ${props.error ? "text-alert text-sm" : ""}`}>
           {props.label}
         </span>
       )}

package/src/documentation/Utilities.scss

@@ -3,7 +3,7 @@
   table-layout: auto;
   white-space: nowrap;
   margin-top: var(--bloom-s8);
-  font-size: var(--bloom-font-size-tiny);
+  font-size: var(--bloom-font-size-sm);
 
   tr {
     padding: var(--bloom-s4);

package/src/footers/ExygyFooter.tsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 
 const ExygyFooter = () => (
-  <span className="text-sm tracking-wider">
+  <span className="text-xs tracking-wider">
     made with ❤️ by{" "}
     <a href="http://exygy.com" target="_blank" aria-label="Opens in new window">
       exygy

package/src/forms/Dropzone.scss

@@ -20,5 +20,5 @@
   margin-block: var(--bloom-s2) var(--bloom-s4);
   color: var(--bloom-color-gray-700);
   font-family: var(--bloom-font-alt-sans);
-  font-size: var(--bloom-font-size-sm);
+  font-size: var(--bloom-font-size-xs);
 }

package/src/forms/MultiSelectField.scss

@@ -73,7 +73,7 @@
   background: var(--list-background-color);
   border: 1px solid var(--bloom-color-gray-700);
   border-radius: var(--bloom-rounded-sm);
-  font-size: var(--bloom-font-size-tiny);
+  font-size: var(--bloom-font-size-sm);
 }
 
 .multi-select-field__list--has-results[aria-label]:before {
@@ -81,7 +81,7 @@
   display: block;
   width: 100%;
   padding: var(--bloom-s1) var(--bloom-s2);
-  font-size: var(--bloom-font-size-sm);
+  font-size: var(--bloom-font-size-xs);
   color: var(--bloom-text-color);
   text-align: right;
 }
@@ -108,7 +108,7 @@
 }
 
 .multi-select-field__option:hover {
-  background: var(--bloom-color-blue-200);
+  background: var(--bloom-color-blue-100);
   color: var(--bloom-color-primary);
   margin: 0;
   cursor: pointer;
@@ -144,7 +144,7 @@
   padding-block: var(--bloom-s3);
   padding-inline: var(--bloom-s5) var(--bloom-s10);
   margin: 2px 4px 2px 0;
-  font-size: var(--bloom-font-size-tiny);
+  font-size: var(--bloom-font-size-sm);
   border-radius: var(--bloom-rounded-full);
   word-break: break-word;
   cursor: pointer;

package/src/forms/Textarea.scss

@@ -4,7 +4,7 @@
   @apply border;
   @apply border-gray-500;
   @apply p-2;
-  @apply text-gray-900;
+  @apply text-gray-950;
   @apply bg-gray-200;
   @apply align-top;
   font-size: 1rem;
@@ -24,7 +24,7 @@
 }
 
 .textarea-error-message {
-  @apply text-xs;
+  @apply text-2xs;
   @apply text-alert;
   @apply block;
   @apply leading-5;
@@ -34,7 +34,7 @@
 .textarea-label {
   @apply block;
   @apply pb-2;
-  @apply text-tiny;
+  @apply text-sm;
   @apply text-gray-800;
 }
 

package/src/global/app-css.scss

@@ -12,7 +12,7 @@ html {
 body {
   @apply font-sans;
   @apply bg-white;
-  @apply text-gray-900;
+  @apply text-gray-950;
 }
 
 .-top {