@bloom-housing/ui-components 6.0.1-alpha.3 → 6.0.1-alpha.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.0.1-alpha.4](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@6.0.1-alpha.3...@bloom-housing/ui-components@6.0.1-alpha.4) (2022-10-05)
+
+
+### Bug Fixes
+
+* rename text style class for consistency ([#3122](https://github.com/bloom-housing/bloom/issues/3122)) ([4209072](https://github.com/bloom-housing/bloom/commit/420907230615af11fe4b096d8ba9b8ffc629c505))
+
+
+
+
+
 ## [6.0.1-alpha.3](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@6.0.1-alpha.2...@bloom-housing/ui-components@6.0.1-alpha.3) (2022-10-03)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "6.0.1-alpha.3",
+  "version": "6.0.1-alpha.4",
   "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": "4e7935694f2d0551656828a64d487d2419c29ef4"
+  "gitHead": "a28023c5df60577812f64f5f82da891d47655c58"
 }

package/src/documentation/Utilities.tsx

@@ -60,7 +60,7 @@ export const Typography = () => {
           "text__caps-weighted",
           <div className={"text__caps-weighted"}>Caps Weighted Text Style</div>,
         ],
-        ["text_caps-spaced", <div className={"text_caps-spaced"}>Caps Spaced Text Style</div>],
+        ["text__caps-spaced", <div className={"text__caps-spaced"}>Caps Spaced Text Style</div>],
       ]}
     />
   )

package/src/forms/DOBField.tsx

@@ -56,7 +56,7 @@ const DOBField = (props: DOBFieldProps) => {
     )
   }
 
-  const labelClasses = ["text_caps-spaced"]
+  const labelClasses = ["text__caps-spaced"]
   if (props.readerOnly) labelClasses.push("sr-only")
   if (hasError) labelClasses.push("text-alert")
 

package/src/forms/Field.tsx

@@ -75,7 +75,7 @@ const Field = (props: FieldProps) => {
 
   const label = useMemo(() => {
     const labelClasses = ["label"]
-    if (props.caps) labelClasses.push("text_caps-spaced")
+    if (props.caps) labelClasses.push("text__caps-spaced")
     if (props.primary) labelClasses.push("text-primary")
     if (props.readerOnly) labelClasses.push("sr-only")
     if (props.type === "radio") {

package/src/forms/FieldGroup.tsx

@@ -165,7 +165,7 @@ const FieldGroup = ({
   }
   return (
     <div>
-      {groupLabel && <label className="text_caps-spaced">{groupLabel}</label>}
+      {groupLabel && <label className="text__caps-spaced">{groupLabel}</label>}
       {groupNote && <p className="field-note mb-4">{groupNote}</p>}
 
       <div className={`field ${error && "error"} ${fieldGroupClassName || ""} mb-0`}>

package/src/forms/PhoneField.tsx

@@ -22,7 +22,7 @@ export const PhoneField = (props: {
   dataTestId?: string
 }) => {
   const labelClasses = ["label"]
-  if (props.caps) labelClasses.push("text_caps-spaced")
+  if (props.caps) labelClasses.push("text__caps-spaced")
   if (props.readerOnly) labelClasses.push("sr-only")
   /**
    * we need to handle two different use cases,

package/src/global/forms.scss

@@ -23,7 +23,7 @@
   }
 
   label.sr-only + .control,
-  label.text_caps-spaced + .control {
+  label.text__caps-spaced + .control {
     @apply mt-0;
   }
 
@@ -31,7 +31,7 @@
     @apply mt-2;
   }
 
-  .text_caps-spaced.label + .field-note {
+  .text__caps-spaced.label + .field-note {
     @apply mt-0;
   }
 

package/src/global/text.scss

@@ -163,7 +163,7 @@ h1.title {
   font-size: var(--text-light-weighted-font-size, var(--bloom-font-size-sm));
 }
 
-.text_caps-spaced {
+.text__caps-spaced {
   font-family: var(--text-caps-spaced-font-family, var(--bloom-font-sans));
   text-transform: uppercase;
   color: var(--text-caps-spaced-color, var(--bloom-text-color));