@abgov/jsonforms-components 1.43.10 → 1.44.0

package/index.esm.js

@@ -5338,7 +5338,8 @@ let _$5 = t => t,
   _t7$1,
   _t8$1,
   _t9$1,
-  _t10$1;
+  _t10$1,
+  _t11$1;
 const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
   display: flex;
   flex-direction: column;
@@ -5352,8 +5353,8 @@ const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
 `));
 const ReviewItemSection = styled.div(_t2$3 || (_t2$3 = _$5`
   background-color: #f1f1f1;
-  margin-bottom: 1rem;
-  padding: 1rem;
+  margin-bottom: var(--goa-space-m);
+  padding: var(--goa-space-m);
   border: 1px solid #dcdcdc;
   border-radius: 5px;
 `));
@@ -5361,12 +5362,12 @@ const ReviewItemHeader = styled.div(_t3$3 || (_t3$3 = _$5`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin-bottom: 2rem;
+  margin-bottom: var(--goa-space-xl);
 `));
 const ReviewItemTitle = styled.div(_t4$2 || (_t4$2 = _$5`
-  font-size: var(--fs-xl);
-  line-height: var(--lh-lg);
-  font-weight: var(--fw-light);
+  font-size: var(--goa-space-l);
+  line-height: var(--goa-space-xl);
+  font-weight: 300;
 `));
 const Anchor = styled.div(_t5$1 || (_t5$1 = _$5`
   color: #0070c4;
@@ -5397,6 +5398,13 @@ const RightAlignmentDiv = styled.div(_t10$1 || (_t10$1 = _$5`
   justify-content: flex-end;
   margin-bottom: var(--goa-space-l);
 `));
+const FormStepperSummaryH3 = styled.h3(_t11$1 || (_t11$1 = _$5`
+  flex: 1;
+  margin-bottom: var(--goa-space-m);
+  font-size: var(--goa-font-size-7);
+  line-height: var(--goa-line-height-4);
+  font-weight: var(--goa-font-weight-regular);
+`));
 
 class ContextProviderClass {
   addDataByUrl(key, url, processDataFunction, token) {
@@ -5863,11 +5871,7 @@ const FormStepper = props => {
             }, `${visibleCategoryLabels[index]}`);
           }), jsxs("div", {
             "data-testid": "summary_step-content",
-            children: [jsx("h3", {
-              style: {
-                flex: 1,
-                marginBottom: '1rem'
-              },
+            children: [jsx(FormStepperSummaryH3, {
               children: summaryLabel
             }), jsx(FormStepperReviewer, Object.assign({
               navigationFunc: setPage
@@ -7553,12 +7557,10 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
     background: var(--color-white);
     box-shadow: 0 8px 8px rgb(0 0 0 / 20%), 0 4px 4px rgb(0 0 0 / 10%);
     z-index: 99;
-    padding-left: 0px;
-
     overflow: hidden auto;
   }
   .suggestions li {
-    padding: var(--goa-space-2xs);
+    padding: var(--goa-space-xs) var(--goa-space-2xs) var(--goa-space-xs) 2px;
     color: var(--color-gray-900);
   }
   .suggestion-active,
@@ -7587,8 +7589,8 @@ const AddressIndent = styled.div(_t2 || (_t2 = _$1`
   margin: 1em 1.5em 0 1.5em;
 `));
 const LabelDiv = styled.div(_t3 || (_t3 = _$1`
-  font-size: var(--fs-sl);
-  padding-bottom: 1.5rem;
+  font-size: var(--goa-font-size-2);
+  padding-bottom: var(--goa-space-l);
 `));
 /* istanbul ignore next */
 const ListItem = styled.li(_t4 || (_t4 = _$1`
@@ -8045,7 +8047,7 @@ const AddressLookUpControl = props => {
   const formUrl = `${formHost}/${ADDRESS_PATH}`;
   const autocompletion = ((_c = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _c === void 0 ? void 0 : _c.autocomplete) !== false;
   const [open, setOpen] = useState(false);
-  const label = typeof (uischema === null || uischema === void 0 ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : schema === null || schema === void 0 ? void 0 : schema.title;
+  const label = typeof (uischema === null || uischema === void 0 ? void 0 : uischema.label) === 'string' && uischema.label ? uischema.label : '';
   const defaultAddress = {
     addressLine1: '',
     addressLine2: '',
@@ -8165,8 +8167,10 @@ const AddressLookUpControl = props => {
   };
   const readOnly = (_f = (_e = (_d = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _d === void 0 ? void 0 : _d.componentProps) === null || _e === void 0 ? void 0 : _e.readOnly) !== null && _f !== void 0 ? _f : false;
   return jsxs("div", {
-    children: [renderHelp(), jsx(GoAFormItem, {
-      label: label,
+    children: [renderHelp(), jsx("h3", {
+      children: label
+    }), jsx(GoAFormItem, {
+      label: 'Street address or P.O. box',
       error: (_g = errors === null || errors === void 0 ? void 0 : errors['addressLine1']) !== null && _g !== void 0 ? _g : '',
       "data-testId": "form-address-line1",
       children: jsxs(SearchBox, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.43.10",
+  "version": "1.44.0",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",

package/src/lib/Controls/FormStepper/styled-components.d.ts

@@ -9,3 +9,4 @@ export declare const ReviewListWrapper: import("styled-components/dist/types").I
 export declare const ListWithDetail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ListWithDetailHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 export declare const RightAlignmentDiv: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FormStepperSummaryH3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;