@dta-au/civictheme-twig 1.15.0 → 1.15.1

package/components/02-molecules/progress-nav/progress-nav.scss

@@ -20,6 +20,12 @@
 
   &__sub-list {
     margin-left: 28px;
+
+    // Tuck the child under its parent: cancel the parent link's 11px bottom
+    // padding so the nested step hugs the step it belongs to, rather than
+    // floating midway to the next top-level step. Following steps shift up with
+    // it, so the gap below the child is unchanged.
+    margin-top: -11px;
   }
 
   // ── Header ──

package/components/02-molecules/progress-nav/progress-nav.twig

@@ -49,11 +49,8 @@
       {% set item_status = item.status in ['completed', 'saved', 'in-progress', 'error', 'todo', 'cannot-start-yet'] ? item.status : 'todo' %}
       {% set is_active = item.is_active|default(false) %}
       {% set status_id = '%s-%s-status'|format(id_prefix, loop.index) %}
-      {% set item_classes = [
-        'progress-nav__item',
-        'progress-nav__item--%s'|format(item_status),
-        is_active ? 'is-active',
-      ]|filter|join(' ') %}
+      {% set item_classes = 'progress-nav__item progress-nav__item--%s'|format(item_status) %}
+      {% if is_active %}{% set item_classes = item_classes ~ ' is-active' %}{% endif %}
 
       <li class="{{ item_classes }}">
 

package/components/02-molecules/progress-tracker/progress-tracker.twig

@@ -20,11 +20,9 @@
   <ol class="progress-tracker {{ modifier_class -}}" {% if attributes is defined and attributes is not null %}{{- attributes -}}{% endif %}>
     {% for step in steps %}
       {% set status = step.status in ['complete', 'active'] ? step.status : 'todo' %}
-      {% set step_classes = [
-        'progress-step',
-        status == 'complete' ? 'is-complete',
-        status == 'active' ? 'is-active',
-      ]|filter|join(' ') %}
+      {% set step_classes = 'progress-step' %}
+      {% if status == 'complete' %}{% set step_classes = step_classes ~ ' is-complete' %}
+      {% elseif status == 'active' %}{% set step_classes = step_classes ~ ' is-active' %}{% endif %}
       <li class="{{ step_classes }}"{% if status == 'active' %} aria-current="step"{% endif %}>
         {% set marker %}
           <span class="progress-marker" aria-hidden="true">

package/components/03-organisms/link-list/link-list.scss

@@ -6,12 +6,12 @@
   $root: &;
 
   #{$root}__title {
-    margin: 0 0 ct-spacing(2);
+    margin: 0 0 ct-spacing(3);
   }
 
   #{$root}__items {
     display: flex;
     flex-direction: column;
-    gap: ct-spacing(1);
+    gap: ct-spacing(2);
   }
 }

package/dist/civictheme.css

@@ -8441,6 +8441,7 @@ ol ol ol {
 }
 .progress-nav__sub-list {
   margin-left: 28px;
+  margin-top: -11px;
 }
 .progress-nav__header {
   display: flex;
@@ -11824,12 +11825,12 @@ ol ol ol {
 }
 
 .ct-link-list .ct-link-list__title {
-  margin: 0 0 1rem;
+  margin: 0 0 1.5rem;
 }
 .ct-link-list .ct-link-list__items {
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 1rem;
 }
 
 .ct-list.ct-list--with-background {

package/dist/civictheme.storybook.css

@@ -8441,6 +8441,7 @@ ol ol ol {
 }
 .progress-nav__sub-list {
   margin-left: 28px;
+  margin-top: -11px;
 }
 .progress-nav__header {
   display: flex;
@@ -11824,12 +11825,12 @@ ol ol ol {
 }
 
 .ct-link-list .ct-link-list__title {
-  margin: 0 0 1rem;
+  margin: 0 0 1.5rem;
 }
 .ct-link-list .ct-link-list__items {
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
+  gap: 1rem;
 }
 
 .ct-list.ct-list--with-background {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dta-au/civictheme-twig",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "license": "GPL-2.0-or-later",
   "description": "CivicTheme UI Kit for Twig",
   "keywords": [