@bloom-housing/ui-components 4.1.0 → 4.1.1-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.1.1-alpha.2](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.1...@bloom-housing/ui-components@4.1.1-alpha.2) (2022-03-16)
+
+
+### Bug Fixes
+
+* remove space between minutes and AM/PM for ApplicationStatus ([#2566](https://github.com/bloom-housing/bloom/issues/2566)) ([5440b38](https://github.com/bloom-housing/bloom/commit/5440b38f3048d17e6e76b41f0aa81f5176368af2))
+
+
+
+
+
+## [4.1.1-alpha.1](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.1.1-alpha.0...@bloom-housing/ui-components@4.1.1-alpha.1) (2022-03-10)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.1.1-alpha.0](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.79...@bloom-housing/ui-components@4.1.1-alpha.0) (2022-03-02)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1](https://github.com/seanmalbert/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.79...@bloom-housing/ui-components@4.0.1) (2022-03-02)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
 # [4.1.0](https://github.com/seanmalbert/bloom/compare/@bloom-housing/ui-components@4.0.3...@bloom-housing/ui-components@4.1.0) (2022-03-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.1.0",
+  "version": "4.1.1-alpha.2",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/bloom/tree/master/shared/ui-components",
@@ -69,7 +69,7 @@
     "webpack": "^4.44.2"
   },
   "dependencies": {
-    "@bloom-housing/backend-core": "^4.1.0",
+    "@bloom-housing/backend-core": "^4.1.1-alpha.0",
     "@mapbox/mapbox-sdk": "^0.13.0",
     "@types/body-scroll-lock": "^2.6.1",
     "@types/jwt-decode": "^2.2.1",
@@ -100,5 +100,5 @@
     "tailwindcss": "2.2.10",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "42263ff69bf24dc19a6c783cc13d7347a146e30c"
+  "gitHead": "36e677b874dcbbc429d8eadf0fa37d0d67826062"
 }

package/src/icons/Icon.tsx

@@ -17,6 +17,7 @@ import {
   CloseRound,
   CloseSmall,
   Cross,
+  Document,
   DoubleHouse,
   Down,
   Download,
@@ -27,8 +28,10 @@ import {
   Favorite,
   File,
   Forward,
+  FrontDoor,
   Globe,
   Hamburger,
+  House,
   Info,
   Left,
   Lightbulb,
@@ -42,6 +45,7 @@ import {
   Map,
   MapThin,
   Menu,
+  Messages,
   Oval,
   Phone,
   Plus,
@@ -76,6 +80,7 @@ const IconMap = {
   closeRound: CloseRound,
   closeSmall: CloseSmall,
   cross: Cross,
+  document: Document,
   doubleHouse: DoubleHouse,
   down: Down,
   download: Download,
@@ -86,8 +91,10 @@ const IconMap = {
   favorite: Favorite,
   file: File,
   forward: Forward,
+  frontDoor: FrontDoor,
   globe: Globe,
   hamburger: Hamburger,
+  house: House,
   info: Info,
   left: Left,
   lightbulb: Lightbulb,
@@ -101,6 +108,7 @@ const IconMap = {
   map: Map,
   mapThin: MapThin,
   menu: Menu,
+  messages: Messages,
   oval: Oval,
   phone: Phone,
   plus: Plus,

package/src/icons/Icons.tsx

@@ -243,6 +243,14 @@ export const Cross = (props: IconProps) => {
   )
 }
 
+export const Document = (props: IconProps) => {
+  return (
+    <svg viewBox="0 0 38 51" fill={props.fill ?? "currentColor"}>
+      <path d="M36.1495 12.6898L25.6104 2.28944C24.413 1.1119 22.8099 0.453501 21.1276 0.453501L6.33333 0.453491C2.83516 0.453491 0 3.25134 0 6.70349L0.000643229 44.2035C0.000643229 47.6556 2.8358 50.4535 6.33398 50.4535H31.6667C35.1648 50.4535 38 47.6556 38 44.2035V17.1039C38 15.4437 37.337 13.8617 36.1495 12.6898ZM22.1667 3.78163C22.6097 3.93456 23.0242 4.15721 23.366 4.49442L33.9051 14.8948C34.2495 15.2289 34.4771 15.639 34.6255 16.0785H23.75C22.8792 16.0785 22.1667 15.3754 22.1667 14.516V3.78163ZM34.8333 44.2035C34.8333 45.9262 33.4123 47.3285 31.6667 47.3285H6.33333C4.58771 47.3285 3.16667 45.9262 3.16667 44.2035V6.7035C3.16667 4.98084 4.58771 3.5785 6.33333 3.5785H19V14.516C19 17.1039 21.1276 19.2035 23.75 19.2035H34.8333V44.2035ZM9.5 27.016C9.5 27.8754 10.2125 28.5785 11.0833 28.5785H26.9167C27.7875 28.5785 28.5 27.8754 28.5 27.016C28.5 26.1566 27.7875 25.4535 26.9167 25.4535H11.0833C10.2125 25.4535 9.5 26.1566 9.5 27.016ZM26.9167 31.7035H11.0833C10.2125 31.7035 9.5 32.4066 9.5 33.266C9.5 34.1254 10.2125 34.8285 11.0833 34.8285H26.9167C27.7913 34.8285 28.5 34.1289 28.5 33.266C28.5 32.4031 27.7875 31.7035 26.9167 31.7035ZM26.9167 37.9535H11.0833C10.2125 37.9535 9.5 38.6566 9.5 39.516C9.5 40.3754 10.2125 41.0785 11.0833 41.0785H26.9167C27.7913 41.0785 28.5 40.3789 28.5 39.516C28.5 38.6531 27.7875 37.9535 26.9167 37.9535Z"></path>
+    </svg>
+  )
+}
+
 export const DoubleHouse = (props: IconProps) => {
   return (
     <svg viewBox="0 0 32 32" fill={props.fill ?? "currentColor"}>
@@ -367,6 +375,14 @@ export const Forward = (props: IconProps) => {
   )
 }
 
+export const FrontDoor = (props: IconProps) => {
+  return (
+    <svg viewBox="0 0 51 46" fill={props.fill ?? "currentColor"}>
+      <path d="M20.2854 20.1611C19.1352 20.1611 18.202 21.4023 18.202 22.8547C18.202 24.3072 19.1309 25.7043 20.2854 25.7043C21.4399 25.7043 22.3687 24.4657 22.3687 22.9327C22.3687 21.3997 21.4399 20.1611 20.2854 20.1611ZM22.7506 0.88506L8.86176 4.34953C6.926 4.81265 5.70204 6.39851 5.70204 8.38452V42.3337H1.53537C0.768359 42.3337 0.146484 42.9573 0.146484 43.7195C0.146484 44.4817 0.768359 45.1053 1.53537 45.1053H25.1465C26.6803 45.1053 27.9243 43.8642 27.9243 42.3337V5.01705C27.9243 4.13881 27.6976 3.25537 27.1844 2.54082C26.1361 1.08115 24.3913 0.476079 22.7506 0.88506ZM25.1465 42.3337H8.47982V8.38538C8.47982 7.74679 8.91385 7.19447 9.5319 7.0403L23.4208 3.57583C23.8357 3.4641 24.2697 3.56457 24.6083 3.827C24.9555 4.09204 25.1465 4.49045 25.1465 4.92091V42.3337ZM48.7576 42.3337H44.5909V13.2322C44.5909 9.40567 41.4816 6.38119 37.7246 6.38119H32.0909C31.3239 6.38119 30.702 7.0015 30.702 7.68902C30.702 8.37655 31.3239 9.07481 32.0909 9.07481H37.6465C39.9477 9.07481 41.8131 10.9361 41.8131 13.2322V42.3337C41.8131 43.8642 43.0571 45.1053 44.5909 45.1053H48.7576C49.5246 45.1053 50.1465 44.4848 50.1465 43.7975C50.1465 42.9573 49.5215 42.3337 48.7576 42.3337Z"></path>
+    </svg>
+  )
+}
+
 export const Globe = (props: IconProps) => {
   return (
     <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
@@ -405,6 +421,14 @@ export const Hamburger = (props: IconProps) => {
   )
 }
 
+export const House = (props: IconProps) => {
+  return (
+    <svg viewBox="0 0 51 45" fill={props.fill ?? "currentColor"}>
+      <path d="M49.7173 21.1504C50.2904 21.6532 50.3425 22.4593 49.7608 23.1094C49.3353 23.6815 48.4496 23.7335 47.8766 23.1528L44.6292 20.2923V37.4466C44.6292 41.278 41.5207 44.3812 37.6829 44.3812H12.6762C8.84011 44.3812 5.72991 41.278 5.72991 37.4466V20.2923L2.48165 23.1528C1.90597 23.7335 1.02805 23.6815 0.520446 23.1094C0.0127579 22.4593 0.0676337 21.6532 0.642961 21.1504L24.2592 0.346902C24.7888 -0.115634 25.5703 -0.115634 26.0999 0.346902L49.7173 21.1504ZM12.6762 41.6074H18.2332V27.7383C18.2332 26.204 19.4749 24.9644 21.0118 24.9644H29.3473C30.8842 24.9644 32.1258 26.204 32.1258 27.7383V41.6074H37.6829C39.9838 41.6074 41.8507 39.7437 41.8507 37.4466V17.9172L25.1795 3.23671L8.50843 17.9172V37.4466C8.50843 39.7437 10.3752 41.6074 12.6762 41.6074ZM21.0118 41.6074H29.3473V27.7383H21.0118V41.6074Z"></path>
+    </svg>
+  )
+}
+
 export const Info = (props: IconProps) => {
   return (
     <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>
@@ -563,6 +587,14 @@ export const Menu = (props: IconProps) => {
   )
 }
 
+export const Messages = (props: IconProps) => {
+  return (
+    <svg viewBox="0 0 50 41" fill={props.fill ?? "currentColor"}>
+      <path d="M32.4996 14.3369C32.4996 6.74316 25.2261 0.586914 16.2496 0.586914C7.27299 0.586914 -0.000448038 6.74316 -0.000448038 14.3369C-0.000448038 17.5775 1.33315 20.551 3.54955 22.8994C2.3644 25.426 0.530021 27.4361 0.506583 27.4604C-0.00232307 27.9944 -0.142557 28.7814 0.149708 29.4658C0.449083 30.1494 1.11361 30.5869 1.84799 30.5869C6.08158 30.5869 9.48549 28.9674 11.6839 27.5268C13.1324 27.8838 14.6636 28.0869 16.2496 28.0869C25.2261 28.0869 32.4996 21.9307 32.4996 14.3369ZM16.2496 25.5869C14.9246 25.5869 13.5902 25.423 12.2847 25.1L11.2261 24.8369L10.3121 25.4385C8.71596 26.4838 6.28237 27.7033 3.29252 28.0143C4.0251 27.0682 5.03471 25.6213 5.81127 23.9658L6.5333 22.426L5.3683 21.1885C3.49174 19.1963 2.49955 16.8291 2.49955 14.3369C2.49955 8.13379 8.60112 3.08691 16.2496 3.08691C23.898 3.08691 29.9996 8.13379 29.9996 14.3369C29.9996 20.54 23.8277 25.5869 16.2496 25.5869ZM47.3746 34.6025C49.0308 32.3916 49.9996 29.7197 49.9996 26.8369C49.9996 19.2432 43.2808 13.0869 34.9996 13.0869C34.975 13.0869 34.9512 13.0901 34.9266 13.0903C34.9605 13.501 34.9996 13.915 34.9996 14.3369C34.9996 14.7611 34.9631 15.1775 34.926 15.5939C34.9527 15.5947 34.9761 15.5869 34.9996 15.5869C41.8918 15.5869 47.4996 20.6338 47.4996 26.8369C47.4996 29.0783 46.7633 31.2471 45.3707 33.1072L44.3488 34.4721L45.2464 35.9213C45.7596 36.7502 46.2761 37.4635 46.7003 38.0103C45.2738 37.8611 43.8527 37.4928 42.4582 36.9096L41.4668 36.4951L40.4839 36.9293C38.7418 37.6963 36.898 38.0869 34.9996 38.0869C29.1363 38.0869 24.2417 34.4221 22.898 29.5166C22.1089 29.7772 21.2964 29.9957 20.4605 30.1628C22.0855 36.1416 27.898 40.5869 34.9996 40.5869C37.3293 40.5869 39.5261 40.0858 41.4933 39.2166C43.3589 40.001 45.6011 40.5869 48.148 40.5869C48.8822 40.5869 49.5472 40.1518 49.8457 39.4682C50.1379 38.7839 49.9976 37.9963 49.4888 37.4627C49.4761 37.4463 48.4058 36.2744 47.3746 34.6025Z"></path>
+    </svg>
+  )
+}
+
 export const Oval = (props: IconProps) => {
   return (
     <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>