@bloom-housing/ui-components 4.2.1-alpha.1 → 4.2.1

package/CHANGELOG.md

@@ -3,6 +3,59 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.2.1](https://github.com/seanmalbert/bloom/compare/@bloom-housing/ui-components@4.2.0...@bloom-housing/ui-components@4.2.1) (2022-04-11)
+
+
+* 2022-04-08 release (#2646) ([aa9de52](https://github.com/seanmalbert/bloom/commit/aa9de524d5e849ffded475070abf529de77c9a92)), closes [#2646](https://github.com/seanmalbert/bloom/issues/2646) [#2356](https://github.com/seanmalbert/bloom/issues/2356) [#2353](https://github.com/seanmalbert/bloom/issues/2353) [#2338](https://github.com/seanmalbert/bloom/issues/2338) [#2377](https://github.com/seanmalbert/bloom/issues/2377) [#2320](https://github.com/seanmalbert/bloom/issues/2320) [#2386](https://github.com/seanmalbert/bloom/issues/2386) [#2362](https://github.com/seanmalbert/bloom/issues/2362) [#2395](https://github.com/seanmalbert/bloom/issues/2395) [#2410](https://github.com/seanmalbert/bloom/issues/2410) [#2407](https://github.com/seanmalbert/bloom/issues/2407) [#2430](https://github.com/seanmalbert/bloom/issues/2430) [#2418](https://github.com/seanmalbert/bloom/issues/2418) [#2434](https://github.com/seanmalbert/bloom/issues/2434) [#2374](https://github.com/seanmalbert/bloom/issues/2374) [#2435](https://github.com/seanmalbert/bloom/issues/2435) [#2420](https://github.com/seanmalbert/bloom/issues/2420) [#2412](https://github.com/seanmalbert/bloom/issues/2412) [#2438](https://github.com/seanmalbert/bloom/issues/2438) [#2429](https://github.com/seanmalbert/bloom/issues/2429) [#2452](https://github.com/seanmalbert/bloom/issues/2452) [#2458](https://github.com/seanmalbert/bloom/issues/2458) [#2423](https://github.com/seanmalbert/bloom/issues/2423) [#2432](https://github.com/seanmalbert/bloom/issues/2432) [#2437](https://github.com/seanmalbert/bloom/issues/2437) [#2440](https://github.com/seanmalbert/bloom/issues/2440) [#2441](https://github.com/seanmalbert/bloom/issues/2441) [#2460](https://github.com/seanmalbert/bloom/issues/2460) [#2459](https://github.com/seanmalbert/bloom/issues/2459) [#2464](https://github.com/seanmalbert/bloom/issues/2464) [#2465](https://github.com/seanmalbert/bloom/issues/2465) [#2466](https://github.com/seanmalbert/bloom/issues/2466) [#2436](https://github.com/seanmalbert/bloom/issues/2436) [#2451](https://github.com/seanmalbert/bloom/issues/2451) [#2415](https://github.com/seanmalbert/bloom/issues/2415) [#2354](https://github.com/seanmalbert/bloom/issues/2354) [#2455](https://github.com/seanmalbert/bloom/issues/2455) [#2484](https://github.com/seanmalbert/bloom/issues/2484) [#2482](https://github.com/seanmalbert/bloom/issues/2482) [#2483](https://github.com/seanmalbert/bloom/issues/2483) [#2476](https://github.com/seanmalbert/bloom/issues/2476) [#2485](https://github.com/seanmalbert/bloom/issues/2485) [#2470](https://github.com/seanmalbert/bloom/issues/2470) [#2488](https://github.com/seanmalbert/bloom/issues/2488) [#2487](https://github.com/seanmalbert/bloom/issues/2487) [#2496](https://github.com/seanmalbert/bloom/issues/2496) [#2498](https://github.com/seanmalbert/bloom/issues/2498) [#2499](https://github.com/seanmalbert/bloom/issues/2499) [#2291](https://github.com/seanmalbert/bloom/issues/2291) [#2461](https://github.com/seanmalbert/bloom/issues/2461) [#2485](https://github.com/seanmalbert/bloom/issues/2485) [#2494](https://github.com/seanmalbert/bloom/issues/2494) [#2503](https://github.com/seanmalbert/bloom/issues/2503) [#2495](https://github.com/seanmalbert/bloom/issues/2495) [#2477](https://github.com/seanmalbert/bloom/issues/2477) [#2505](https://github.com/seanmalbert/bloom/issues/2505) [#2372](https://github.com/seanmalbert/bloom/issues/2372) [#2489](https://github.com/seanmalbert/bloom/issues/2489) [#2497](https://github.com/seanmalbert/bloom/issues/2497) [#2506](https://github.com/seanmalbert/bloom/issues/2506) [#2486](https://github.com/seanmalbert/bloom/issues/2486)
+
+
+### BREAKING CHANGES
+
+* remove applicationDueTime field and consolidated into applicationDueDate
+
+* chore(release): version
+
+ - @bloom-housing/backend-core@3.0.2-alpha.13
+ - @bloom-housing/shared-helpers@4.0.1-alpha.21
+ - @bloom-housing/partners@4.0.1-alpha.23
+ - @bloom-housing/public@4.0.1-alpha.22
+ - @bloom-housing/ui-components@4.0.1-alpha.21
+* consolidated all event section components in one new component, uptake will require removing the deprecated components and uptaking EventSection
+
+* chore(release): version
+
+ - @bloom-housing/backend-core@3.0.2-alpha.38
+ - @bloom-housing/shared-helpers@4.0.1-alpha.63
+ - @bloom-housing/partners@4.0.1-alpha.67
+ - @bloom-housing/public@4.0.1-alpha.66
+ - @bloom-housing/ui-components@4.0.1-alpha.62
+
+
+
+
+
+## [4.2.1-alpha.3](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.1-alpha.2...@bloom-housing/ui-components@4.2.1-alpha.3) (2022-04-08)
+
+
+### Features
+
+* new Envelope icon ([#2642](https://github.com/bloom-housing/bloom/issues/2642)) ([e2dbe06](https://github.com/bloom-housing/bloom/commit/e2dbe0688e389c8196665495cdde7edcada0cf9b))
+
+
+
+
+
+## [4.2.1-alpha.2](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.1-alpha.1...@bloom-housing/ui-components@4.2.1-alpha.2) (2022-04-07)
+
+
+### Bug Fixes
+
+* a11y issues on homepage components ([#2624](https://github.com/bloom-housing/bloom/issues/2624)) ([bf443d5](https://github.com/bloom-housing/bloom/commit/bf443d55d12d624b057666933bdd06feaf7d79be))
+
+
+
+
+
 ## [4.2.1-alpha.1](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.2.1-alpha.0...@bloom-housing/ui-components@4.2.1-alpha.1) (2022-04-07)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.2.1-alpha.1",
+  "version": "4.2.1",
   "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.2.1-alpha.1",
+    "@bloom-housing/backend-core": "^4.2.1",
     "@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": "a6f7d7cd4b295500aff5be357fd77c360e13af28"
+  "gitHead": "fa3159f0ff61bbb325528861888eb0d1c4cfa504"
 }

package/src/blocks/ActionBlock.tsx

@@ -41,7 +41,7 @@ const ActionBlock = ({
     <div className={actionBlockClasses.join(" ")}>
       <div className="action-block__head">
         {icon && <div className="action-block__icon">{icon}</div>}
-        <h3 className="action-block__header">{header}</h3>
+        <h2 className="action-block__header">{header}</h2>
         {subheader && layout === ActionBlockLayout.block && (
           <p className="action-block__subheader">{subheader}</p>
         )}

package/src/headers/SiteHeader.tsx

@@ -422,7 +422,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
   }
 
   return (
-    <div className={"site-header"}>
+    <header className={"site-header"}>
       {props.languages && <LanguageNav languages={props.languages} />}
 
       <div className={`navbar-notice ${!props.noticeMobile && `navbar-notice-hide`}`}>
@@ -441,7 +441,7 @@ const SiteHeader = (props: SiteHeaderProps) => {
       </nav>
       {!isDesktop && mobileMenu && getMobileDropdown()}
       {getMobileDrawer()}
-    </div>
+    </header>
   )
 }
 

package/src/icons/Icon.tsx

@@ -24,6 +24,7 @@ import {
   Draggable,
   Edit,
   Eligibility,
+  Envelope,
   Eye,
   Favorite,
   File,
@@ -87,6 +88,7 @@ const IconMap = {
   draggable: Draggable,
   edit: Edit,
   eligibility: Eligibility,
+  envelope: Envelope,
   eye: Eye,
   favorite: Favorite,
   file: File,

package/src/icons/Icons.tsx

@@ -339,6 +339,14 @@ export const Eligibility = (props: IconProps) => {
   )
 }
 
+export const Envelope = (props: IconProps) => {
+  return (
+    <svg viewBox="0 0 51 39" fill={props.fill ?? "currentColor"}>
+      <path d="M44.6431 0.564941H7.14307C3.69092 0.564941 0.893066 3.36279 0.893066 6.81494V31.8149C0.893066 35.2671 3.69092 38.0649 7.14307 38.0649H44.6431C48.0952 38.0649 50.8931 35.2671 50.8931 31.8149V6.81494C50.8931 3.36279 48.0903 0.564941 44.6431 0.564941ZM7.14307 3.68994H44.6431C46.3657 3.68994 47.7681 5.09229 47.7681 6.81494V10.3315L28.7056 24.6284C27.0454 25.8706 24.7378 25.8706 23.0776 24.6284L4.01807 10.3306V6.81494C4.01807 5.09619 5.42041 3.68994 7.14307 3.68994ZM47.7681 31.8149C47.7681 33.5376 46.3657 34.9399 44.6431 34.9399H7.14307C5.42041 34.9399 4.01807 33.5376 4.01807 31.8149V14.1489L21.2056 27.1274C22.5845 28.1636 24.2388 28.6919 25.8931 28.6919C27.5474 28.6919 29.2036 28.1626 30.5806 27.1274L47.7681 14.1489V31.8149Z"></path>
+    </svg>
+  )
+}
+
 export const Eye = (props: IconProps) => {
   return (
     <svg viewBox={"0 0 32 32"} fill={props.fill ?? "currentColor"}>

package/src/navigation/LanguageNav.tsx

@@ -8,14 +8,15 @@ export type LangItem = {
 }
 
 export interface LanguageNavProps {
+  ariaLabel?: string
   languages: LangItem[]
 }
 
-const LanguageNav = ({ languages }: LanguageNavProps) => {
+const LanguageNav = ({ ariaLabel, languages }: LanguageNavProps) => {
   return (
     <div className="language-bar">
       <div className="language-bar__inner">
-        <nav className="language-nav">
+        <nav {...(ariaLabel ? { "aria-label": ariaLabel } : {})} className="language-nav">
           <ul className="language-nav__list">
             {languages.map((item) => (
               <li key={item.label}>