@bloom-housing/ui-components 7.0.1-alpha.2 → 7.0.1-alpha.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.0.1-alpha.3](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@7.0.1-alpha.2...@bloom-housing/ui-components@7.0.1-alpha.3) (2022-10-24)
+
+**Note:** Version bump only for package @bloom-housing/ui-components
+
+
+
+
+
 ## [7.0.1-alpha.2](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@7.0.1-alpha.1...@bloom-housing/ui-components@7.0.1-alpha.2) (2022-10-20)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "7.0.1-alpha.2",
+  "version": "7.0.1-alpha.3",
   "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",
@@ -113,5 +113,5 @@
     "ts-jest": "^26.4.1",
     "typesafe-actions": "^5.1.0"
   },
-  "gitHead": "09c0b350d59fedfba721528289c8b666f09e240a"
+  "gitHead": "72fcc1b209786c14112f8c6256c9ca3e042eadb1"
 }

package/src/text/Description.tsx

@@ -1,23 +1,31 @@
 import * as React from "react"
 import "./Description.scss"
-import Markdown from "markdown-to-jsx"
+import Markdown, { MarkdownOptions } from "markdown-to-jsx"
 
 export interface DescriptionProps {
   term: string
   description: any
+  dtClassName?: string
   markdown?: boolean
+  markdownProps?: MarkdownOptions
 }
 
 export const Description = (props: DescriptionProps) => {
+  const dtClasses = ["description__body"]
+  if (props.dtClassName) dtClasses.push(props.dtClassName)
+
   return (
     <>
       <dd className="description__title">{props.term}</dd>
       {props.markdown ? (
-        <dt className="description__body">
-          <Markdown options={{ disableParsingRawHTML: true }} children={props.description} />
+        <dt className={dtClasses.join(" ")}>
+          <Markdown
+            options={{ disableParsingRawHTML: true, ...props.markdownProps }}
+            children={props.description}
+          />
         </dt>
       ) : (
-        <dt className="description__body">{props.description}</dt>
+        <dt className={dtClasses.join(" ")}>{props.description}</dt>
       )}
     </>
   )