@bloom-housing/ui-components 6.0.1-alpha.3 → 7.0.1-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -23
- package/package.json +2 -2
- package/src/documentation/Utilities.tsx +1 -1
- package/src/forms/DOBField.tsx +1 -1
- package/src/forms/Field.tsx +1 -1
- package/src/forms/FieldGroup.tsx +1 -1
- package/src/forms/PhoneField.tsx +1 -1
- package/src/global/forms.scss +2 -2
- package/src/global/text.scss +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,43 +3,31 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [
|
|
6
|
+
## [7.0.1-alpha.0](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@6.0.1-alpha.4...@bloom-housing/ui-components@7.0.1-alpha.0) (2022-10-05)
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
### Code Refactoring
|
|
10
|
-
|
|
11
|
-
* organize design system text styles ([#3055](https://github.com/bloom-housing/bloom/issues/3055)) ([f5bcb62](https://github.com/bloom-housing/bloom/commit/f5bcb629885fd9ce6c17e3e817bd0ee500373990))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
### BREAKING CHANGES
|
|
15
|
-
|
|
16
|
-
* the different style types you can pass to the heading component have individually been renamed to fit the design system, as well as the prop to pass them in
|
|
8
|
+
**Note:** Version bump only for package @bloom-housing/ui-components
|
|
17
9
|
|
|
18
10
|
|
|
19
11
|
|
|
20
12
|
|
|
21
13
|
|
|
22
|
-
|
|
14
|
+
# [7.0.0](https://github.com/bloom-housing/bloom/compare/@bloom-housing/ui-components@5.1.1-alpha.22...@bloom-housing/ui-components@7.0.0) (2022-09-29)
|
|
23
15
|
|
|
24
16
|
|
|
25
|
-
*
|
|
17
|
+
* Release/2022 09 29 (#3114) ([dd9cbd6](https://github.com/bloom-housing/bloom/commit/dd9cbd6e549c69a3410a0753011e8f157ef61f31)), closes [#3114](https://github.com/bloom-housing/bloom/issues/3114) [#3023](https://github.com/bloom-housing/bloom/issues/3023) [#3040](https://github.com/bloom-housing/bloom/issues/3040) [#3054](https://github.com/bloom-housing/bloom/issues/3054) [#3050](https://github.com/bloom-housing/bloom/issues/3050) [#483](https://github.com/bloom-housing/bloom/issues/483) [#3073](https://github.com/bloom-housing/bloom/issues/3073) [#3070](https://github.com/bloom-housing/bloom/issues/3070) [#3041](https://github.com/bloom-housing/bloom/issues/3041) [#3077](https://github.com/bloom-housing/bloom/issues/3077) [#3063](https://github.com/bloom-housing/bloom/issues/3063) [#3084](https://github.com/bloom-housing/bloom/issues/3084) [#3086](https://github.com/bloom-housing/bloom/issues/3086) [#3056](https://github.com/bloom-housing/bloom/issues/3056) [#3075](https://github.com/bloom-housing/bloom/issues/3075) [#3095](https://github.com/bloom-housing/bloom/issues/3095) [#3090](https://github.com/bloom-housing/bloom/issues/3090) [#3006](https://github.com/bloom-housing/bloom/issues/3006) [#2961](https://github.com/bloom-housing/bloom/issues/2961) [#3020](https://github.com/bloom-housing/bloom/issues/3020) [#3093](https://github.com/bloom-housing/bloom/issues/3093) [#2974](https://github.com/bloom-housing/bloom/issues/2974) [#2909](https://github.com/bloom-housing/bloom/issues/2909) [#2958](https://github.com/bloom-housing/bloom/issues/2958) [#2904](https://github.com/bloom-housing/bloom/issues/2904) [#2987](https://github.com/bloom-housing/bloom/issues/2987) [#2990](https://github.com/bloom-housing/bloom/issues/2990) [#2989](https://github.com/bloom-housing/bloom/issues/2989) [#2991](https://github.com/bloom-housing/bloom/issues/2991) [#2985](https://github.com/bloom-housing/bloom/issues/2985) [#2994](https://github.com/bloom-housing/bloom/issues/2994) [#2995](https://github.com/bloom-housing/bloom/issues/2995) [#2999](https://github.com/bloom-housing/bloom/issues/2999) [#2950](https://github.com/bloom-housing/bloom/issues/2950) [#2968](https://github.com/bloom-housing/bloom/issues/2968) [#2784](https://github.com/bloom-housing/bloom/issues/2784) [#2988](https://github.com/bloom-housing/bloom/issues/2988) [#3016](https://github.com/bloom-housing/bloom/issues/3016) [#3018](https://github.com/bloom-housing/bloom/issues/3018) [#3017](https://github.com/bloom-housing/bloom/issues/3017) [#3005](https://github.com/bloom-housing/bloom/issues/3005) [#3012](https://github.com/bloom-housing/bloom/issues/3012) [#3014](https://github.com/bloom-housing/bloom/issues/3014) [#3000](https://github.com/bloom-housing/bloom/issues/3000) [#3021](https://github.com/bloom-housing/bloom/issues/3021) [#3027](https://github.com/bloom-housing/bloom/issues/3027) [#3036](https://github.com/bloom-housing/bloom/issues/3036) [#3023](https://github.com/bloom-housing/bloom/issues/3023) [#3040](https://github.com/bloom-housing/bloom/issues/3040) [#3054](https://github.com/bloom-housing/bloom/issues/3054) [#3050](https://github.com/bloom-housing/bloom/issues/3050) [#483](https://github.com/bloom-housing/bloom/issues/483) [#3073](https://github.com/bloom-housing/bloom/issues/3073) [#3070](https://github.com/bloom-housing/bloom/issues/3070) [#3041](https://github.com/bloom-housing/bloom/issues/3041) [#3061](https://github.com/bloom-housing/bloom/issues/3061) [#3077](https://github.com/bloom-housing/bloom/issues/3077) [#3063](https://github.com/bloom-housing/bloom/issues/3063) [#3084](https://github.com/bloom-housing/bloom/issues/3084) [#3088](https://github.com/bloom-housing/bloom/issues/3088) [#2892](https://github.com/bloom-housing/bloom/issues/2892) [#3006](https://github.com/bloom-housing/bloom/issues/3006) [#2961](https://github.com/bloom-housing/bloom/issues/2961) [#3020](https://github.com/bloom-housing/bloom/issues/3020) [#3086](https://github.com/bloom-housing/bloom/issues/3086) [#3102](https://github.com/bloom-housing/bloom/issues/3102) [#3101](https://github.com/bloom-housing/bloom/issues/3101) [#3104](https://github.com/bloom-housing/bloom/issues/3104) [#3105](https://github.com/bloom-housing/bloom/issues/3105)
|
|
26
18
|
|
|
27
19
|
|
|
28
20
|
### BREAKING CHANGES
|
|
29
21
|
|
|
30
|
-
*
|
|
31
|
-
|
|
32
|
-
* Fix code style issues with Prettier
|
|
33
|
-
|
|
34
|
-
* feat: split HeadingGroup out to its own separate component
|
|
35
|
-
|
|
36
|
-
* fix: simplify stories and styling for Card and HeadingGroup
|
|
37
|
-
|
|
38
|
-
* remove: prototype "slotted" card component
|
|
22
|
+
* The preference and program entities have been merged into a single entity called MultiselectQuestion
|
|
39
23
|
|
|
40
|
-
*
|
|
24
|
+
* chore(release): version
|
|
41
25
|
|
|
42
|
-
|
|
26
|
+
- @bloom-housing/backend-core@5.1.1-alpha.8
|
|
27
|
+
- @bloom-housing/shared-helpers@5.1.1-alpha.18
|
|
28
|
+
- @bloom-housing/partners@5.1.1-alpha.20
|
|
29
|
+
- @bloom-housing/public@5.1.1-alpha.18
|
|
30
|
+
- @bloom-housing/ui-components@5.1.1-alpha.11
|
|
43
31
|
|
|
44
32
|
|
|
45
33
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "7.0.1-alpha.0",
|
|
4
4
|
"author": "Sean Albert <sean.albert@exygy.com>",
|
|
5
5
|
"description": "Shared user interface components for Bloom affordable housing system",
|
|
6
6
|
"homepage": "https://github.com/bloom-housing/bloom/tree/master/shared/ui-components",
|
|
@@ -113,5 +113,5 @@
|
|
|
113
113
|
"ts-jest": "^26.4.1",
|
|
114
114
|
"typesafe-actions": "^5.1.0"
|
|
115
115
|
},
|
|
116
|
-
"gitHead": "
|
|
116
|
+
"gitHead": "36f69316776c1726f8daba29daeb92948578cb12"
|
|
117
117
|
}
|
|
@@ -60,7 +60,7 @@ export const Typography = () => {
|
|
|
60
60
|
"text__caps-weighted",
|
|
61
61
|
<div className={"text__caps-weighted"}>Caps Weighted Text Style</div>,
|
|
62
62
|
],
|
|
63
|
-
["
|
|
63
|
+
["text__caps-spaced", <div className={"text__caps-spaced"}>Caps Spaced Text Style</div>],
|
|
64
64
|
]}
|
|
65
65
|
/>
|
|
66
66
|
)
|
package/src/forms/DOBField.tsx
CHANGED
package/src/forms/Field.tsx
CHANGED
|
@@ -75,7 +75,7 @@ const Field = (props: FieldProps) => {
|
|
|
75
75
|
|
|
76
76
|
const label = useMemo(() => {
|
|
77
77
|
const labelClasses = ["label"]
|
|
78
|
-
if (props.caps) labelClasses.push("
|
|
78
|
+
if (props.caps) labelClasses.push("text__caps-spaced")
|
|
79
79
|
if (props.primary) labelClasses.push("text-primary")
|
|
80
80
|
if (props.readerOnly) labelClasses.push("sr-only")
|
|
81
81
|
if (props.type === "radio") {
|
package/src/forms/FieldGroup.tsx
CHANGED
|
@@ -165,7 +165,7 @@ const FieldGroup = ({
|
|
|
165
165
|
}
|
|
166
166
|
return (
|
|
167
167
|
<div>
|
|
168
|
-
{groupLabel && <label className="
|
|
168
|
+
{groupLabel && <label className="text__caps-spaced">{groupLabel}</label>}
|
|
169
169
|
{groupNote && <p className="field-note mb-4">{groupNote}</p>}
|
|
170
170
|
|
|
171
171
|
<div className={`field ${error && "error"} ${fieldGroupClassName || ""} mb-0`}>
|
package/src/forms/PhoneField.tsx
CHANGED
|
@@ -22,7 +22,7 @@ export const PhoneField = (props: {
|
|
|
22
22
|
dataTestId?: string
|
|
23
23
|
}) => {
|
|
24
24
|
const labelClasses = ["label"]
|
|
25
|
-
if (props.caps) labelClasses.push("
|
|
25
|
+
if (props.caps) labelClasses.push("text__caps-spaced")
|
|
26
26
|
if (props.readerOnly) labelClasses.push("sr-only")
|
|
27
27
|
/**
|
|
28
28
|
* we need to handle two different use cases,
|
package/src/global/forms.scss
CHANGED
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
label.sr-only + .control,
|
|
26
|
-
label.
|
|
26
|
+
label.text__caps-spaced + .control {
|
|
27
27
|
@apply mt-0;
|
|
28
28
|
}
|
|
29
29
|
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
@apply mt-2;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.
|
|
34
|
+
.text__caps-spaced.label + .field-note {
|
|
35
35
|
@apply mt-0;
|
|
36
36
|
}
|
|
37
37
|
|
package/src/global/text.scss
CHANGED
|
@@ -163,7 +163,7 @@ h1.title {
|
|
|
163
163
|
font-size: var(--text-light-weighted-font-size, var(--bloom-font-size-sm));
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
.
|
|
166
|
+
.text__caps-spaced {
|
|
167
167
|
font-family: var(--text-caps-spaced-font-family, var(--bloom-font-sans));
|
|
168
168
|
text-transform: uppercase;
|
|
169
169
|
color: var(--text-caps-spaced-color, var(--bloom-text-color));
|