jcicl 0.0.253 → 0.0.257

package/DefaultTemplate/DefaultTemplate.js

@@ -17,6 +17,7 @@ const P = ["loading", "hasPagination", "loadingColor"], R = h("div", { shouldFor
     align-items: center;
     width: 100%;
     min-height: 100%;
+    height: 100%;
     box-sizing: border-box;
     padding-bottom: ${s ? l ? "114px" : "72px" : "19px"};
     > * div {

package/FormComponents/FormComponents.d.ts

@@ -28,6 +28,12 @@ export declare const FormSubtitle: import('@emotion/styled').StyledComponent<{
 } & {
     underlined?: boolean;
 }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+export declare const FormTextLine: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    underlined?: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export declare const FormSubsectionTitle: import('@emotion/styled').StyledComponent<{
     theme?: import('@emotion/react').Theme;
     as?: React.ElementType;

package/FormComponents/FormComponents.js

@@ -1,12 +1,12 @@
-import { n as e } from "../.chunks/emotion-styled.browser.esm.js";
+import { n as o } from "../.chunks/emotion-styled.browser.esm.js";
 import { c as t } from "../.chunks/emotion-react.browser.esm.js";
 import i from "../theme.js";
-const x = e("div")(
-  ({ boxShadow: o = i.boxShadows.darkGreen }) => ({
+const x = o("div")(
+  ({ boxShadow: e = i.boxShadows.darkGreen }) => ({
     ...t`
       background-color: ${i.colors.white};
       border-radius: 8px;
-      box-shadow: ${o};
+      box-shadow: ${e};
       padding: 0px 36px 19px 36px;
       display: flex;
       flex-direction: column;
@@ -16,17 +16,17 @@ const x = e("div")(
       box-sizing: border-box;
     `
   })
-), m = e("div")(({ columns: o = 3, columnsOverride: n, gap: r = 21, customStyles: a }) => ({
+), m = o("div")(({ columns: e = 3, columnsOverride: n, gap: r = 21, customStyles: a }) => ({
   ...t`
     display: grid;
-    grid-template-columns: repeat(${o}, 1fr);
+    grid-template-columns: repeat(${e}, 1fr);
     ${n && t`
       grid-template-columns: ${n};
     `};
     gap: ${r}px;
     ${a};
   `
-})), s = e("div")(() => ({
+})), s = o("div")(() => ({
   ...t`
     width: 100%;
     display: flex;
@@ -44,7 +44,7 @@ const x = e("div")(
       align-items: flex-end;
     }
   `
-})), g = e("h2")(() => ({
+})), g = o("h2")(() => ({
   ...t`
     font-size: 27px;
     font-weight: 600;
@@ -52,7 +52,7 @@ const x = e("div")(
     margin-top: 9px;
     margin-bottom: -15px;
   `
-})), c = e("h3")(({ underlined: o = !1 }) => ({
+})), f = o("h3")(({ underlined: e = !1 }) => ({
   ...t`
     font-size: 19px;
     font-weight: 600;
@@ -60,11 +60,23 @@ const x = e("div")(
     margin: 0;
     margin-bottom: -15px;
     width: 100%;
-    ${o && t`
+    ${e && t`
       text-decoration: underline;
     `};
   `
-})), f = e("h3")(({ underlined: o = !1 }) => ({
+})), c = o("p")(({ underlined: e = !1 }) => ({
+  ...t`
+    text-align: left;
+    font-size: inherit;
+    font-weight: bold;
+    margin: 0;
+    margin-bottom: -19px;
+    width: 100%;
+    ${e && t`
+      text-decoration: underline;
+    `};
+  `
+})), h = o("h3")(({ underlined: e = !1 }) => ({
   ...t`
     font-size: 19px;
     font-weight: 600;
@@ -74,7 +86,7 @@ const x = e("div")(
     margin-bottom: -6px;
     border-bottom: 1px solid ${i.colors.gray};
     width: 100%;
-    ${o && t`
+    ${e && t`
       text-decoration: underline;
     `};
   `
@@ -84,6 +96,7 @@ export {
   m as FormFieldGrid,
   x as FormSection,
   g as FormSectionTitle,
-  f as FormSubsectionTitle,
-  c as FormSubtitle
+  h as FormSubsectionTitle,
+  f as FormSubtitle,
+  c as FormTextLine
 };

package/FormComponents/index.d.ts

@@ -1 +1 @@
-export { FormSection, FormFieldGrid, FormFieldCheckboxContainer, FormSectionTitle, FormSubtitle, FormSubsectionTitle, } from './FormComponents';
+export { FormSection, FormFieldGrid, FormFieldCheckboxContainer, FormSectionTitle, FormSubtitle, FormSubsectionTitle, FormTextLine, } from './FormComponents';

package/FormComponents/index.js

@@ -1,9 +1,10 @@
-import { FormFieldCheckboxContainer as i, FormFieldGrid as r, FormSection as t, FormSectionTitle as F, FormSubsectionTitle as m, FormSubtitle as l } from "./FormComponents.js";
+import { FormFieldCheckboxContainer as i, FormFieldGrid as r, FormSection as t, FormSectionTitle as F, FormSubsectionTitle as m, FormSubtitle as n, FormTextLine as l } from "./FormComponents.js";
 export {
   i as FormFieldCheckboxContainer,
   r as FormFieldGrid,
   t as FormSection,
   F as FormSectionTitle,
   m as FormSubsectionTitle,
-  l as FormSubtitle
+  n as FormSubtitle,
+  l as FormTextLine
 };