@gov-cy/govcy-frontend-renderer 1.22.0 → 1.22.1

package/dist/govcyCompiledTemplates.browser.js

@@ -5392,6 +5392,23 @@ var t_9 = t_3.govcyGetContent;
 cb(new Error("cannot import 'govcyGetContent'")); return;
 }
 context.setVariable("govcyGetContent", t_9);
+if(runtime.memberLookup((l_params),"entryCount")) {
+var t_10;
+t_10 = (lineno = 52, colno = 39, runtime.callWrap(t_9, "govcyGetContent", context, ["common_entry",runtime.memberLookup((l_params),"lang")]));
+frame.set("entryText", t_10, true);
+if(frame.topLevel) {
+context.setVariable("entryText", t_10);
+}
+if(frame.topLevel) {
+context.addExport("entryText", t_10);
+}
+t_2 += "<h3 class=\"govcy-visually-hidden\">";
+t_2 += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "entryText"), env.opts.autoescape);
+t_2 += " ";
+t_2 += runtime.suppressValue(runtime.memberLookup((l_params),"entryCount"), env.opts.autoescape);
+t_2 += "</h3>";
+;
+}
 t_2 += "<dl ";
 if(runtime.memberLookup((l_params),"id")) {
 t_2 += "id=\"";
@@ -5414,25 +5431,8 @@ t_2 += runtime.suppressValue(runtime.memberLookup((l_params),"classes"), env.opt
 ;
 }
 t_2 += "\"";
-t_2 += runtime.suppressValue((lineno = 50, colno = 239, runtime.callWrap(t_7, "govcyLangAttribute", context, [runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
+t_2 += runtime.suppressValue((lineno = 55, colno = 239, runtime.callWrap(t_7, "govcyLangAttribute", context, [runtime.memberLookup((l_params),"lang")])), env.opts.autoescape);
 t_2 += ">";
-if(runtime.memberLookup((l_params),"entryCount")) {
-var t_10;
-t_10 = (lineno = 53, colno = 43, runtime.callWrap(t_9, "govcyGetContent", context, ["common_entry",runtime.memberLookup((l_params),"lang")]));
-frame.set("entryText", t_10, true);
-if(frame.topLevel) {
-context.setVariable("entryText", t_10);
-}
-if(frame.topLevel) {
-context.addExport("entryText", t_10);
-}
-t_2 += "<dt><span class=\"govcy-visually-hidden\">";
-t_2 += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "entryText"), env.opts.autoescape);
-t_2 += " ";
-t_2 += runtime.suppressValue(runtime.memberLookup((l_params),"entryCount"), env.opts.autoescape);
-t_2 += "</span></dt>";
-;
-}
 frame = frame.push();
 var t_13 = runtime.memberLookup((l_params),"items");
 if(t_13) {t_13 = runtime.fromIterator(t_13);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gov-cy/govcy-frontend-renderer",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "description": "Render html for design elements of the Unified design system using njk or json template.",
   "author": "DMRID - DSF Team",
   "license": "MIT",

package/src/njk/elements/summaryList.njk

@@ -48,12 +48,12 @@
 {% macro summaryList(params) -%}
 {#- Import localizer from utilities -#}
 {%- from "../utilities/govcyUtilities.njk" import govcyLocalizeContent, govcyLangAttribute, govcyElementsFromArray, govcyGetContent -%}
+{#- Render visually hidden text for screen readers the entry number -#}
+{%- if params.entryCount -%}
+    {%- set entryText = govcyGetContent('common_entry', params.lang) -%}
+    <h3 class="govcy-visually-hidden">{{ entryText }} {{ params.entryCount}}</h3>
+{%- endif -%}
 <dl {% if params.id %}id="{{ params.id }}" {% endif %}class="{% if not params.isInnerList %}govcy-summary-list{% else %}govcy-summary-list-row-internal{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}"{{ govcyLangAttribute(params.lang) }}>
-    {#- Render visually hidden text for screen readers the entry number -#}
-    {%- if params.entryCount -%}
-        {%- set entryText = govcyGetContent('common_entry', params.lang) -%}
-        <dt><span class="govcy-visually-hidden">{{ entryText }} {{ params.entryCount}}</span></dt>
-    {%- endif -%}
     {%- for item in params.items %}
     {% if not params.isInnerList %}<div class="govcy-summary-list-row">{% endif %}
         {#- KEY -#}

package/src/njk/layouts/govcyBase.njk

@@ -141,7 +141,11 @@ To use this template you need to pass the following data:
  
     <!-- CSS -->
     <link rel="stylesheet" href="{{ site.cdn.dist }}/css/govcy.uds.min.css"{% if site.cdn.cssIntegrity %} integrity="{{ site.cdn.cssIntegrity }}" crossorigin="anonymous"{% endif%}>
-    
+    <style>
+        dl.govcy-summary-list-row-internal:not(:first-of-type) {
+            margin-top: 0.5rem !important;
+        }
+    </style>
     <title>{% if pageData.title %}{{ govcyLocalizeContent(pageData.title, site.lang) }} - {% endif %}{% if site.title %}{{ govcyLocalizeContent(site.title, site.lang) }} - {% endif %}gov.cy</title>
     <meta name="description" content="{{ govcyLocalizeContent(site.description, site.lang) }}">
     {% if site.matomo and site.matomo.url and site.matomo.siteId %}