@bloom-housing/ui-components 4.0.1-alpha.53 → 4.0.1-alpha.57

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.1-alpha.57](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.56...@bloom-housing/ui-components@4.0.1-alpha.57) (2022-02-14)
+
+
+### Bug Fixes
+
+* remove shared-helpers dependency from FormForgotPassword ([#2498](https://github.com/bloom-housing/bloom/issues/2498)) ([779707d](https://github.com/bloom-housing/bloom/commit/779707d9087b3330a1b4cd65d5bde31521fa7d6a))
+
+
+
+
+
+## [4.0.1-alpha.56](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.55...@bloom-housing/ui-components@4.0.1-alpha.56) (2022-02-12)
+
+
+### Bug Fixes
+
+* allow headers in responsive mobile tables to wrap text ([#2496](https://github.com/bloom-housing/bloom/issues/2496)) ([7d5a73e](https://github.com/bloom-housing/bloom/commit/7d5a73e5ee2213fb126fced86d94a55668941ed9))
+
+
+
+
+
+## [4.0.1-alpha.55](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.54...@bloom-housing/ui-components@4.0.1-alpha.55) (2022-02-10)
+
+
+### Bug Fixes
+
+* image gradient obscures image on mobile, is harsh in safari ([#2487](https://github.com/bloom-housing/bloom/issues/2487)) ([78785ff](https://github.com/bloom-housing/bloom/commit/78785ff0646e94fa751584ee090eacaec1994e36))
+
+
+
+
+
+## [4.0.1-alpha.54](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.53...@bloom-housing/ui-components@4.0.1-alpha.54) (2022-02-10)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.0.1-alpha.53](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.52...@bloom-housing/ui-components@4.0.1-alpha.53) (2022-02-10)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.0.1-alpha.53",
+  "version": "4.0.1-alpha.57",
   "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": "^3.0.2-alpha.34",
+    "@bloom-housing/backend-core": "^3.0.2-alpha.35",
     "@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": "1af623f3a35874c50f50b28f9231412026835cc8"
+  "gitHead": "4ece11568715dac63e1739d0ca79716759017e9e"
 }

package/src/blocks/ImageCard.scss

@@ -36,20 +36,22 @@
 }
 
 .image-card__overlay {
-  background: rgb(0, 0, 0);
   background: linear-gradient(
     0deg,
-    rgba(0, 0, 0, 0.9374124649859944) 0%,
-    rgba(0, 0, 0, 0.665703781512605) 80%,
-    rgba(255, 255, 255, 0) 100%
+    rgba(0, 0, 0, 0.9) 0%,
+    rgba(0, 0, 0, 0.8) 10%,
+    rgba(0, 0, 0, 0.7) 50%,
+    rgba(0, 0, 0, 0.3) 90%,
+    rgba(0, 0, 0, 0) 100%
   );
   @screen md {
-    background: rgb(0, 0, 0);
     background: linear-gradient(
       0deg,
-      rgba(0, 0, 0, 0.9374124649859944) 20%,
-      rgba(0, 0, 0, 0.665703781512605) 40%,
-      rgba(255, 255, 255, 0) 60%
+      rgba(0, 0, 0, 0.9) 20%,
+      rgba(0, 0, 0, 0.5) 50%,
+      rgba(0, 0, 0, 0.2) 65%,
+      rgba(0, 0, 0, 0.1) 70%,
+      rgba(0, 0, 0, 0) 80%
     );
   }
   position: absolute;

package/src/global/tables.scss

@@ -147,13 +147,15 @@ https://www.cssscript.com/pure-html5-css3-responsive-table-solution/ */
       @apply block;
       @apply text-right;
       border: 0px;
+      display: flex;
     }
 
     td:before {
       @apply font-bold;
       @apply uppercase;
-      @apply float-left;
       content: attr(data-label);
+      text-align: left;
+      width: 50%;
     }
 
     td:last-child {

package/src/page_components/forgot-password/FormForgotPassword.tsx

@@ -15,7 +15,6 @@ import {
 } from "@bloom-housing/ui-components"
 import { NavigationContext } from "../../config/NavigationContext"
 import type { UseFormMethods } from "react-hook-form"
-import type { NetworkErrorReset, NetworkErrorValue } from "@bloom-housing/shared-helpers"
 
 export type FormForgotPasswordProps = {
   control: FormForgotPasswordControl
@@ -23,6 +22,13 @@ export type FormForgotPasswordProps = {
   networkError: FormForgotPasswordNetworkError
 }
 
+export type NetworkErrorReset = () => void
+
+export type NetworkErrorValue = {
+  title: string
+  content: string
+} | null
+
 export type FormForgotPasswordNetworkError = {
   error: NetworkErrorValue
   reset: NetworkErrorReset

package/src/tables/StackedTable.tsx

@@ -24,7 +24,7 @@ const StackedTable = (props: StackedTableProps) => {
     const dataCell = Object.keys(dataRow).reduce((acc, item) => {
       acc[item] = (
         <div
-          className={`md:flex md:flex-col ${
+          className={`md:flex md:flex-col w-1/2 md:w-full ${
             props.headersHiddenDesktop?.includes(item) && "md:hidden"
           }`}
         >