@abgov/jsonforms-components 2.23.1 → 2.24.1

package/index.esm.js

@@ -7102,20 +7102,15 @@ let _$5 = t => t,
 const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
   display: flex;
   flex-direction: column;
-  border: var(--goa-border-width-s) solid grey;
-  border-radius: var(--goa-border-radius-m);
-  margin: var(--goa-space-2xs);
-  padding: var(--goa-space-xs);
   div:empty {
     display: none;
   }
 `));
 const ReviewItemSection = styled.div(_t2$4 || (_t2$4 = _$5`
-  background-color: #f1f1f1;
   margin-bottom: var(--goa-space-m);
-  padding: var(--goa-space-m);
-  border: 1px solid #dcdcdc;
-  border-radius: 5px;
+  padding: var(--goa-space-xl) var(--goa-space-2xl);
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
 
   .element-style {
     max-width: 1600px;
@@ -7179,8 +7174,8 @@ const PageRenderPadding = styled.div(_t12$1 || (_t12$1 = _$5`
 styled.div(_t13$1 || (_t13$1 = _$5`
   margin-bottom: var(--goa-space-2xl);
 `));
-const PageBorder = styled.h3(_t14$1 || (_t14$1 = _$5`
-  padding: var(--goa-space-3xl);
+const PageBorder = styled.div(_t14$1 || (_t14$1 = _$5`
+  padding: var(--goa-space-m) var(--goa-space-3xl);
 `));
 const TableReviewItemSection = styled.div(_t15$1 || (_t15$1 = _$5`
   .element-style {
@@ -7188,9 +7183,9 @@ const TableReviewItemSection = styled.div(_t15$1 || (_t15$1 = _$5`
   }
 `));
 const TableReviewItem = styled.div(_t16$1 || (_t16$1 = _$5`
-  border: 1px solid #dcdcdc;
-  border-radius: 5px;
-  padding: var(--goa-space-2xl);
+  padding: var(--goa-space-xl) var(--goa-space-2xl);
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
 `));
 const TableReviewPageTitleRow = styled.div(_t17$1 || (_t17$1 = _$5`
   margin-top: var(--goa-space-xl);
@@ -8295,7 +8290,7 @@ const ApplicationStatus = () => {
   const total = categories.length;
   const completed = selectNumberOfCompletedCategories();
   const type = total === completed ? 'success' : 'important';
-  const heading = total === completed ? 'Application complete' : 'Application incomplete';
+  const heading = total === completed ? 'Application completed' : 'Application incomplete';
   const message = `You have completed ${completed} of ${total} sections.`;
   return jsx(CompletionStatus, {
     children: jsx(GoACallout, {
@@ -10743,11 +10738,12 @@ const SearchBox = styled.div(_t$1 || (_t$1 = _$1`
   }
 `));
 const AddressIndent = styled.div(_t2$1 || (_t2$1 = _$1`
-  margin: 0.5em 0 0.5em 0;
-  textwrap: 'wrap';
-  wordbreak: 'break-word';
-  border: 1px solid #dcdcdc;
-  padding: 1.35em;
+  margin: 0 0 var(--goa-space-m) 0;
+  text-wrap: wrap;
+  word-break: break-word;
+  border: 1px solid var(--goa-color-greyscale-300);
+  border-radius: var(--goa-border-radius-xl);
+  padding: var(--goa-space-l);
 `));
 const TextWrap = styled.p(_t3 || (_t3 = _$1`
   text-wrap: auto;

package/package.json

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

@@ -11,7 +11,7 @@ export declare const RightAlignmentDiv: import("styled-components/dist/types").I
 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;
 export declare const PageRenderPadding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const PageRenderPaddingBottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PageBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const PageBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableReviewItemSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableReviewItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableReviewPageTitleRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;