govuk-design-system-rails 0.10.1

data/app/views/components/_govuk_checkboxes.html.erb

@@ -0,0 +1,125 @@
+<%
+  id_prefix = local_assigns[:idPrefix].presence || local_assigns[:name]
+  described_by = local_assigns.dig(:fieldset, :describedBy) || local_assigns[:describedBy]
+  has_fieldset = !local_assigns[:fieldset].nil?
+  inner_html = capture do
+    # NOTE: Start capture
+%>
+
+<% if local_assigns[:hint].present? %>
+  <%
+    hint_id = "#{id_prefix}-hint"
+    described_by = described_by.present? ? "#{described_by} #{hint_id}" : hint_id
+  %>
+  <%= govukHint(
+    id: hint_id,
+    classes: local_assigns.dig(:hint, :classes),
+    attributes: local_assigns.dig(:hint, :attributes) || {},
+    html: local_assigns.dig(:hint, :html),
+    text: local_assigns.dig(:hint, :text)
+  ) %>
+<% end %>
+
+<% if local_assigns[:errorMessage] %>
+  <%
+    error_id = "#{id_prefix}-error"
+    described_by = described_by.present? ? "#{described_by} #{error_id}" : error_id
+  %>
+  <%= govukErrorMessage(
+    id: error_id,
+    classes: local_assigns.dig(:errorMessage, :classes),
+    attributes: local_assigns.dig(:errorMessage, :attributes) || {},
+    html: local_assigns.dig(:errorMessage, :html),
+    text: local_assigns.dig(:errorMessage, :text),
+    visuallyHiddenText: local_assigns.dig(:errorMessage, :visuallyHiddenText)
+  ) %>
+<% end %>
+
+<%
+  div_attributes = {
+    class: class_names("govuk-checkboxes", local_assigns[:classes]),
+    data: { module: "govuk-checkboxes" }
+  }.merge!(local_assigns[:attributes] || {})
+%>
+<%= tag.div **div_attributes do %>
+  <% (local_assigns[:items] || []).each_with_index do |item, index| %>
+    <% if item.present? %>
+      <%
+        item_id = item[:id] || (index.zero? ? id_prefix : "#{id_prefix}-#{index + 1}")
+        name = item[:name].presence || local_assigns[:name]
+        conditional_id = "conditional-#{item_id}"
+      %>
+      <% if item[:divider].present? %>
+        <div class="govuk-checkboxes__divider"><%= item[:divider] %></div>
+      <% else %>
+        <%
+          has_hint = item.dig(:hint, :text).present? || item.dig(:hint, :html).present?
+          item_hint_id = has_hint ? "#{item_id}-item-hint" : ""
+          item_described_by = !has_fieldset ? described_by : ""
+          item_described_by = class_names(item_described_by, item_hint_id)
+          is_checked = item[:checked] || (!item[:value].nil? && item[:values].try(:any?) && item[:values].include?(item[:value]))
+        %>
+        <%= tag.input(type: :hidden, value: (item[:unchecked_value] || "0").to_s, name: name, disabled: item[:disabled]) unless item[:disable_ghost] %>
+        <div class="govuk-checkboxes__item">
+          <%
+            input_attributes = {
+                id: item_id,
+                name: name,
+                type: "checkbox",
+                value: item[:value],
+                data: {}
+            }.merge!(item[:attributes] || {})
+            input_attributes[:class] = class_names("govuk-checkboxes__input", input_attributes[:class])
+            input_attributes[:checked] = true if is_checked
+            input_attributes[:disabled] = true if item[:disabled]
+            input_attributes[:data]["aria-controls"] = conditional_id if item.dig(:conditional, :html).present?
+            input_attributes[:data][:behaviour] = item[:behaviour] if item[:behaviour].present?
+            input_attributes["aria-describedby"] = item_described_by if item_described_by.present?
+          %>
+          <%= tag.input **input_attributes %>
+          <%= govukLabel(
+            html: item[:html],
+            text: item[:text],
+            classes: class_names("govuk-checkboxes__label", item.dig(:label, :classes)),
+            attributes: item.dig(:label, :attributes) || {},
+            for: item_id
+          ) %>
+          <% if has_hint %>
+            <%= govukHint(
+              id: item_hint_id,
+              classes: class_names("govuk-checkboxes__hint", item.dig(:hint, :classes)),
+              attributes: item.dig(:hint, :attributes) || {},
+              html: item.dig(:hint, :html),
+              text: item.dig(:hint, :text)
+            ) %>
+          <% end %>
+        </div>
+        <% if item.dig(:conditional, :html).present? %>
+          <div class="<%= class_names("govuk-checkboxes__conditional", { "govuk-checkboxes__conditional--hidden" => !is_checked }) %>" id="<%= conditional_id %>">
+            <%= item.dig(:conditional, :html) %>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%
+    # NOTE: End capture
+  end
+%>
+
+<%
+  form_group_classes = class_names(
+    "govuk-form-group",
+    local_assigns.dig(:formGroup, :classes),
+    { "govuk-form-group--error" => local_assigns[:errorMessage] }
+  )
+%>
+<%= tag.div class: form_group_classes do %>
+  <% if has_fieldset %>
+    <%= govukFieldset(classes: "", describedBy: described_by.presence, legend: local_assigns[:fieldset][:legend], attributes: local_assigns[:fieldset]) { inner_html } %>
+  <% else %>
+    <%= inner_html %>
+  <% end %>
+<% end %>

data/app/views/components/_govuk_cookie_banner.html.erb

@@ -0,0 +1,75 @@
+<%
+  div_attributes = {
+    class: class_names("govuk-cookie-banner", local_assigns[:classes]),
+    "aria-label" => (local_assigns[:ariaLabel].presence || "Cookie banner"),
+    role: "region"
+  }.merge!(local_assigns[:attributes] || {})
+  div_attributes[:data] ||= {}
+  div_attributes[:data]["nosnippet"] = true
+  div_attributes[:hidden] = "hidden" if local_assigns[:hidden]
+%>
+<% unless cookies[:seen_cookie_message] %>
+  <%= tag.div **div_attributes do %>
+    <% (local_assigns[:messages] || []).each do |message| %>
+      <%
+        message_attributes = {
+          class: class_names("govuk-cookie-banner__message govuk-width-container", message[:classes]),
+        }.merge!(message[:attributes] || {})
+        message_attributes[:hidden] = "hidden" if message[:hidden]
+        message_attributes[:role] = message[:role] if message[:role]
+      %>
+      <%= tag.div **message_attributes do %>
+        <div class="govuk-grid-row">
+          <div class="govuk-grid-column-two-thirds">
+            <% if message[:headingHtml] || message[:headingText] %>
+              <h2 class="govuk-cookie-banner__heading govuk-heading-m">
+                <%= message[:headingHtml] || message[:headingText] %>
+              </h2>
+            <% end %>
+            <div class="govuk-cookie-banner__content">
+              <% if message[:html] %>
+                <%= message[:html] %>
+              <% elsif message[:text] %>
+                <p class="govuk-body"><%= message[:text] %></p>
+              <% end %>
+            </div>
+          </div>
+        </div>
+
+        <% if message[:actions] %>
+          <div class="govuk-button-group">
+            <% (message[:actions] || []).each do |action| %>
+              <% if action[:href].present? %>
+                <% if action[:type] == "button" %>
+                  <%= govukButton({
+                    "text": action[:text],
+                    "type": "button",
+                    "classes": action[:classes] || [],
+                    "href": action[:href],
+                    "attributes": action[:attributes] || {}
+                  }) %>
+                <% else %>
+                  <%
+                    link_attributes = {
+                      class: class_names("govuk-link", action[:classes])
+                    }.merge!(action[:attributes] || {})
+                  %>
+                  <%= tag.a action[:text], href: action[:href], **link_attributes %>
+                <% end %>
+              <% else %>
+                <%= govukButton({
+                  "text": action[:text],
+                  "value": action[:value],
+                  "name": action[:name],
+                  "type": action[:type],
+                  "classes": action[:classes] || [],
+                  "attributes": action[:attributes] || {}
+                }) %>
+              <% end %>
+            <% end %>
+          </div>
+        <% end %>
+      <% end %>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/components/_govuk_date_input.html.erb

@@ -0,0 +1,94 @@
+<%
+  described_by = local_assigns[:described_by] || ""
+  date_input_items = local_assigns[:items] ||
+          [
+                  { name: "day", classes: "govuk-input--width-2" },
+                  { name: "month", classes: "govuk-input--width-2" },
+                  { name: "year", classes: "govuk-input--width-4" }
+          ]
+%>
+<% date_input = capture do %>
+<% if local_assigns[:hint] %>
+  <%
+     hint_id = local_assigns[:id] + '-hint'
+     described_by = described_by.present? ? described_by + ' ' + hint_id : hint_id
+  %>
+  <%=
+    govukHint(
+      id: hint_id,
+      text: local_assigns[:hint].try(:[], :text)
+    )
+  %>
+<% end %>
+<% if local_assigns[:errorMessage] %>
+  <%
+    error_id = local_assigns[:id] + '-error'
+    described_by = described_by.blank? ? error_id : "#{described_by} #{error_id}"
+    error_attributes  = (local_assigns[:errorMessage][:attributes] || {}).merge(id: error_id)
+  %>
+  <%=
+    govukErrorMessage({
+      id: error_id,
+      classes: local_assigns[:errorMessage][:classes],
+      attributes: error_attributes,
+      html: local_assigns[:errorMessage][:html],
+      text: local_assigns[:errorMessage][:text],
+      visuallyHiddenText: local_assigns[:errorMessage][:visuallyHiddenText]
+    })
+  %>
+<% end %>
+<%
+  input_classes = class_names(
+    "govuk-date-input",
+    local_assigns[:classes]
+  )
+  input_attributes = {
+    class: input_classes,
+    id: local_assigns[:id]
+  }.merge(local_assigns[:attributes] || {})
+%>
+  <%= tag.div(**input_attributes) do %>
+    <% date_input_items.each do |item| %>
+      <div class="govuk-date-input__item">
+        <%
+          input_mode = item[:inputmode] || "numeric"
+          item_id = item[:id] ? item[:id] : local_assigns[:id] + "-" + item[:name]
+          item_classes = class_names("govuk-date-input__input", item[:classes])
+          name = local_assigns[:namePrefix] ? "#{local_assigns[:namePrefix]}-#{item[:name]}" : item[:name]
+        %>
+        <%=
+          govukInput({
+            label: { text: (item[:label] || item[:name]).capitalize, classes: "govuk-date-input__label" },
+            id: item_id,
+            classes: item_classes,
+            name: name,
+            value: item[:value],
+            type: "text",
+            inputmode: input_mode,
+            autocomplete: item[:autocomplete],
+            pattern: item[:pattern] || "[0-9]*",
+            attributes: item[:attributes]
+          })
+        %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>
+<%
+  form_group_classes = class_names(
+  "govuk-form-group",
+  "govuk-form-group--error" => local_assigns[:errorMessage])
+%>
+<%= tag.div(class: form_group_classes) do %>
+  <% if local_assigns[:fieldset] %>
+    <%= govukFieldset({
+    describedBy: described_by,
+    classes: local_assigns[:fieldset].try(:[], :classes),
+    role: 'group',
+    attributes: local_assigns[:fieldset].try(:[], :attributes),
+    legend: local_assigns[:fieldset].try(:[], :legend)
+  }) { date_input } %>
+  <% else %>
+    <%= date_input %>
+  <% end %>
+<% end %>

data/app/views/components/_govuk_error_message.html.erb

@@ -0,0 +1,13 @@
+<%
+  attributes = {
+    class: class_names("govuk-error-message", local_assigns[:classes]),
+    id: local_assigns[:id]
+  }.merge!(local_assigns[:attributes] || {})
+
+  visually_hidden_text = local_assigns[:visuallyHiddenText].nil? ? "Error" : local_assigns[:visuallyHiddenText]
+%>
+
+<%= tag.p(**attributes) do %>
+  <span class="govuk-visually-hidden"><%= local_assigns[:visuallyHiddenText].presence || "Error" %>:</span>
+  <%= local_assigns[:html].presence || local_assigns[:text] %>
+<% end %>

data/app/views/components/_govuk_error_summary.html.erb

@@ -0,0 +1,32 @@
+<%
+  div_attributes = {
+    class: class_names("govuk-error-summary", local_assigns[:classes]),
+    "aria-labelledby" => "error-summary-title",
+    role: "alert",
+    data: { module: "govuk-error-summary" }
+  }.merge!(local_assigns[:attributes] || {})
+  div_attributes[:data]["disable-auto-focus"] = true if local_assigns[:disableAutoFocus]
+%>
+<%= tag.div **div_attributes do %>
+  <h2 class="govuk-error-summary__title" id="error-summary-title">
+    <%= local_assigns[:titleHtml].presence || local_assigns[:titleText] %>
+  </h2>
+  <div class="govuk-error-summary__body">
+    <% if local_assigns[:descriptionHtml] || local_assigns[:descriptionText] %>
+      <p>
+        <%= local_assigns[:descriptionHtml].presence || local_assigns[:descriptionText] %>
+      </p>
+    <% end %>
+    <ul class="govuk-list govuk-error-summary__list">
+      <% (local_assigns[:errorList] || []).each do |item| %>
+        <li>
+          <% if item[:href].present? %>
+            <%= tag.a (item[:html].presence || item[:text]), href: item[:href], **(item[:attributes] || {}) %>
+          <% else %>
+            <%= item[:html].presence || item[:text] %>
+          <% end %>
+        </li>
+      <% end %>
+    </ul>
+  </div>
+<% end %>

data/app/views/components/_govuk_fieldset.html.erb

@@ -0,0 +1,21 @@
+<%
+  fieldset_attributes = {
+    class: class_names("govuk-fieldset", local_assigns[:classes])
+  }
+  fieldset_attributes.merge!(role: local_assigns[:role]) if local_assigns[:role]
+  fieldset_attributes.merge!("aria-describedby" => local_assigns[:describedBy]) if local_assigns[:describedBy]
+%>
+<%= tag.fieldset(**fieldset_attributes) do %>
+  <% if local_assigns[:legend].present? %>
+    <%= tag.legend class: "govuk-fieldset__legend #{local_assigns[:legend][:classes]}" do %>
+      <% if local_assigns[:legend][:isPageHeading] %>
+        <%= tag.h1 class: "govuk-fieldset__heading" do %>
+          <%= local_assigns[:legend][:html].presence || local_assigns[:legend][:text] %>
+        <% end %>
+      <% else %>
+        <%= local_assigns[:legend][:html].presence || local_assigns[:legend][:text] %>
+      <% end %>
+    <% end %>
+  <% end %>
+  <%= capture(&block) %>
+<% end %>

data/app/views/components/_govuk_header.html.erb

@@ -0,0 +1,64 @@
+<%
+  header_classes = class_names(
+    "govuk-header",
+    local_assigns[:classes]
+  )
+  header_attributes = {
+    class: header_classes,
+    role: "banner",
+    "data-module" => "govuk-header"
+  }.merge!(local_assigns[:attributes].presence || {})
+%>
+<%
+  container_classes = class_names(
+    "govuk-header__container",
+    { "govuk-width-container" => local_assigns[:containerClasses].blank? },
+    local_assigns[:containerClasses]
+  )
+%>
+
+<%= tag.header(**header_attributes) do %>
+  <%= tag.div(class: container_classes) do %>
+    <div class="govuk-header__logo">
+      <a href="<%=local_assigns[:homepageUrl]%>" class="govuk-header__link govuk-header__link--homepage">
+        <span class="govuk-header__logotype">
+            <svg aria-hidden="true" focusable="false" class="govuk-header__logotype-crown" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 132 97" height="30" width="36">
+              <path fill="currentColor" fill-rule="evenodd" d="M25 30.2c3.5 1.5 7.7-.2 9.1-3.7 1.5-3.6-.2-7.8-3.9-9.2-3.6-1.4-7.6.3-9.1 3.9-1.4 3.5.3 7.5 3.9 9zM9 39.5c3.6 1.5 7.8-.2 9.2-3.7 1.5-3.6-.2-7.8-3.9-9.1-3.6-1.5-7.6.2-9.1 3.8-1.4 3.5.3 7.5 3.8 9zM4.4 57.2c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.5-1.5-7.6.3-9.1 3.8-1.4 3.5.3 7.6 3.9 9.1zm38.3-21.4c3.5 1.5 7.7-.2 9.1-3.8 1.5-3.6-.2-7.7-3.9-9.1-3.6-1.5-7.6.3-9.1 3.8-1.3 3.6.4 7.7 3.9 9.1zm64.4-5.6c-3.6 1.5-7.8-.2-9.1-3.7-1.5-3.6.2-7.8 3.8-9.2 3.6-1.4 7.7.3 9.2 3.9 1.3 3.5-.4 7.5-3.9 9zm15.9 9.3c-3.6 1.5-7.7-.2-9.1-3.7-1.5-3.6.2-7.8 3.7-9.1 3.6-1.5 7.7.2 9.2 3.8 1.5 3.5-.3 7.5-3.8 9zm4.7 17.7c-3.6 1.5-7.8-.2-9.2-3.8-1.5-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.3 3.5-.4 7.6-3.9 9.1zM89.3 35.8c-3.6 1.5-7.8-.2-9.2-3.8-1.4-3.6.2-7.7 3.9-9.1 3.6-1.5 7.7.3 9.2 3.8 1.4 3.6-.3 7.7-3.9 9.1zM69.7 17.7l8.9 4.7V9.3l-8.9 2.8c-.2-.3-.5-.6-.9-.9L72.4 0H59.6l3.5 11.2c-.3.3-.6.5-.9.9l-8.8-2.8v13.1l8.8-4.7c.3.3.6.7.9.9l-5 15.4v.1c-.2.8-.4 1.6-.4 2.4 0 4.1 3.1 7.5 7 8.1h.2c.3 0 .7.1 1 .1.4 0 .7 0 1-.1h.2c4-.6 7.1-4.1 7.1-8.1 0-.8-.1-1.7-.4-2.4V34l-5.1-15.4c.4-.2.7-.6 1-.9zM66 92.8c16.9 0 32.8 1.1 47.1 3.2 4-16.9 8.9-26.7 14-33.5l-9.6-3.4c1 4.9 1.1 7.2 0 10.2-1.5-1.4-3-4.3-4.2-8.7L108.6 76c2.8-2 5-3.2 7.5-3.3-4.4 9.4-10 11.9-13.6 11.2-4.3-.8-6.3-4.6-5.6-7.9 1-4.7 5.7-5.9 8-.5 4.3-8.7-3-11.4-7.6-8.8 7.1-7.2 7.9-13.5 2.1-21.1-8 6.1-8.1 12.3-4.5 20.8-4.7-5.4-12.1-2.5-9.5 6.2 3.4-5.2 7.9-2 7.2 3.1-.6 4.3-6.4 7.8-13.5 7.2-10.3-.9-10.9-8-11.2-13.8 2.5-.5 7.1 1.8 11 7.3L80.2 60c-4.1 4.4-8 5.3-12.3 5.4 1.4-4.4 8-11.6 8-11.6H55.5s6.4 7.2 7.9 11.6c-4.2-.1-8-1-12.3-5.4l1.4 16.4c3.9-5.5 8.5-7.7 10.9-7.3-.3 5.8-.9 12.8-11.1 13.8-7.2.6-12.9-2.9-13.5-7.2-.7-5 3.8-8.3 7.1-3.1 2.7-8.7-4.6-11.6-9.4-6.2 3.7-8.5 3.6-14.7-4.6-20.8-5.8 7.6-5 13.9 2.2 21.1-4.7-2.6-11.9.1-7.7 8.8 2.3-5.5 7.1-4.2 8.1.5.7 3.3-1.3 7.1-5.7 7.9-3.5.7-9-1.8-13.5-11.2 2.5.1 4.7 1.3 7.5 3.3l-4.7-15.4c-1.2 4.4-2.7 7.2-4.3 8.7-1.1-3-.9-5.3 0-10.2l-9.5 3.4c5 6.9 9.9 16.7 14 33.5 14.8-2.1 30.8-3.2 47.7-3.2z"></path>
+            </svg>
+            <span class="govuk-header__logotype-text">
+              GOV.UK
+            </span>
+        </span>
+      </a>
+    </div>
+    <% if (local_assigns[:serviceName] || local_assigns[:navigation]) %>
+      <div class="govuk-header__content">
+        <% if local_assigns[:serviceName] %>
+          <% if local_assigns[:serviceUrl] %>
+            <a href="<%=local_assigns[:serviceUrl]%>" class="govuk-header__link govuk-header__link--service-name">
+              <%= local_assigns[:serviceName] %>
+            </a>
+          <% else %>
+            <span class="govuk-header__service-name"><%= local_assigns[:serviceName] %></span>
+          <% end %>
+        <% end %>
+        <% if local_assigns[:navigation] %>
+          <nav aria-label="Menu" class="govuk-header__navigation">
+            <button type="button" class="govuk-header__menu-button govuk-js-header-toggle" aria-controls="navigation" aria-label="Show or hide menu" hidden>Menu</button>
+            <ul id="navigation" class="govuk-header__navigation-list">
+            <% local_assigns[:navigation].each do |item| %>
+              <% item_classes = class_names("govuk-header__navigation-item", "govuk-header__navigation-item--active" => item[:active]) %>
+              <% item_attributes = { class: item_classes }.merge!(item[:attributes].presence || {}) %>
+              <%= tag.li(**item_attributes) do %>
+                <a href="<%= item[:href] %>" class="govuk-header__link">
+                  <%= item[:text] %>
+                </a>
+              <% end %>
+            <% end %>
+            </ul>
+          </nav>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/components/_govuk_hint.html.erb

@@ -0,0 +1,7 @@
+<%
+  div_attributes = {
+    class: class_names("govuk-hint", local_assigns[:classes]),
+  }.merge!(local_assigns[:attributes].presence || {})
+  div_attributes[:id] = local_assigns[:id] if local_assigns[:id].present?
+%>
+<%= tag.div local_assigns[:html] || local_assigns[:text], **div_attributes %>

data/app/views/components/_govuk_hr.html.erb

@@ -0,0 +1 @@
+<%= tag.hr class: class_names("govuk-section-break", classes) %>

data/app/views/components/_govuk_input.html.erb

@@ -0,0 +1,97 @@
+<% described_by = local_assigns[:describedBy] %>
+<% form_group_classes = class_names(
+    'govuk-form-group',
+    { 'govuk-form-group--error' => local_assigns[:errorMessage] },
+    local_assigns.dig(:formGroup, :classes)
+  )
+%>
+<div class="<%= form_group_classes %>">
+  <%= render('components/govuk_label',
+    html: local_assigns.dig(:label, :html),
+    text: local_assigns.dig(:label, :text),
+    classes: local_assigns.dig(:label, :classes),
+    isPageHeading: local_assigns.dig(:label, :isPageHeading),
+    attributes: local_assigns.dig(:label, :attributes),
+    for: local_assigns.dig(:id)
+  )
+  %>
+
+  <% if local_assigns[:hint] %>
+    <% hint_id = local_assigns[:id] + '-hint' %>
+    <% described_by = described_by ? described_by + ' ' + hint_id : hint_id %>
+    <%= render('components/govuk_hint',
+      id: hint_id,
+      classes: local_assigns.dig(:hint, :classes),
+      attributes: local_assigns.dig(:hint, :attributes),
+      html: local_assigns.dig(:hint, :html),
+      text: local_assigns.dig(:hint, :text)
+    )
+    %>
+  <% end %>
+
+  <% if local_assigns[:errorMessage] %>
+    <% error_id = local_assigns[:id] + '-error' %>
+    <% described_by = described_by ? described_by + ' ' + error_id : error_id %>
+    <%= render('components/govuk_error_message',
+      id: error_id,
+      classes: local_assigns.dig(:errorMessage, :classes),
+      attributes: local_assigns.dig(:errorMessage, :attributes),
+      html: local_assigns.dig(:errorMessage, :html),
+      text: local_assigns.dig(:errorMessage, :text),
+      visuallyHiddenText: local_assigns.dig(:errorMessage, :visuallyHiddenText)
+    )
+    %>
+  <% end %>
+
+  <% if local_assigns[:prefix] || local_assigns[:suffix] %><div class="govuk-input__wrapper"><% end %>
+
+  <% if local_assigns.dig(:prefix, :text) || local_assigns.dig(:prefix, :html) %>
+    <% prefix_attributes = {
+        class: class_names(
+          'govuk-input__prefix',
+          local_assigns.dig(:prefix, :classes)
+        ),
+        'aria-hidden': true
+      }
+      prefix_attributes.merge!(local_assigns.dig(:prefix, :attributes)) if local_assigns.dig(:prefix, :attributes)
+      prefix_content = local_assigns.dig(:prefix, :html) || local_assigns.dig(:prefix, :text)
+    %>
+    <%= tag.div prefix_content, **prefix_attributes %>
+  <% end %>
+
+  <% input_attributes = {
+      class: class_names(
+        'govuk-input',
+        local_assigns[:classes],
+        { 'govuk-input--error' => local_assigns[:errorMessage] }
+      ),
+      id: local_assigns[:id],
+      name: local_assigns[:name],
+      type: local_assigns[:type] || "text"
+    }
+    input_attributes[:spellcheck] = local_assigns[:spellcheck] if !local_assigns[:spellcheck].nil?
+    input_attributes[:value] = local_assigns[:value] if local_assigns[:value]
+    input_attributes[:'aria-describedby'] = described_by if described_by.present?
+    input_attributes[:autocomplete] = local_assigns[:autocomplete] if local_assigns[:autocomplete]
+    input_attributes[:pattern] = local_assigns[:pattern] if local_assigns[:pattern]
+    input_attributes[:inputmode] = local_assigns[:inputmode] if local_assigns[:inputmode]
+    input_attributes.merge!(local_assigns[:attributes]) if local_assigns[:attributes]
+  %>
+  <%= tag.input **input_attributes %>
+
+  <% if local_assigns.dig(:suffix, :text) || local_assigns.dig(:suffix, :html) %>
+    <% suffix_attributes = {
+        class: class_names(
+          'govuk-input__suffix',
+          local_assigns.dig(:suffix, :classes)
+        ),
+        'aria-hidden': true
+      }
+      suffix_attributes.merge!(local_assigns.dig(:suffix, :attributes)) if local_assigns.dig(:suffix, :attributes)
+      suffix_content = local_assigns.dig(:suffix, :html) || local_assigns.dig(:suffix, :text)
+    %>
+    <%= tag.div suffix_content, **suffix_attributes %>
+  <% end %>
+
+  <% if local_assigns[:prefix] || local_assigns[:suffix] %></div><% end %>
+</div>

data/app/views/components/_govuk_inset_text.html.erb

@@ -0,0 +1,10 @@
+<%
+  div_attributes = {
+    class: class_names("govuk-inset-text", local_assigns[:classes]),
+  }.merge!(local_assigns[:attributes].presence || {})
+  div_attributes[:id] = local_assigns[:id] if local_assigns[:id].present?
+%>
+<%= tag.div **div_attributes do %>
+  <%= local_assigns[:html] || local_assigns[:text] %>
+  <%= capture(&block) if block %>
+<% end %>

data/app/views/components/_govuk_label.html.erb

@@ -0,0 +1,18 @@
+<%
+  if local_assigns[:html].present? || local_assigns[:text].present?
+    label_attributes = {
+      class: class_names("govuk-label", local_assigns[:classes])
+    }.merge!(local_assigns[:attributes] || {})
+    label_attributes[:for] = local_assigns[:for] if local_assigns[:for].present?
+    label_html = capture do
+      tag.label (local_assigns[:html].presence || local_assigns[:text]), **label_attributes
+    end
+  end
+%>
+<% if local_assigns[:isPageHeading] %>
+  <h1 class="govuk-label-wrapper">
+    <%= label_html %>
+  </h1>
+<% else %>
+  <%= label_html %>
+<% end %>

data/app/views/components/_govuk_notification_banner.html.erb

@@ -0,0 +1,68 @@
+<%
+  banner_type = local_assigns[:type]&.to_s
+  if banner_type ==  "success"
+    success_banner = true
+    type_class = "govuk-notification-banner--" + banner_type
+  end
+
+  role = if local_assigns[:role]
+    local_assigns[:role]
+  elsif success_banner
+    "alert"
+  else
+    "region"
+  end
+
+  title = if local_assigns[:titleHtml]
+            local_assigns[:titleHtml]
+          elsif local_assigns[:titleText]
+            local_assigns[:titleText]
+          elsif success_banner
+            "Success"
+          else
+            "Important"
+          end
+
+  banner_classes =  class_names(
+    "govuk-notification-banner",
+    type_class,
+    local_assigns[:classes]
+  )
+
+  labelled_by = local_assigns[:titleId] || "govuk-notification-banner-title"
+
+  attributes = {
+    role: role,
+    "aria-labelledby" => labelled_by,
+    "data-module" => "govuk-notification-banner",
+    class: banner_classes
+  }.merge(local_assigns[:attributes] || {})
+
+  attributes.merge!({ "data-disable-auto-focus" => true }) if local_assigns[:disableAutoFocus]
+
+  title_heading_level = local_assigns[:title_heading_level] ? "h#{local_assigns[:title_heading_level]}" : "h2"
+
+  header_attributes = {
+    class: "govuk-notification-banner__title",
+    id: labelled_by
+  }
+%>
+
+<%= tag.div **attributes do %>
+  <div class="govuk-notification-banner__header">
+    <%= tag.send(title_heading_level, **header_attributes) do %>
+      <%= title %>
+    <% end %>
+  </div>
+  <div class="govuk-notification-banner__content">
+    <% if local_assigns[:block] %>
+      <%= capture &block %>
+    <% elsif local_assigns[:html] %>
+      <%= local_assigns[:html] %>
+    <% elsif local_assigns[:text] %>
+      <p class="govuk-notification-banner__heading">
+        <%= local_assigns[:text] %>
+      </p>
+    <% end %>
+  </div>
+<% end %>