@bloom-housing/ui-components 4.0.1-alpha.69 → 4.0.1-alpha.72

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 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.72](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.71...@bloom-housing/ui-components@4.0.1-alpha.72) (2022-02-17)
+
+
+### Bug Fixes
+
+* support text wrapping in ApplicationStatus ([#2504](https://github.com/bloom-housing/bloom/issues/2504)) ([d730fa9](https://github.com/bloom-housing/bloom/commit/d730fa9fc6df7d9e99bb5b7fad65b1ab743776b4))
+
+
+
+
+
+## [4.0.1-alpha.71](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.70...@bloom-housing/ui-components@4.0.1-alpha.71) (2022-02-17)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.70](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.69...@bloom-housing/ui-components@4.0.1-alpha.70) (2022-02-17)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.0.1-alpha.69](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.68...@bloom-housing/ui-components@4.0.1-alpha.69) (2022-02-16)
 
 **Note:** Version bump only for package @bloom-housing/ui-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "4.0.1-alpha.69",
+  "version": "4.0.1-alpha.72",
   "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.41",
+    "@bloom-housing/backend-core": "^3.0.2-alpha.43",
     "@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": "b6f649061c87cca25d39ac4c09527443a65badc4"
+  "gitHead": "ab43efe8b630d7f7afc457d8250ef42ff69895b4"
 }

package/src/notifications/ApplicationStatus.scss

@@ -1,10 +1,5 @@
 .application-status {
   @apply p-4;
-  @screen lg {
-    @apply whitespace-nowrap;
-  }
-}
-
-.application-status__sub-content {
-  padding-left: 22px;
+  @apply flex;
+  gap: 0.45rem;
 }

package/src/notifications/ApplicationStatus.tsx

@@ -27,12 +27,7 @@ const ApplicationStatus = (props: ApplicationStatusProps) => {
   let icon
 
   if (withIcon) {
-    icon = (
-      <span>
-        <Icon size="medium" symbol={iconType} fill={vivid ? IconFillColors.white : undefined} />{" "}
-        &nbsp;
-      </span>
-    )
+    icon = <Icon size="medium" symbol={iconType} fill={vivid ? IconFillColors.white : undefined} />
   }
 
   switch (status) {
@@ -57,13 +52,15 @@ const ApplicationStatus = (props: ApplicationStatusProps) => {
   return (
     <div className={`application-status ${textSize} ${textColor} ${bgColor}`}>
       {icon}
-      {content}
-      {props.subContent && (
-        <>
-          <br />
-          <span className={"application-status__sub-content"}>{props.subContent}</span>
-        </>
-      )}
+      <span>
+        {content}
+        {props.subContent && (
+          <>
+            <br />
+            {props.subContent}
+          </>
+        )}
+      </span>
     </div>
   )
 }