@bloom-housing/ui-components 4.0.1-alpha.32 → 4.0.1-alpha.36

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 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.36](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.35...@bloom-housing/ui-components@4.0.1-alpha.36) (2022-02-01)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.35](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.34...@bloom-housing/ui-components@4.0.1-alpha.35) (2022-02-01)
+
+
+### Features
+
+* partners terms page ([#2440](https://github.com/bloom-housing/bloom/issues/2440)) ([63105bc](https://github.com/bloom-housing/bloom/commit/63105bcedfe371a4a9995e25b1e5aba67d06ad0c))
+
+
+
+
+
+## [4.0.1-alpha.34](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.33...@bloom-housing/ui-components@4.0.1-alpha.34) (2022-02-01)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
+## [4.0.1-alpha.33](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.32...@bloom-housing/ui-components@4.0.1-alpha.33) (2022-02-01)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [4.0.1-alpha.32](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@4.0.1-alpha.31...@bloom-housing/ui-components@4.0.1-alpha.32) (2022-02-01)
 
 **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.32",
+  "version": "4.0.1-alpha.36",
   "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.19",
+    "@bloom-housing/backend-core": "^3.0.2-alpha.22",
     "@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": "e85c71fb1bbd73bac5a65e68df4526f642f51e71"
+  "gitHead": "da18d68dae4760655916ceba3a2d3bdd96159df1"
 }

package/src/overlays/Modal.tsx

@@ -8,6 +8,7 @@ export interface ModalProps extends Omit<OverlayProps, "children"> {
   actions?: React.ReactNode[]
   hideCloseIcon?: boolean
   children?: React.ReactNode
+  slim?: boolean
 }
 
 const ModalHeader = (props: { title: string }) => (
@@ -34,6 +35,7 @@ export const Modal = (props: ModalProps) => {
       open={props.open}
       onClose={props.onClose}
       backdrop={props.backdrop}
+      slim={props.slim}
     >
       <div className="modal">
         <ModalHeader title={props.title} />

package/src/overlays/Overlay.scss

@@ -48,3 +48,11 @@
 
   @include transition-timing;
 }
+
+.fixed-overlay__inner-slim {
+  width: 75vw;
+
+  @screen md {
+    width: 50vw;
+  }
+}

package/src/overlays/Overlay.tsx

@@ -14,6 +14,7 @@ export type OverlayProps = {
   backdrop?: boolean
   onClose?: () => void
   children: React.ReactNode
+  slim?: boolean
 }
 
 const OverlayInner = (props: OverlayProps) => {
@@ -37,7 +38,7 @@ const OverlayInner = (props: OverlayProps) => {
         if (e.target === e.currentTarget) closeHandler()
       }}
     >
-      <div className="fixed-overlay__inner">
+      <div className={`fixed-overlay__inner ${props.slim ? "fixed-overlay__inner-slim" : ""}`}>
         <FocusLock>{props.children}</FocusLock>
       </div>
     </div>