govuk-components 2.0.0b7 → 2.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 841141c88cfcaed118afa205d0b0cee4652d73367807e19568325bc751d87e7b
-  data.tar.gz: 6fa945dffee2ad40ca4b94b1c3847e1324442580611f1b9e372b684b0ea4ecd7
+  metadata.gz: 39ac79b41b17e5f17f5f6b80e195595ae1396f5d83a3a14c14564412831fdbc8
+  data.tar.gz: 587e0b9a9688c4c239e1e8cbdf44111c88aa82cd1014197293b308d0b2409f36
 SHA512:
-  metadata.gz: d2a5f01d9e108932a99fdf57d8bfd0837151a8ff96254f2115dc8a4a02d50e16b60539749705fc9b3e54ee8a75269901ffc9ff9965a67fcb5f68b05ab5374d6b
-  data.tar.gz: 767021e9a660ddcf0b6ce3df61f7363341ec0181d4f16fb0584a6c8ac19978eb717997a7c1773dad1ccda68e6a141225c7f67f2fde0ed99e841a6ca2cbac7c71
+  metadata.gz: 826c5c80a39daefff656c96139c8f3c0ad6ceaffa7c8000a482f5b35a085b0f3251c7ded964c5bff0bc7a977287f77ed4ca2f5e4684d73e279d589de946e97a3
+  data.tar.gz: cb1e686cf23ef788c4d45544bd1c4cc97cdb91a560a9ca7653d71b299dedfc735721b67b7d22062823f21283f56889e43e6a3b8e35eac29d8395cf9b1dfc169c

data/README.md

@@ -4,61 +4,86 @@
 [![Maintainability](https://api.codeclimate.com/v1/badges/cbcbc140f300b920d833/maintainability)](https://codeclimate.com/github/DFE-Digital/govuk-components/maintainability)
 [![Test Coverage](https://api.codeclimate.com/v1/badges/cbcbc140f300b920d833/test_coverage)](https://codeclimate.com/github/DFE-Digital/govuk-components/test_coverage)
 [![GitHub license](https://img.shields.io/github/license/DFE-Digital/govuk-components)](https://github.com/DFE-Digital/govuk-components/blob/master/LICENSE)
-[![Dependabot Status](https://api.dependabot.com/badges/status?host=github&repo=DFE-Digital/govuk-components)](https://dependabot.com)
-[![GOV.UK Design System Version](https://img.shields.io/badge/GOV.UK%20Design%20System-3.10.2-brightgreen)](https://design-system.service.gov.uk)
+[![GOV.UK Design System Version](https://img.shields.io/badge/GOV.UK%20Design%20System-3.13.0-brightgreen)](https://design-system.service.gov.uk)
 
 This gem provides a suite of reusable components for the [GOV.UK Design System](https://design-system.service.gov.uk/). It is intended to provide a lightweight alternative to the [GOV.UK Publishing Components](https://github.com/alphagov/govuk_publishing_components) library and is built with Github's [ViewComponent](https://github.com/github/view_component) framework.
 
-## What's included
-
-| Component name                                                               | Helper                      |
-| --------------                                                               | ------                      |
-| [Accordion](app/components/govuk_component/accordion.rb)                     | `govuk_accordion`           |
-| [Back link](app/components/govuk_component/back_link.rb)                     | `govuk_back_link`           |
-| [Breadcrumbs](app/components/govuk_component/breadcrumbs.rb)                 | `govuk_breadcrumbs`         |
-| [Cookie banner](app/components/govuk_component/cookie_banner.rb)             | `govuk_cookie_banner`       |
-| [Details](app/components/govuk_component/details.rb)                         | `govuk_details`             |
-| [Footer](app/components/govuk_component/footer.rb)                           | `govuk_footer`              |
-| [Header](app/components/govuk_component/header.rb)                           | `govuk_header`              |
-| [Inset text](app/components/govuk_component/inset_text.rb)                   | `govuk_inset_text`          |
-| [Notification banner](app/components/govuk_component/notification_banner.rb) | `govuk_notification_banner` |
-| [Panel](app/components/govuk_component/panel.rb)                             | `govuk_panel`               |
-| [Phase banner](app/components/govuk_component/phase_banner.rb)               | `govuk_phase_banner`        |
-| [Start now button](app/components/govuk_component/start_now_button.rb)       | `govuk_start_now_button`    |
-| [Summary list](app/components/govuk_component/summary_list.rb)               | `govuk_summary_list`        |
-| [Tabs](app/components/govuk_component/tabs.rb)                               | `govuk_tabs`                |
-| [Tag](app/components/govuk_component/tag.rb)                                 | `govuk_tag`                 |
-| [Warning text](app/components/govuk_component/warning.rb)                    | `govuk_warning`             |
-
-### Helpers
-
-* `#govuk_link_to`
-* `#govuk_mail_to`
-* `#govuk_button_to`
-* `#govuk_back_to_top_link`
-* `#govuk_skip_link`
+It aims to implement the functionality from the original Nunjucks macros in a way that will feel more familiar to Rails developers. Blocks are preferred over strings of HTML, beneath the surface each component is just a Ruby object, everything is inheritable and overrideable.
+
+## What's included?
+
+All of the non-form components from the GOV.UK Design System are implmented by this library as ViewComponents. Form components are implemented by the [form builder](https://govuk-form-builder.netlify.app/).
+
+The provided components are:
+
+* [Accordion](https://dfe-digital.github.io/govuk-components/#accordion)
+* [Back link](https://dfe-digital.github.io/govuk-components/#back-links)
+* [Back to top link](https://dfe-digital.github.io/govuk-components/#back-to-top-link)
+* [Breadcrumbs](https://dfe-digital.github.io/govuk-components/#breadcrumbs)
+* [Cookie banner](https://dfe-digital.github.io/govuk-components/#cookie-banner)
+* [Details](https://dfe-digital.github.io/govuk-components/#details)
+* [Footer](https://dfe-digital.github.io/govuk-components/#footer)
+* [Header](https://dfe-digital.github.io/govuk-components/#header)
+* [Inset text](https://dfe-digital.github.io/govuk-components/#inset-text)
+* [Notification banner](https://dfe-digital.github.io/govuk-components/#notification-banner)
+* [Panel](https://dfe-digital.github.io/govuk-components/#panel)
+* [Phase banner](https://dfe-digital.github.io/govuk-components/#phase-banner)
+* [Skip link](https://dfe-digital.github.io/govuk-components/#skip-link)
+* [Start button](https://dfe-digital.github.io/govuk-components/#start-button)
+* [Summary list](https://dfe-digital.github.io/govuk-components/#summary-list)
+* [Tabs](https://dfe-digital.github.io/govuk-components/#tabs)
+* [Tags](https://dfe-digital.github.io/govuk-components/#tags)
+* [Warning text](https://dfe-digital.github.io/govuk-components/#warning-text)
+
+This library also provides [several link helpers](https://dfe-digital.github.io/govuk-components/#links-and-buttons) that are commonly used in services, including `#govuk_link_to` and `#govuk_button_to`.
+
+## Alternative syntax
+
+All of the components can be rendered in two ways:
+
+* directly using Rails' `#render` method:
+
+  ```erb
+    <%= render GovukComponent::GovukComponent::WarningTextComponent.new do %>
+      A serious warning
+    <% end %>
+  ```
+
+* via the helper wrapper:
+
+  ```erb
+    <%= govuk_warning_text do %>
+      A serious warning
+    <% end %>
+  ```
+
+  The naming convention for helpers is `govuk_` followed by the component's name in snake case. You can
+  see the full list in [GovukComponentsHelper](app/helpers/govuk_components_helper.rb).
 
 ## Example use
 
-This library allows components to be rendered with Rails' `render` method or via the provided helpers. Here we'll use the `govuk_accordion` to render an accordion.
+This library allows components to be rendered with Rails' `render` method or via the provided helpers. Here we'll use the `govuk_tabs` to render three tabbed sections:
 
 ```erb
-<%= govuk_accordion(id: 'def234') do |accordion| %>
-  <%= accordion.add_section(title: 'Section 1') do %>
-    <p class="govuk-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+<%= govuk_tabs(title: 'Days of the week') do |component| %>
+  <% component.tab(label: 'Monday') do %>
+    <p>Monday's child is fair of face</p>
   <% end %>
-  <%= accordion.add_section(title: 'Section 2') do %>
-    <p class="govuk-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+  <% component.tab(label: 'Tuesday') do %>
+    <p>Tuesday's child is full of grace</p>
   <% end %>
-  <%= accordion.add_section(title: 'Section 3') do %>
-    <p class="govuk-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+
+  <% component.tab(label: 'Wednesday') do %>
+    <p>Wednesday's child is full of woe</p>
   <% end %>
 <% end %>
+
 ```
 
-Here is the rendered accordion.
+Here are the rendered tabs:
 
-![Accordion preview](docs/images/accordion.png)
+![Tabs preview](docs/images/tabs.png)
 
 For examples on usage see the [guide page](https://dfe-digital.github.io/govuk-components/).
 
@@ -70,6 +95,15 @@ Add this line to your `config/application.rb`:
 require "govuk/components"
 ```
 
+## Services using this library
+
+* [Apply for teacher training](https://github.com/DFE-Digital/apply-for-teacher-training)
+* [Find postgraduate teacher training](https://github.com/DFE-Digital/find-teacher-training)
+* [Get help with technology](https://github.com/DFE-Digital/get-help-with-tech)
+* [Publish teacher training courses](https://github.com/DFE-Digital/publish-teacher-training)
+* [Register trainee teachers](https://github.com/DFE-Digital/register-trainee-teachers)
+* [Teaching Vacancies](https://github.com/DFE-Digital/teaching-vacancies)
+
 ## Installation
 
 Add this line to your application's Gemfile:

data/app/components/govuk_component/cookie_banner_component.rb

@@ -1,14 +1,19 @@
 class GovukComponent::CookieBannerComponent < GovukComponent::Base
-  renders_one :body
-  renders_one :actions
+  renders_many :messages, GovukComponent::CookieBannerComponent::MessageComponent
 
-  attr_accessor :title, :aria_label
+  attr_accessor :aria_label, :hidden
 
-  def initialize(title: nil, aria_label: "Cookie banner", classes: [], html_attributes: {})
+  def initialize(aria_label: "Cookie banner", hidden: false, classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
-    @title      = title
     @aria_label = aria_label
+    @hidden     = hidden
+  end
+
+  def call
+    tag.div(class: classes, role: "region", aria: { label: aria_label }, hidden: hidden, **html_attributes) do
+      safe_join(messages)
+    end
   end
 
 private

data/app/components/govuk_component/cookie_banner_component/message_component.rb

@@ -0,0 +1,62 @@
+class GovukComponent::CookieBannerComponent::MessageComponent < GovukComponent::Base
+  attr_reader :heading_text, :text, :hidden, :role
+
+  renders_many :actions
+  renders_one :heading_html
+
+  def initialize(heading_text: nil, text: nil, hidden: false, role: nil, classes: [], html_attributes: {})
+    super(classes: classes, html_attributes: html_attributes)
+
+    @heading_text = heading_text
+    @text         = text
+    @hidden       = hidden
+    @role         = role
+  end
+
+  def call
+    tag.div(class: classes, role: role, hidden: hidden, **html_attributes) do
+      safe_join([
+        tag.div(class: "govuk-grid-row") do
+          tag.div(class: "govuk-grid-column-two-thirds") { safe_join([heading_element, message_element]) }
+        end,
+        actions_element
+      ])
+    end
+  end
+
+private
+
+  def default_classes
+    %w(govuk-cookie-banner__message govuk-width-container)
+  end
+
+  def heading_element
+    return if heading_content.blank?
+
+    tag.h2(heading_content, class: %w(govuk-cookie-banner__heading govuk-heading-m))
+  end
+
+  def heading_content
+    heading_html || heading_text
+  end
+
+  def message_element
+    tag.div(message_content, class: "govuk-cookie-banner__content")
+  end
+
+  def message_content
+    content || wrap_in_p(text) || fail(ArgumentError, "no text or content")
+  end
+
+  def wrap_in_p(message_text)
+    return if message_text.blank?
+
+    tag.p(message_text)
+  end
+
+  def actions_element
+    return if actions.none?
+
+    tag.div(class: "govuk-button-group") { safe_join(actions) }
+  end
+end

data/app/components/govuk_component/details_component.rb

@@ -1,17 +1,19 @@
 class GovukComponent::DetailsComponent < GovukComponent::Base
-  attr_reader :summary_text, :text
+  attr_reader :summary_text, :text, :id, :open
 
   renders_one :summary_html
 
-  def initialize(summary_text:, text: nil, classes: [], html_attributes: {})
+  def initialize(summary_text:, text: nil, classes: [], id: nil, open: nil, html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
     @summary_text = summary_text
     @text         = text
+    @id           = id
+    @open         = open
   end
 
   def call
-    tag.details(class: classes, data: { module: "govuk-details" }, **html_attributes) do
+    tag.details(class: classes, data: { module: "govuk-details" }, id: id, open: open, **html_attributes) do
       safe_join([summary, description])
     end
   end

data/app/components/govuk_component/notification_banner_component.rb

@@ -4,14 +4,14 @@ class GovukComponent::NotificationBannerComponent < GovukComponent::Base
   renders_one :title_html
   renders_many :headings, "Heading"
 
-  def initialize(title_text: nil, text: nil, role: "region", success: false, title_heading_level: 2, title_id: "govuk-notification-banner-title", disable_auto_focus: nil, classes: [], html_attributes: {})
+  def initialize(title_text: nil, text: nil, role: nil, success: false, title_heading_level: 2, title_id: "govuk-notification-banner-title", disable_auto_focus: nil, classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
     @title_text          = title_text
     @title_id            = title_id
     @text                = text
-    @role                = role
     @success             = success
+    @role                = role || default_role
     @title_heading_level = title_heading_level
     @disable_auto_focus  = disable_auto_focus
   end
@@ -20,24 +20,6 @@ class GovukComponent::NotificationBannerComponent < GovukComponent::Base
     headings.any? || text.present? || content.present?
   end
 
-  def classes
-    super.append(success_class).compact
-  end
-
-  def success_class
-    %(govuk-notification-banner--success) if success
-  end
-
-  def title_content
-    title_html || title_text
-  end
-
-  def title_tag
-    fail "title_heading_level must be a number between 1 and 6" unless title_heading_level.is_a?(Integer) && title_heading_level.in?(1..6)
-
-    "h#{title_heading_level}"
-  end
-
   class Heading < GovukComponent::Base
     attr_reader :text, :link_href, :link_text
 
@@ -77,4 +59,26 @@ private
   def data_params
     { "module" => "govuk-notification-banner", "disable-auto-focus" => disable_auto_focus }.compact
   end
+
+  def classes
+    super.append(success_class).compact
+  end
+
+  def success_class
+    %(govuk-notification-banner--success) if success
+  end
+
+  def title_content
+    title_html || title_text
+  end
+
+  def title_tag
+    fail "title_heading_level must be a number between 1 and 6" unless title_heading_level.is_a?(Integer) && title_heading_level.in?(1..6)
+
+    "h#{title_heading_level}"
+  end
+
+  def default_role
+    success ? "alert" : "region"
+  end
 end

data/app/components/govuk_component/panel_component.rb

@@ -1,15 +1,19 @@
 class GovukComponent::PanelComponent < GovukComponent::Base
-  attr_reader :title, :body
+  attr_reader :id, :title_text, :text, :heading_level
 
-  def initialize(title: nil, body: nil, classes: [], html_attributes: {})
+  renders_one :title_html
+
+  def initialize(title_text: nil, text: nil, heading_level: 1, id: nil, classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
-    @title = title
-    @body  = body
+    @heading_level = heading_level
+    @title_text    = title_text
+    @text          = text
+    @id            = id
   end
 
   def call
-    tag.div(class: classes, **html_attributes) do
+    tag.div(id: id, class: classes, **html_attributes) do
       safe_join([panel_title, panel_body].compact)
     end
   end
@@ -20,27 +24,33 @@ private
     %w(govuk-panel govuk-panel--confirmation)
   end
 
-  def display_title?
-    title.present?
+  def heading_tag
+    "h#{heading_level}"
+  end
+
+  def panel_content
+    content || text
   end
 
-  def display_body?
-    body.present? || content.present?
+  def title
+    title_html || title_text
   end
 
   def panel_title
-    tag.h1(title, class: "govuk-panel__title") if display_title?
+    return if title.blank?
+
+    content_tag(heading_tag, title, class: "govuk-panel__title")
   end
 
   def panel_body
-    if display_body?
-      tag.div(class: "govuk-panel__body") do
-        content.presence || body
-      end
+    return if panel_content.blank?
+
+    tag.div(class: "govuk-panel__body") do
+      panel_content
     end
   end
 
   def render?
-    display_title? || display_body?
+    title.present? || panel_content.present?
   end
 end

data/app/components/govuk_component/summary_list_component.html.erb

@@ -1,11 +1,5 @@
 <%= tag.dl(class: classes, **html_attributes) do %>
   <% rows.each do |row| %>
-    <%= tag.div(class: row.classes, **row.html_attributes) do %>
-      <%= tag.dt(row.key, class: "govuk-summary-list__key") %>
-      <%= tag.dd(row.value, class: "govuk-summary-list__value") %>
-      <% if any_row_has_actions? %>
-        <%= row.action %>
-      <% end %>
-    <% end %>
+    <%= row %>
   <% end %>
 <% end %>

data/app/components/govuk_component/summary_list_component.rb

@@ -1,7 +1,7 @@
 class GovukComponent::SummaryListComponent < GovukComponent::Base
   attr_reader :borders
 
-  renders_many :rows, "Row"
+  renders_many :rows, GovukComponent::SummaryListComponent::RowComponent
 
   def initialize(borders: true, classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
@@ -26,41 +26,4 @@ private
   def default_classes
     %w(govuk-summary-list)
   end
-
-  class Row < GovukComponent::Base
-    attr_reader :key, :value, :href, :text, :visually_hidden_text, :action_classes, :action_attributes
-
-    def initialize(key:, value:, action: {}, classes: [], html_attributes: {})
-      super(classes: classes, html_attributes: html_attributes)
-
-      @key   = key
-      @value = value
-
-      if action.present?
-        @href                 = action[:href]
-        @text                 = action[:text] || "Change"
-        @visually_hidden_text = " #{action[:visually_hidden_text] || key.downcase}"
-        @action_classes       = action[:classes] || []
-        @action_attributes    = action[:html_attributes] || {}
-      end
-    end
-
-    def action
-      link_classes = govuk_link_classes.append(action_classes).flatten
-
-      tag.dd(class: "govuk-summary-list__actions") do
-        if href.present?
-          link_to(href, class: link_classes, **action_attributes) do
-            safe_join([text, tag.span(visually_hidden_text, class: "govuk-visually-hidden")])
-          end
-        end
-      end
-    end
-
-  private
-
-    def default_classes
-      %w(govuk-summary-list__row)
-    end
-  end
 end

data/app/components/govuk_component/summary_list_component/action_component.rb

@@ -0,0 +1,34 @@
+class GovukComponent::SummaryListComponent::ActionComponent < GovukComponent::Base
+  attr_reader :href, :text, :visually_hidden_text, :attributes, :classes
+
+  def initialize(href: nil, text: 'Change', visually_hidden_text: nil, classes: [], html_attributes: {})
+    super(classes: classes, html_attributes: html_attributes)
+
+    @href                 = href
+    @text                 = text
+    @visually_hidden_text = visually_hidden_text
+  end
+
+  def call
+    # when no href is provided return an empty string so the dd container
+    # will render, it's useful in lists where some rows have actions
+    # and others don't
+    return "" if href.blank?
+
+    link_classes = govuk_link_classes.append(classes).flatten
+
+    link_to(href, class: link_classes, **html_attributes) do
+      safe_join([action_text, visually_hidden_span].compact, " ")
+    end
+  end
+
+private
+
+  def action_text
+    content || text || fail(ArgumentError, "no text or content")
+  end
+
+  def visually_hidden_span
+    tag.span(visually_hidden_text, class: "govuk-visually-hidden") if visually_hidden_text.present?
+  end
+end

data/app/components/govuk_component/summary_list_component/key_component.rb

@@ -0,0 +1,23 @@
+class GovukComponent::SummaryListComponent::KeyComponent < GovukComponent::Base
+  attr_reader :text
+
+  def initialize(text: nil, classes: [], html_attributes: {})
+    super(classes: classes, html_attributes: html_attributes)
+
+    @text = text
+  end
+
+  def call
+    tag.dt(key_content, class: classes, **html_attributes)
+  end
+
+private
+
+  def default_classes
+    %w(govuk-summary-list__key)
+  end
+
+  def key_content
+    content || text || fail(ArgumentError, "no text or content")
+  end
+end

data/app/components/govuk_component/summary_list_component/row_component.rb

@@ -0,0 +1,45 @@
+class GovukComponent::SummaryListComponent::RowComponent < GovukComponent::Base
+  attr_reader :href, :visually_hidden_text
+
+  renders_one :key, GovukComponent::SummaryListComponent::KeyComponent
+  renders_one :value, GovukComponent::SummaryListComponent::ValueComponent
+  renders_many :actions, GovukComponent::SummaryListComponent::ActionComponent
+
+  def initialize(classes: [], html_attributes: {})
+    super(classes: classes, html_attributes: html_attributes)
+  end
+
+  def call
+    tag.div(class: classes, **html_attributes) do
+      safe_join([key, value, actions_content])
+    end
+  end
+
+private
+
+  def actions_content
+    return if actions.blank?
+
+    (actions.one?) ? single_action : actions_list
+  end
+
+  def single_action
+    tag.dd(class: actions_class) { safe_join(actions) }
+  end
+
+  def actions_list
+    tag.dd(class: actions_class) do
+      tag.ul(class: "govuk-summary-list__actions-list") do
+        safe_join(actions.map { |action| tag.li(action, class: "govuk-summary-list__actions-list-item") })
+      end
+    end
+  end
+
+  def default_classes
+    %w(govuk-summary-list__row)
+  end
+
+  def actions_class
+    "govuk-summary-list__actions"
+  end
+end

data/app/components/govuk_component/summary_list_component/value_component.rb

@@ -0,0 +1,23 @@
+class GovukComponent::SummaryListComponent::ValueComponent < GovukComponent::Base
+  attr_reader :text
+
+  def initialize(text: nil, classes: [], html_attributes: {})
+    super(classes: classes, html_attributes: html_attributes)
+
+    @text = text
+  end
+
+  def call
+    tag.dd(value_content, class: classes, **html_attributes)
+  end
+
+private
+
+  def default_classes
+    %w(govuk-summary-list__value)
+  end
+
+  def value_content
+    content || text || ""
+  end
+end

data/app/components/govuk_component/tab_component.html.erb

@@ -1,4 +1,4 @@
-<%= tag.div(class: classes, data: { module: 'govuk-tabs' }, **html_attributes) do %>
+<%= tag.div(id: id, class: classes, data: { module: 'govuk-tabs' }, **html_attributes) do %>
   <%= tag.h2(title, class: "govuk-tabs__title") %>
   <ul class="govuk-tabs__list">
     <% tabs.each.with_index do |tab, i| %>

data/app/components/govuk_component/tab_component.rb

@@ -1,12 +1,13 @@
 class GovukComponent::TabComponent < GovukComponent::Base
   renders_many :tabs, "Tab"
 
-  attr_reader :title
+  attr_reader :title, :id
 
-  def initialize(title:, classes: [], html_attributes: {})
+  def initialize(title:, id: nil, classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
     @title = title
+    @id    = id
   end
 
 private
@@ -16,16 +17,17 @@ private
   end
 
   class Tab < GovukComponent::Base
-    attr_reader :title
+    attr_reader :label, :text
 
-    def initialize(title:, classes: [], html_attributes: {})
+    def initialize(label:, text: nil, classes: [], html_attributes: {})
       super(classes: classes, html_attributes: html_attributes)
 
-      @title = title
+      @label = label
+      @text  = text
     end
 
     def id(prefix: nil)
-      [prefix, title.parameterize].join
+      [prefix, label.parameterize].join
     end
 
     def hidden_class(i = nil)
@@ -39,7 +41,7 @@ private
     end
 
     def li_link
-      link_to(title, id(prefix: '#'), class: "govuk-tabs__tab")
+      link_to(label, id(prefix: '#'), class: "govuk-tabs__tab")
     end
 
     def default_classes
@@ -47,7 +49,7 @@ private
     end
 
     def call
-      content
+      content || text || fail(ArgumentError, "no text or content")
     end
   end
 end

data/app/components/govuk_component/warning_text_component.rb

@@ -1,13 +1,13 @@
 class GovukComponent::WarningTextComponent < GovukComponent::Base
-  attr_reader :text, :assistive_text
+  attr_reader :text, :icon_fallback_text
 
   ICON = '!'.freeze
 
-  def initialize(text:, assistive_text: 'Warning', classes: [], html_attributes: {})
+  def initialize(text:, icon_fallback_text: 'Warning', classes: [], html_attributes: {})
     super(classes: classes, html_attributes: html_attributes)
 
     @text = text
-    @assistive_text = assistive_text
+    @icon_fallback_text = icon_fallback_text
   end
 
   def call
@@ -29,7 +29,7 @@ private
   end
 
   def assistive
-    tag.span(assistive_text, class: 'govuk-warning-text__assistive')
+    tag.span(icon_fallback_text, class: 'govuk-warning-text__assistive')
   end
 
   def default_classes

data/lib/govuk/components/version.rb

@@ -1,5 +1,5 @@
 module Govuk
   module Components
-    VERSION = '2.0.0b7'.freeze
+    VERSION = '2.0.0'.freeze
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk-components
 version: !ruby/object:Gem::Version
-  version: 2.0.0b7
+  version: 2.0.0
 platform: ruby
 authors:
 - DfE developers
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-07-23 00:00:00.000000000 Z
+date: 2021-08-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activemodel
@@ -44,14 +44,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.31.1
+        version: 2.36.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.31.1
+        version: 2.36.0
 - !ruby/object:Gem::Dependency
   name: pry-byebug
   requirement: !ruby/object:Gem::Requirement
@@ -169,8 +169,8 @@ files:
 - app/components/govuk_component/base.rb
 - app/components/govuk_component/breadcrumbs_component.html.erb
 - app/components/govuk_component/breadcrumbs_component.rb
-- app/components/govuk_component/cookie_banner_component.html.erb
 - app/components/govuk_component/cookie_banner_component.rb
+- app/components/govuk_component/cookie_banner_component/message_component.rb
 - app/components/govuk_component/details_component.rb
 - app/components/govuk_component/footer_component.html.erb
 - app/components/govuk_component/footer_component.rb
@@ -185,6 +185,10 @@ files:
 - app/components/govuk_component/start_button_component.rb
 - app/components/govuk_component/summary_list_component.html.erb
 - app/components/govuk_component/summary_list_component.rb
+- app/components/govuk_component/summary_list_component/action_component.rb
+- app/components/govuk_component/summary_list_component/key_component.rb
+- app/components/govuk_component/summary_list_component/row_component.rb
+- app/components/govuk_component/summary_list_component/value_component.rb
 - app/components/govuk_component/tab_component.html.erb
 - app/components/govuk_component/tab_component.rb
 - app/components/govuk_component/tag_component.rb
@@ -205,7 +209,7 @@ homepage: https://github.com/DFE-Digital/govuk-components
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -216,12 +220,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.1.6
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Lightweight set of reusable GOV.UK Design System components
 test_files: []

data/app/components/govuk_component/cookie_banner_component.html.erb

@@ -1,17 +0,0 @@
-<%= tag.div(class: classes, role: "region", aria: { label: aria_label }, **html_attributes) do %>
-  <div class="govuk-cookie-banner__message govuk-width-container">
-    <div class="govuk-grid-row">
-      <div class="govuk-grid-column-two-thirds">
-        <% if title.present? %>
-          <%= tag.h2(title, class: %w(govuk-cookie-banner__heading govuk-heading-m)) %>
-        <% end %>
-
-        <%= tag.div(body, class: "govuk-cookie-banner__content") %>
-      </div>
-    </div>
-
-    <div class="govuk-button-group">
-      <%= actions %>
-    </div>
-  </div>
-<% end %>