@abgov/jsonforms-components 1.48.1 → 1.49.0

package/index.esm.css

@@ -0,0 +1,16 @@
+/* This css file is here to override any parent/root css files
+   that add spacing, sizes, color that the help content uses
+   to display markdown content it uses.
+*/
+li > ul,
+li > ol,
+li > ul,
+li > ol {
+  padding-left: var(--goa-space-m) !important;
+  margin-top: initial;
+}
+
+em {
+  font-size: var(--goa-typography-body-s) !important;
+  color: var(--goa-color-text-default) !important;
+}

package/index.esm.js

@@ -8273,7 +8273,8 @@ const HelpContentComponent = _a => {
     if (helpText === undefined) return '';
     if (typeof helpText === 'string') return helpText;
     if (Array.isArray(helpText)) {
-      const data = helpText.join('\n');
+      //Two spaces after the text inserts a line break in markdown.
+      const data = helpText.join('  \n');
       return data;
     }
     return '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.48.1",
+  "version": "1.49.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/Additional/HelpContent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { RankedTester } from '@jsonforms/core';
 import { ControlProps, ControlElement } from '@jsonforms/core';
+import './HelpContent.css';
 interface OptionProps {
     ariaLabel?: string;
     help?: string | string[];