govuk_publishing_components 60.0.2 → 60.2.0

data/app/assets/stylesheets/govuk_publishing_components/components/govspeak/_footnotes.scss

@@ -30,6 +30,11 @@
       margin-left: 22px;
     }
 
+    li:target {
+      background: govuk-colour("light-grey");
+      border-bottom: solid 3px $govuk-border-colour;
+    }
+
     @include govuk-media-query($media-type: print) {
       border-top: 1px solid $govuk-text-colour;
 

data/app/views/govuk_publishing_components/audit/_applications.html.erb

@@ -5,12 +5,12 @@
 <%= render "govuk_publishing_components/components/heading", {
   text: title,
   font_size: "l",
-  margin_bottom: 6
+  margin_bottom: 6,
 } %>
 
 <% if @applications.any? %>
   <%= render "govuk_publishing_components/components/details", {
-    title: "How to use this information"
+    title: "How to use this information",
   } do %>
     <p class="govuk-body">This page shows information about component use on GOV.UK. This information has been cross referenced with the components in the gem to produce warnings where e.g. JavaScript for a component exists but has not been included in an application.</p>
     <p class="govuk-body">Warnings should be investigated, although there may be a reason why the application has been configured as it is. Note that 'code' can refer to templates or ruby code.</p>
@@ -34,18 +34,18 @@
 
     <% accordion_content = capture do %>
       <% if application[:application_found] %>
-        <% github_link = 'https://github.com/alphagov/' + application[:dir] + '/blob/main/' %>
+        <% github_link = "https://github.com/alphagov/" + application[:dir] + "/blob/main/" %>
 
         <% if @other_applications %>
           <% if application[:uses_individual_asset_model] %>
             <%= render "govuk_publishing_components/components/warning_text", {
-              text: raw("This application uses <a class=\"govuk-link\" href=\"https://github.com/alphagov/govuk_publishing_components/blob/main/docs/set-up-individual-component-css-loading.md\">per page asset loading</a> for components. Warnings about missing stylesheets have been suppressed.")
+              text: raw("This application uses <a class=\"govuk-link\" href=\"https://github.com/alphagov/govuk_publishing_components/blob/main/docs/set-up-individual-component-css-loading.md\">per page asset loading</a> for components. Warnings about missing stylesheets have been suppressed."),
             } %>
           <% end %>
 
           <% if application[:uses_static] %>
             <%= render "govuk_publishing_components/components/warning_text", {
-              text: raw("This application uses <a href=\"https://github.com/alphagov/static\" class=\"govuk-link\">static</a>, which can contain assets for components used in more than one application. Warnings for missing component assets in this application that are already included in static have been suppressed.")
+              text: raw("This application uses <a href=\"https://github.com/alphagov/static\" class=\"govuk-link\">static</a>, which can contain assets for components used in more than one application. Warnings for missing component assets in this application that are already included in static have been suppressed."),
             } %>
           <% end %>
 
@@ -80,13 +80,13 @@
           <%
             items << {
               field: "#{item[:name]} (#{item[:value].length})",
-              value: content
+              value: content,
             }
           %>
         <% end %>
 
         <%= render "govuk_publishing_components/components/summary_list", {
-          items: items
+          items: items,
         } %>
 
         <% if application[:gem_style_references].any? %>
@@ -101,7 +101,7 @@
           <ul class="govuk-list govuk-list--bullet">
             <% application[:gem_style_references].each do |ref| %>
               <li>
-                <%= link_to ref, github_link + ref, class: 'govuk-link' %>
+                <%= link_to ref, github_link + ref, class: "govuk-link" %>
               </li>
             <% end %>
           </ul>
@@ -118,7 +118,7 @@
           <ul class="govuk-list govuk-list--bullet">
             <% application[:jquery_references].each do |ref| %>
               <li>
-                <%= link_to ref, github_link + ref, class: 'govuk-link' %>
+                <%= link_to ref, github_link + ref, class: "govuk-link" %>
               </li>
             <% end %>
           </ul>
@@ -143,13 +143,13 @@
     <%
       {
         heading: {
-          text: application[:name]
+          text: application[:name],
         },
         summary: {
-          text: sanitize(summary)
+          text: sanitize(summary),
         },
         content: {
-          html: accordion_content
+          html: accordion_content,
         },
       }
     %>
@@ -157,7 +157,7 @@
 
   <% if ENV["MAIN_COMPONENT_GUIDE"] %>
     <%= render "govuk_publishing_components/components/accordion", {
-      items: application_items
+      items: application_items,
     } %>
   <% else %>
     <p class="govuk-body"><%= sanitize(summary) %></p>

data/app/views/govuk_publishing_components/audit/_component_contents.html.erb

@@ -3,7 +3,7 @@
 </p>
 <table class="govuk-table">
   <thead class="govuk-table__head">
-    <tr class="govuk-table__row" <% if show_application_name %>data-audit-headings<% end %>>
+    <tr class="govuk-table__row" <% if show_application_name %> data-audit-headings<% end %>>
       <th scope="col" class="govuk-table__header sticky-table-header" data-component-type="total">Component</th>
       <th scope="col" class="govuk-table__header sticky-table-header" data-component-type="template" title="Component has a template">
         Template
@@ -61,7 +61,7 @@
       </th>
     </tr>
   </thead>
-  <tbody class="govuk-table__body" <% if show_application_name %>data-audit-list<% end %>>
+  <tbody class="govuk-table__body" <% if show_application_name %> data-audit-list<% end %>>
     <% passed_components[:component_file_details].each do |component| %>
       <tr class="govuk-table__row" data-application="<%= component[:application] %>">
         <th scope="row" class="govuk-table__header" data-component-type="total">

data/app/views/govuk_publishing_components/audit/_components.html.erb

@@ -24,7 +24,7 @@
         text: "Lists what files each component has",
       },
       content: {
-        html: component_files
+        html: component_files,
       },
     }
   %>
@@ -37,7 +37,7 @@
             <a href="<%= component[:link] %>" class="govuk-link"><%= component[:component] %></a>
           </dt>
           <dd class="govuk-summary-list__value">
-            <%= component[:sub_components].join(', ') %>
+            <%= component[:sub_components].join(", ") %>
           </dd>
         </div>
       <% end %>
@@ -53,24 +53,23 @@
         text: "Shows which components contain other components",
       },
       content: {
-        html: components_within_components
+        html: components_within_components,
       },
     }
   %>
 
-  <%= render 'items_in_applications',
-    heading: 'Gem components used by applications',
-    summary: 'Shows which applications use gem components',
+  <%= render "items_in_applications",
+    heading: "Gem components used by applications",
+    summary: "Shows which applications use gem components",
     content: @components[:components_by_application],
-    items: component_items
-  %>
+    items: component_items %>
 
   <% helpers_by_component = capture do %>
     <dl class="govuk-summary-list">
       <% @components[:helper_usage].each do |helper| %>
         <div class="govuk-summary-list__row">
           <dt class="govuk-summary-list__key">
-            <a href="https://github.com/alphagov/govuk_publishing_components/blob/main/<%= helper[:link] %>" class="govuk-link"><%= helper[:name] %></a> 
+            <a href="https://github.com/alphagov/govuk_publishing_components/blob/main/<%= helper[:link] %>" class="govuk-link"><%= helper[:name] %></a>
           </dt>
           <dd class="govuk-summary-list__value">
             <details class="govuk-details" data-module="govuk-details">
@@ -82,14 +81,14 @@
               <div class="govuk-details__text">
                 <ul class="govuk-list govuk-list--bullet">
                   <% helper[:used_by].each do |component| %>
-                    <% github_link = 'https://github.com/alphagov/govuk_publishing_components/tree/main/app/views/govuk_publishing_components/components/' %>                    
+                    <% github_link = "https://github.com/alphagov/govuk_publishing_components/tree/main/app/views/govuk_publishing_components/components/" %>
                     <li>
                       <a href="<%= github_link %><%= component[:link] %>" class="govuk-link"><%= component[:name] %></a>
                     </li>
-                  <% end %>            
+                  <% end %>
                 </ul>
               </div>
-            </details>            
+            </details>
           </dd>
         </div>
       <% end %>
@@ -105,20 +104,19 @@
         text: "Shows which gem components use common helpers",
       },
       content: {
-        html: helpers_by_component
+        html: helpers_by_component,
       },
     }
   %>
 
-  <%= render 'items_in_applications',
-    heading: 'Gem helpers used by applications',
-    summary: 'Shows any applications that use helpers from the components gem',
+  <%= render "items_in_applications",
+    heading: "Gem helpers used by applications",
+    summary: "Shows any applications that use helpers from the components gem",
     content: @components[:helpers_used_by_applications],
-    items: component_items
-  %>
+    items: component_items %>
 
   <%= render "govuk_publishing_components/components/accordion", {
-    items: component_items
+    items: component_items,
   } %>
 <% else %>
   <p class="govuk-body">No components found.</p>

data/app/views/govuk_publishing_components/audit/_items_in_applications.html.erb

@@ -5,11 +5,11 @@
         <% content.each do |item| %>
           <div class="govuk-summary-list__row">
             <dt class="govuk-summary-list__key">
-              <%= item[:name] %> (<%= pluralize(item[:count], 'use') %>)
+              <%= item[:name] %> (<%= pluralize(item[:count], "use") %>)
             </dt>
             <dd class="govuk-summary-list__value">
               <% item[:locations].each do |application| %>
-                <% github_link = 'https://github.com/alphagov/' + application[:name] + '/blob/main/' %>
+                <% github_link = "https://github.com/alphagov/" + application[:name] + "/blob/main/" %>
                 <details class="govuk-details govuk-!-margin-bottom-2" data-module="govuk-details">
                   <summary class="govuk-details__summary">
                     <span class="govuk-details__summary-text">
@@ -43,7 +43,7 @@
         text: summary,
       },
       content: {
-        html: accordion_content
+        html: accordion_content,
       },
     }
   %>

data/app/views/govuk_publishing_components/audit/show.html.erb

@@ -5,13 +5,12 @@
 %>
 
 <% content_for :title, "Component audit" %>
-<%= render 'govuk_publishing_components/components/heading', {
+<%= render "govuk_publishing_components/components/heading", {
     text: "Components audit",
     heading_level: 1,
     font_size: "xl",
-    margin_bottom: 8
-  }
-%>
+    margin_bottom: 8,
+  } %>
 
 <% applications = capture do %>
   <%= render "applications" %>
@@ -33,8 +32,8 @@
         id: "components-gem",
         label: "Components",
         content: components,
-      }
-    ]
+      },
+    ],
   } %>
 <% else %>
   <%= render "components" %>

data/app/views/govuk_publishing_components/component_guide/component_doc/_call.html.erb

@@ -2,8 +2,8 @@
 component_code =
   if example.has_block?
     "<%= render \"#{@component_doc.partial_path}\", #{example.pretty_data} do %\>\n" +
-    "  #{example.block.html_safe}" +
-    "<% end %\>"
+      "  #{example.block.html_safe}" +
+      "<% end %\>"
   else
     "<%= render \"#{@component_doc.partial_path}\", #{example.pretty_data} %\>"
   end

data/app/views/govuk_publishing_components/component_guide/example.html.erb

@@ -1,18 +1,17 @@
 <% content_for :title, "#{@component_example.name} example - #{@component_doc.name} component" %>
 <% content_for :application_stylesheet do %>
   <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
-    <%= render 'application_stylesheet' %>
+    <%= render "application_stylesheet" %>
   <% end %>
 <% end %>
 
-<%= render 'govuk_publishing_components/components/heading', {
+<%= render "govuk_publishing_components/components/heading", {
     text: @component_example.name,
     context: "#{@component_doc.name} example",
     heading_level: 1,
     font_size: "xl",
-    margin_bottom: 8
-  }
-%>
+    margin_bottom: 8,
+  } %>
 
 <% code_example = capture do %>
   <%= render partial: "govuk_publishing_components/component_guide/component_doc/call", locals: { component_doc: @component_doc, example: @component_example } %>

data/app/views/govuk_publishing_components/component_guide/index.html.erb

@@ -1,10 +1,9 @@
-<%= render 'govuk_publishing_components/components/heading', {
+<%= render "govuk_publishing_components/components/heading", {
     text: GovukPublishingComponents::Config.component_guide_title,
     heading_level: 1,
     font_size: "xl",
-    margin_bottom: 8
-  }
-%>
+    margin_bottom: 8,
+  } %>
 
 <div class="component-markdown">
   <p>Components are packages of template, style, behaviour and documentation that live in your application.</p>
@@ -17,7 +16,7 @@
 
 <form role="search" data-module="filter-components" class="component-search">
   <%= render "govuk_publishing_components/components/search", {
-    label_text: "Search components"
+    label_text: "Search components",
   } %>
 </form>
 
@@ -37,21 +36,21 @@
   <h2 class="component-doc-h2">Gem components used by this app (<%= @used_components.length %>)</h2>
 
   <%= render "govuk_publishing_components/components/details", {
-    title: "Suggested imports for this application"
+    title: "Suggested imports for this application",
   } do %>
     <%= render "govuk_publishing_components/components/textarea", {
       label: {
-        text: "Add this to your application's main scss file, before your other local imports."
+        text: "Add this to your application's main scss file, before your other local imports.",
       },
       name: "main-sass",
-      value: @components_in_use_sass
+      value: @components_in_use_sass,
     } %>
     <%= render "govuk_publishing_components/components/textarea", {
       label: {
-        text: "Add this to your application's main js file, before your other local imports."
+        text: "Add this to your application's main js file, before your other local imports.",
       },
       name: "main-js",
-      value: @components_in_use_js
+      value: @components_in_use_js,
     } %>
   <% end %>
 <pre>

data/app/views/govuk_publishing_components/component_guide/preview.html.erb

@@ -1,6 +1,6 @@
 <% content_for :application_stylesheet do %>
   <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
-    <%= render 'application_stylesheet' %>
+    <%= render "application_stylesheet" %>
   <% end %>
 <% end %>
 

data/app/views/govuk_publishing_components/component_guide/show.html.erb

@@ -1,18 +1,17 @@
 <% content_for :title, "#{@component_doc.name} component" %>
 <% content_for :application_stylesheet do %>
   <% if @component_doc.source == "application" && application_stylesheet_in_use? %>
-    <%= render 'application_stylesheet' %>
+    <%= render "application_stylesheet" %>
   <% end %>
 <% end %>
 
-<%= render 'govuk_publishing_components/components/heading', {
+<%= render "govuk_publishing_components/components/heading", {
     text: @component_doc.name,
     context: "Component",
     heading_level: 1,
     font_size: "xl",
-    margin_bottom: 8
-  }
-%>
+    margin_bottom: 8,
+  } %>
 
 <div class="component-show">
   <div class="govuk-grid-row">
@@ -23,7 +22,7 @@
           <a class="component-violation__link" href="https://github.com/alphagov/govuk_publishing_components/blob/main/docs/accessibility_acceptance_criteria.md">Please define accessibility acceptance criteria for this component.</a>
         </div>
       <% end %>
-      <%= render 'govuk_publishing_components/components/lead_paragraph', text: @component_doc.description %>
+      <%= render "govuk_publishing_components/components/lead_paragraph", text: @component_doc.description %>
       <% if @component_doc.body.present? %>
         <div class="component-body">
           <div class="component-markdown">
@@ -40,12 +39,12 @@
       other_examples_links = []
       other_examples_links << {
         href: "#standard-options",
-        text: "Standard options"
+        text: "Standard options",
       } if @component_doc.uses_component_wrapper_helper?
       other_examples_links.concat(@component_doc.other_examples.map do | example |
         {
           href: "##{example.id}",
-          text: example.name
+          text: example.name,
         }
       end)
       content_items = [
@@ -56,12 +55,12 @@
         ({
           href: "#other-examples",
           text: "Other examples",
-          items: other_examples_links
+          items: other_examples_links,
         } if @component_doc.other_examples.any? or @component_doc.uses_component_wrapper_helper?),
       ].compact
     %>
     <%= render "govuk_publishing_components/components/contents_list", {
-      contents: content_items
+      contents: content_items,
     } %>
   </div>
 

data/app/views/govuk_publishing_components/components/_accordion.html.erb

@@ -58,7 +58,7 @@
         end
 
         section_classes = %w(govuk-accordion__section)
-        section_classes << 'govuk-accordion__section--expanded' if item[:expanded]
+        section_classes << "govuk-accordion__section--expanded" if item[:expanded]
 
         summary_classes = %w(govuk-accordion__section-summary govuk-body)
       %>
@@ -68,14 +68,14 @@
             content_tag(
               shared_helper.get_heading_level,
               content_tag(
-                'span',
+                "span",
                 item[:heading][:text],
                 class: "govuk-accordion__section-button",
-                id: "#{id}-heading-#{index}"
+                id: "#{id}-heading-#{index}",
               ),
               class: "govuk-accordion__section-heading",
               id: item[:heading][:id],
-              data: item[:data_attributes]
+              data: item[:data_attributes],
             )
           %>
           <%= tag.div(item[:summary][:text], id: "#{id}-summary-#{index}", class: summary_classes) if item[:summary].present? %>
@@ -84,7 +84,7 @@
           item[:content][:html],
           id: "#{id}-content-#{index}",
           class: "govuk-accordion__section-content",
-          data: ga4_link_data_attributes
+          data: ga4_link_data_attributes,
         ) %>
       <% end %>
     <% end %>

data/app/views/govuk_publishing_components/components/_action_link.html.erb

@@ -32,8 +32,8 @@
         <svg xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true" viewBox="0 0 27 27">
           <circle class="gem-c-action-link__icon__circle" cx="13.5" cy="13.5" r="13.5" />
           <g class="gem-c-action-link__icon__arrow">
-            <path d="m17.701 13.526-3.827-3.828L14.973 8.6l4.926 4.926-4.926 4.926-1.099-1.099 3.827-3.827Z"/>
-            <path d="M8.363 12.749h9.762v1.554H8.363v-1.554Z"/>
+            <path d="m17.701 13.526-3.827-3.828L14.973 8.6l4.926 4.926-4.926 4.926-1.099-1.099 3.827-3.827Z" />
+            <path d="M8.363 12.749h9.762v1.554H8.363v-1.554Z" />
           </g>
         </svg>
       </span>

data/app/views/govuk_publishing_components/components/_add_another.html.erb

@@ -24,7 +24,7 @@
       <%= render "govuk_publishing_components/components/fieldset", {
         classes: "js-add-another__fieldset",
         legend_text: "#{fieldset_legend} #{index + 1}",
-        heading_size: "m"
+        heading_size: "m",
       } do %>
         <div class="js-add-another__destroy-checkbox">
           <%= item[:destroy_checkbox] %>
@@ -36,7 +36,7 @@
   <%= render "govuk_publishing_components/components/fieldset", {
     classes: "js-add-another__empty",
     legend_text: "#{fieldset_legend} #{items.length + 1}",
-    heading_size: "m"
+    heading_size: "m",
   } do %>
     <%= empty %>
   <% end %>
@@ -44,7 +44,7 @@
     <%= render "govuk_publishing_components/components/fieldset", {
       classes: "js-add-another__fieldset",
       legend_text: "#{fieldset_legend} #{items.length + 1}",
-      heading_size: "m"
+      heading_size: "m",
     } do %>
       <%= empty %>
     <% end %>

data/app/views/govuk_publishing_components/components/_attachment.html.erb

@@ -14,7 +14,7 @@
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
   component_helper.add_class("gem-c-attachment")
   component_helper.add_data_attribute({ module: "ga4-link-tracker" })
-  ga4_link = { 'event_name': 'navigation', 'type': 'attachment' }
+  ga4_link = { 'event_name': "navigation", 'type': "attachment" }
 
   case attachment.type
   when "file"
@@ -43,7 +43,7 @@
       )
     end
 
-    ga4_link[:event_name] = 'file_download'
+    ga4_link[:event_name] = "file_download"
 
   when "html"
     attributes << tag.span(
@@ -102,7 +102,7 @@
     <% end %>
 
     <% if attributes.any? %>
-      <%= tag.p raw(attributes.join(', ')), class: "gem-c-attachment__metadata" %>
+      <%= tag.p raw(attributes.join(", ")), class: "gem-c-attachment__metadata" %>
     <% end %>
 
     <% if attachment.preview_url.present? %>
@@ -110,7 +110,7 @@
     <% end %>
 
     <% if attachment.is_official_document && !hide_order_copy_link %>
-      <%= tag.p link_to(t("components.attachment.order_a_copy"), "https://www.gov.uk/guidance/how-to-buy-printed-copies-of-official-documents", class: "govuk-link govuk-link--no-visited-state", target: "_blank"),
+      <%= tag.p link_to(t("components.attachment.order_a_copy"), "https://www.gov.uk/guidance/how-to-buy-printed-copies-of-official-documents", class: "govuk-link govuk-link--no-visited-state", target: "_blank", rel: "noopener"),
         class: "gem-c-attachment__metadata" %>
     <% end %>
 

data/app/views/govuk_publishing_components/components/_back_link.html.erb

@@ -1,7 +1,7 @@
 <%
   add_gem_component_stylesheet("back-link")
 
-  text ||= t('components.back_link.back')
+  text ||= t("components.back_link.back")
   data_attributes ||= {}
   disable_ga4 ||= false
 

data/app/views/govuk_publishing_components/components/_back_to_top_link.html.erb

@@ -13,7 +13,7 @@
 
 <%= link_to href, **component_helper.all_attributes do %>
     <svg class="gem-c-back-to-top-link__icon" xmlns="http://www.w3.org/2000/svg" width="13" height="17" viewBox="0 0 13 17" aria-hidden="true" focusable="false">
-      <path fill="currentColor" d="M6.5 0L0 6.5 1.4 8l4-4v12.7h2V4l4.3 4L13 6.4z"/>
+      <path fill="currentColor" d="M6.5 0L0 6.5 1.4 8l4-4v12.7h2V4l4.3 4L13 6.4z" />
     </svg>
     <%= text %>
 <% end %>

data/app/views/govuk_publishing_components/components/_big_number.html.erb

@@ -28,7 +28,7 @@
     <% end %>
 
     <% unless label.nil? %>
-      <% # add a virtual space here to handle screen readers printing dictations without a space between the number and the label %>
+      <%# add a virtual space here to handle screen readers printing dictations without a space between the number and the label %>
       <span class="govuk-visually-hidden">&nbsp;</span>
       <span class="gem-c-big-number__label">
         <%= label %>

data/app/views/govuk_publishing_components/components/_cards.html.erb

@@ -6,9 +6,9 @@
   columns ||= false
 
   ul_classes = %w[gem-c-cards__list]
-  ul_classes << 'gem-c-cards__list--one-column' unless columns
-  ul_classes << 'gem-c-cards__list--two-column-desktop' if columns == 2
-  ul_classes << 'gem-c-cards__list--three-column-desktop' if columns == 3
+  ul_classes << "gem-c-cards__list--one-column" unless columns
+  ul_classes << "gem-c-cards__list--two-column-desktop" if columns == 2
+  ul_classes << "gem-c-cards__list--three-column-desktop" if columns == 3
 
   shared_helper = GovukPublishingComponents::Presenters::SharedHelper.new(local_assigns)
   component_helper = GovukPublishingComponents::Presenters::ComponentWrapperHelper.new(local_assigns)
@@ -25,7 +25,7 @@
         <%= heading %>
       <% end %>
     <% end %>
-    <%= content_tag('ul', class: ul_classes ) do %>
+    <%= content_tag("ul", class: ul_classes ) do %>
       <%
         items.each do |item|
         link = item[:link]

data/app/views/govuk_publishing_components/components/_character_count.html.erb

@@ -17,7 +17,7 @@
       module: "govuk-character-count",
       maxlength: maxlength,
       maxwords: maxwords,
-      threshold: threshold
+      threshold: threshold,
     } do %>
 
     <%= render "govuk_publishing_components/components/textarea", { textarea_id: id, character_count: true, margin_bottom: 1 }.merge(textarea.symbolize_keys) %>

data/app/views/govuk_publishing_components/components/_checkboxes.html.erb

@@ -27,12 +27,12 @@
         <% end %>
 
         <%= tag.div class: "govuk-checkboxes", data: {
-          module: ('govuk-checkboxes' if cb_helper.has_conditional),
-          nested: ('true' if cb_helper.has_nested)
+          module: ("govuk-checkboxes" if cb_helper.has_conditional),
+          nested: ("true" if cb_helper.has_nested),
         } do %>
           <% cb_helper.items.each_with_index do |item, index| %>
             <% if item === :or %>
-              <%= tag.div t('components.checkboxes.or'), class: "govuk-checkboxes__divider" %>
+              <%= tag.div t("components.checkboxes.or"), class: "govuk-checkboxes__divider" %>
             <% else %>
               <%= tag.div class: "govuk-checkboxes__item" do %>
                 <%= cb_helper.checkbox_markup(item, index) %>