@abgov/jsonforms-components 1.43.10 → 1.43.11

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
@@ -7587,8 +7591,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`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.43.10",
+  "version": "1.43.11",
   "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;