@bloom-housing/ui-components 10.0.7 → 10.0.9

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.
Files changed (6) hide show
  1. package/dist/src/notifications/AlertBox.js +1 -1
  2. package/dist/src/notifications/AlertBox.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/notifications/AlertBox.scss +14 -2
  5. package/src/notifications/AlertBox.tsx +1 -1
  6. package/src/overlays/Drawer.scss +6 -4
package/dist/src/notifications/AlertBox.js CHANGED
@@ -38,7 +38,7 @@ var AlertBox = function (props) {
38
38
  (props.type || props.customIcon) && (React.createElement("span", { className: "alert-box__icon" },
39
39
  React.createElement(Icon, { size: "medium", symbol: props.type ? icons[props.type] : (_a = props.customIcon) !== null && _a !== void 0 ? _a : "warning", fill: props.inverted ? IconFillColors.white : undefined, ariaHidden: true }))),
40
40
  React.createElement("span", { className: "alert-box__body" }, typeof props.children === "string" ? React.createElement("p", null, props.children) : props.children)),
41
- closeable && (React.createElement("button", { className: "alert-box__close ".concat(props.inverted ? "text-white" : ""), onClick: onClose, "aria-label": "close alert" },
41
+ closeable && (React.createElement("button", { className: "alert-box__close ".concat(props.inverted ? "alert-box__close-inverted" : ""), onClick: onClose, "aria-label": "close alert" },
42
42
  React.createElement("span", { "aria-hidden": true }, "\u00D7"))))));
43
43
  if (props.boundToLayoutWidth) {
44
44
  innerSection = React.createElement("div", { className: "alert-box_inner" }, innerSection);
package/dist/src/notifications/AlertBox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AlertBox.js","sourceRoot":"","sources":["../../../src/notifications/AlertBox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"AlertBox.js","sourceRoot":"","sources":["../../../src/notifications/AlertBox.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bloom-housing/ui-components",
3
- "version": "10.0.7",
3
+ "version": "10.0.9",
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/ui-components",
package/src/notifications/AlertBox.scss CHANGED
@@ -15,6 +15,9 @@
15
15
  --font-weight: 500;
16
16
  --max-width: var(--bloom-width-5xl);
17
17
  --line-height: 1.375;
18
+ --body-margin: inherit;
19
+ --body-font-size: var(--bloom-font-size-sm);
20
+ --body-close-font-size: var(--bloom-font-size-2xl);
18
21
 
19
22
  padding: var(--vertical-padding) var(--horizontal-padding);
20
23
  background-color: var(--background-color);
@@ -46,6 +49,10 @@
46
49
  color: var(--bloom-color-white);
47
50
  text-decoration: underline;
48
51
  }
52
+
53
+ svg {
54
+ fill: var(--bloom-color-white);
55
+ }
49
56
  }
50
57
 
51
58
  &.alert {
@@ -91,11 +98,12 @@
91
98
 
92
99
  .alert-box__body {
93
100
  font-weight: var(--font-weight);
94
- font-size: var(--bloom-font-size-sm);
101
+ font-size: var(--body-font-size);
102
+ margin: var(--body-margin);
95
103
  }
96
104
 
97
105
  .alert-box__close {
98
- font-size: var(--bloom-font-size-2xl);
106
+ font-size: var(--body-close-font-size);
99
107
  right: var(--horizontal-padding);
100
108
  margin-left: var(--bloom-s3);
101
109
  padding: 0;
@@ -103,6 +111,10 @@
103
111
  color: var(--close-icon-color);
104
112
  }
105
113
 
114
+ .alert-box__close-inverted {
115
+ color: white;
116
+ }
117
+
106
118
  .alert-box__icon {
107
119
  margin-right: var(--bloom-s3);
108
120
  }
package/src/notifications/AlertBox.tsx CHANGED
@@ -68,7 +68,7 @@ const AlertBox = (props: AlertBoxProps) => {
68
68
 
69
69
  {closeable && (
70
70
  <button
71
- className={`alert-box__close ${props.inverted ? "text-white" : ""}`}
71
+ className={`alert-box__close ${props.inverted ? "alert-box__close-inverted" : ""}`}
72
72
  onClick={onClose}
73
73
  aria-label="close alert"
74
74
  >
package/src/overlays/Drawer.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  .drawer {
2
+ --body-height: inherit;
3
+ --content-padding: var(--bloom-s8) var(--bloom-s4) var(--bloom-s4) var(--bloom-s4);
4
+ --content-height: inherit;
2
5
  @apply flex;
3
6
  @apply flex-col;
4
7
  @apply bg-gray-200;
@@ -94,14 +97,13 @@
94
97
  .drawer__body {
95
98
  @apply overflow-y-auto;
96
99
  @apply relative;
97
- // flex: 1 1 auto;
100
+ height: var(--body-height);
98
101
  }
99
102
 
100
103
  .drawer__content {
104
+ padding: var(--content-padding);
105
+ height: var(--content-height);
101
106
  @apply m-auto;
102
- @apply px-4;
103
- @apply pt-8;
104
- @apply pb-4;
105
107
  @apply overflow-y-visible;
106
108
  }
107
109