govuk_design_system_formbuilder 1.1.11 → 1.2.0b1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d9fcd048d44600ed48957b2c4d18d67a9d705878f897bc8206576f3a7ffebe37
-  data.tar.gz: 2958f99bb9a5d74432da272a4a7bae6563ec5c898626fcfe276e9385b0e860dc
+  metadata.gz: b26402e9e41729882759af55f46d0ca77021301c3e47d1fdf71674a5b7e10635
+  data.tar.gz: 29f61cc4bb6086cf19c08f57648be973aab134ef8a0b1ebded5a175cb8f79564
 SHA512:
-  metadata.gz: 42f2696075a68ee286b0e8f45980247aabbbb5da7c64e57f90ef06858efce3ee2d80c551753aaa50c454567bdb1abbe1947a1c864639a7e5453f67c0799dd3f5
-  data.tar.gz: 7354580f9774a3b35e163c64e2531da89be06a1e1a8f6b535fcb38e215350953c20b5339ff9bf9cd6e8ac40dd25a2d505eacd51c0fc47d2baa5c384445c51ef3
+  metadata.gz: d5c38d0cc478cddeb01c6624abb8b4bced314197bd6e1f788a36d94f8ca5c62d2c19a2da96a7e7a3c2555af994a07cf3b10d4ed83dd270135e3af86157c11f6f
+  data.tar.gz: 95ca19e5a70cfc2f163e3ffadbd59b9644dc9f471723f468b56ea3e2d8a15c10761f651fc522ccf220a20c7b607083d3a0d71048d2ba240d5562e2cb06b2fae1

data/lib/govuk_design_system_formbuilder/base.rb

@@ -1,4 +1,12 @@
 module GOVUKDesignSystemFormBuilder
+  module PrefixableArray
+    refine Array do
+      def prefix(text, delimiter: '-')
+        map { |item| text + delimiter + item }
+      end
+    end
+  end
+
   class Base
     delegate :capture, :content_tag, :safe_join, :tag, :raw, :link_to, to: :@builder
     delegate :config, to: GOVUKDesignSystemFormBuilder
@@ -12,6 +20,10 @@ module GOVUKDesignSystemFormBuilder
 
   private
 
+    def brand(override = nil)
+      override || config.brand
+    end
+
     # returns the id value used for the input
     #
     # @note field_id is overridden so that the error summary can link to the

data/lib/govuk_design_system_formbuilder/builder.rb

@@ -660,7 +660,7 @@ module GOVUKDesignSystemFormBuilder
     # @see https://design-system.service.gov.uk/components/fieldset/ GOV.UK fieldset
     # @return [ActiveSupport::SafeBuffer] HTML output
     def govuk_fieldset(legend: { text: 'Fieldset heading' }, described_by: nil, &block)
-      Containers::Fieldset.new(self, legend: legend, described_by: described_by, &block).html
+      Containers::Fieldset.new(self, legend: legend, described_by: described_by).html(&block)
     end
 
     # Generates an input of type +file+

data/lib/govuk_design_system_formbuilder/containers/character_count.rb

@@ -16,8 +16,8 @@ module GOVUKDesignSystemFormBuilder
 
         content_tag(
           'div',
-          class: 'govuk-character-count',
-          data: { module: 'govuk-character-count' }.merge(**limit, **threshold).compact
+          class: %(#{brand}-character-count),
+          data: { module: %(#{brand}-character-count) }.merge(**limit, **threshold).compact
         ) do
           yield
         end

data/lib/govuk_design_system_formbuilder/containers/check_boxes.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Containers
     class CheckBoxes < Base
+      using PrefixableArray
+
       def initialize(builder, small:, classes: nil)
         @builder = builder
         @small   = small
@@ -8,7 +10,7 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def html
-        content_tag('div', class: check_boxes_classes, data: { module: 'govuk-checkboxes' }) do
+        content_tag('div', class: check_boxes_classes, data: { module: %(#{brand}-checkboxes) }) do
           yield
         end
       end
@@ -16,8 +18,8 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def check_boxes_classes
-        %w(govuk-checkboxes).tap do |c|
-          c.push('govuk-checkboxes--small') if @small
+        %w(checkboxes).prefix(brand).tap do |c|
+          c.push(%(#{brand}-checkboxes--small)) if @small
           c.push(@classes) if @classes
         end
       end

data/lib/govuk_design_system_formbuilder/containers/fieldset.rb

@@ -1,12 +1,14 @@
 module GOVUKDesignSystemFormBuilder
   module Containers
     class Fieldset < Base
+      using PrefixableArray
+
       include Traits::Localisation
 
       LEGEND_SIZES = %w(xl l m s).freeze
 
-      def initialize(builder, object_name = nil, attribute_name = nil, legend: {}, described_by: nil, &block)
-        super(builder, object_name, attribute_name, &block)
+      def initialize(builder, object_name = nil, attribute_name = nil, legend: {}, described_by: nil)
+        super(builder, object_name, attribute_name)
 
         @legend         = legend_defaults.merge(legend)
         @described_by   = described_by(described_by)
@@ -15,7 +17,7 @@ module GOVUKDesignSystemFormBuilder
 
       def html
         content_tag('fieldset', class: fieldset_classes, aria: { describedby: @described_by }) do
-          safe_join([build_legend, (@block_content || yield)])
+          safe_join([build_legend, yield])
         end
       end
 
@@ -43,21 +45,20 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def fieldset_classes
-        %w(govuk-fieldset)
+        %w(fieldset).prefix(brand)
       end
 
       def legend_classes
         size = @legend.dig(:size)
         fail "invalid size '#{size}', must be #{LEGEND_SIZES.join(', ')}" unless size.in?(LEGEND_SIZES)
 
-        classes = %W(govuk-fieldset__legend govuk-fieldset__legend--#{size})
-        classes.push('govuk-visually-hidden') if @legend.dig(:hidden)
-
-        classes
+        [%(fieldset__legend), %(fieldset__legend--#{size})].prefix(brand).tap do |classes|
+          classes.push(%(#{brand}-visually-hidden)) if @legend.dig(:hidden)
+        end
       end
 
       def legend_heading_classes
-        %(govuk-fieldset__heading)
+        %w(fieldset__heading).prefix(brand)
       end
     end
   end

data/lib/govuk_design_system_formbuilder/containers/form_group.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Containers
     class FormGroup < Base
+      using PrefixableArray
+
       def initialize(builder, object_name, attribute_name)
         super(builder, object_name, attribute_name)
       end
@@ -14,8 +16,8 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def form_group_classes
-        %w(govuk-form-group).tap do |classes|
-          classes.push('govuk-form-group--error') if has_errors?
+        %w(form-group).prefix(brand).tap do |classes|
+          classes.push(%(#{brand}-form-group--error)) if has_errors?
         end
       end
     end

data/lib/govuk_design_system_formbuilder/containers/radios.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Containers
     class Radios < Base
+      using PrefixableArray
+
       include Traits::Hint
 
       def initialize(builder, inline:, small:, classes:)
@@ -11,7 +13,7 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def html
-        content_tag('div', class: radios_classes, data: { module: 'govuk-radios' }) do
+        content_tag('div', class: radios_classes, data: { module: %(#{brand}-radios) }) do
           yield
         end
       end
@@ -19,10 +21,10 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def radios_classes
-        %w(govuk-radios).tap do |c|
-          c.push('govuk-radios--inline') if @inline
-          c.push('govuk-radios--small')  if @small
-          c.push(@classes)               if @classes
+        %w(radios).prefix(brand).tap do |c|
+          c.push(%(#{brand}-radios--inline)) if @inline
+          c.push(%(#{brand}-radios--small))  if @small
+          c.push(@classes)                   if @classes
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/check_boxes/collection_check_box.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module CheckBoxes
       class CollectionCheckBox < Base
+        using PrefixableArray
+
         include Traits::CollectionItem
         include Traits::Hint
 
@@ -16,12 +18,12 @@ module GOVUKDesignSystemFormBuilder
         end
 
         def html
-          content_tag('div', class: 'govuk-checkboxes__item') do
+          content_tag('div', class: %(#{brand}-checkboxes__item)) do
             safe_join(
               [
                 @checkbox.check_box(
                   id: field_id(link_errors: @link_errors),
-                  class: "govuk-checkboxes__input",
+                  class: %(#{brand}-checkboxes__input),
                   aria: { describedby: hint_id }
                 ),
                 label_element.html,

data/lib/govuk_design_system_formbuilder/elements/check_boxes/fieldset_check_box.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module CheckBoxes
       class FieldsetCheckBox < Base
+        using PrefixableArray
+
         include Traits::Hint
         include Traits::Conditional
 
@@ -23,7 +25,7 @@ module GOVUKDesignSystemFormBuilder
         def html
           safe_join(
             [
-              content_tag('div', class: 'govuk-checkboxes__item') do
+              content_tag('div', class: %(#{brand}-checkboxes__item)) do
                 safe_join(
                   [
                     input,
@@ -63,11 +65,11 @@ module GOVUKDesignSystemFormBuilder
         end
 
         def conditional_classes
-          %w(govuk-checkboxes__conditional govuk-checkboxes__conditional--hidden)
+          %w(checkboxes__conditional checkboxes__conditional--hidden).prefix(brand)
         end
 
         def check_box_classes
-          %w(govuk-checkboxes__input)
+          %w(checkboxes__input).prefix(brand)
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/check_boxes/label.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module CheckBoxes
       class Label < Base
+        using PrefixableArray
+
         include Traits::Localisation
 
         def initialize(builder, object_name, attribute_name, checkbox, value:, link_errors: true)
@@ -21,7 +23,7 @@ module GOVUKDesignSystemFormBuilder
       private
 
         def label_classes
-          %w(govuk-label govuk-checkboxes__label)
+          %w(label checkboxes__label).prefix(brand)
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/date.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class Date < Base
+      using PrefixableArray
+
       include Traits::Error
       include Traits::Hint
       include Traits::Supplemental
@@ -24,7 +26,7 @@ module GOVUKDesignSystemFormBuilder
                 supplemental_content.html,
                 hint_element.html,
                 error_element.html,
-                content_tag('div', class: 'govuk-date-input') do
+                content_tag('div', class: %(#{brand}-date-input)) do
                   safe_join([day, month, year])
                 end
               ]
@@ -56,8 +58,8 @@ module GOVUKDesignSystemFormBuilder
       def date_input_item(segment, width: 2, link_errors: false)
         value = @builder.object.try(@attribute_name).try(segment)
 
-        content_tag('div', class: %w(govuk-date-input__item)) do
-          content_tag('div', class: %w(govuk-form-group)) do
+        content_tag('div', class: %w(date-input__item).prefix(brand)) do
+          content_tag('div', class: %w(form-group).prefix(brand)) do
             safe_join(
               [
                 tag.label(
@@ -83,14 +85,14 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def date_input_classes(width)
-        %w(govuk-input govuk-date-input__input).tap do |classes|
-          classes.push("govuk-input--width-#{width}")
-          classes.push("govuk-input--error") if has_errors?
+        %w(input date-input__input).prefix(brand).tap do |classes|
+          classes.push(%(#{brand}-input--width-#{width}))
+          classes.push(%(#{brand}-input--error)) if has_errors?
         end
       end
 
       def date_input_label_classes
-        %w(govuk-label govuk-date-input__label)
+        %w(label date-input__label).prefix(brand)
       end
 
       # if the field has errors we want the govuk_error_summary to

data/lib/govuk_design_system_formbuilder/elements/error_message.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class ErrorMessage < Base
+      using PrefixableArray
+
       include Traits::Error
 
       def initialize(builder, object_name, attribute_name)
@@ -10,10 +12,10 @@ module GOVUKDesignSystemFormBuilder
       def html
         return nil unless has_errors?
 
-        content_tag('span', class: 'govuk-error-message', id: error_id) do
+        content_tag('span', class: %(#{brand}-error-message), id: error_id) do
           safe_join(
             [
-              tag.span('Error: ', class: 'govuk-visually-hidden'),
+              tag.span('Error: ', class: %(#{brand}-visually-hidden)),
               message
             ]
           )

data/lib/govuk_design_system_formbuilder/elements/error_summary.rb

@@ -17,7 +17,7 @@ module GOVUKDesignSystemFormBuilder
             [
               tag.h2(@title, id: error_summary_title_id, class: summary_class('title')),
               content_tag('div', class: summary_class('body')) do
-                content_tag('ul', class: ['govuk-list', summary_class('list')]) do
+                content_tag('ul', class: [%(#{brand}-list), summary_class('list')]) do
                   safe_join(
                     @builder.object.errors.messages.map do |attribute, messages|
                       error_list_item(attribute, messages.first)
@@ -50,9 +50,9 @@ module GOVUKDesignSystemFormBuilder
 
       def summary_class(part = nil)
         if part
-          'govuk-error-summary'.concat('__', part)
+          %(#{brand}-error-summary).concat('__', part)
         else
-          'govuk-error-summary'
+          %(#{brand}-error-summary)
         end
       end
 
@@ -73,7 +73,7 @@ module GOVUKDesignSystemFormBuilder
           tabindex: -1,
           role: 'alert',
           data: {
-            module: 'govuk-error-summary'
+            module: %(#{brand}-error-summary)
           },
           aria: {
             labelledby: error_summary_title_id

data/lib/govuk_design_system_formbuilder/elements/file.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class File < Base
+      using PrefixableArray
+
       include Traits::Error
       include Traits::Hint
       include Traits::Label
@@ -37,8 +39,8 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def file_classes
-        %w(govuk-file-upload).tap do |c|
-          c.push('govuk-file-upload--error') if has_errors?
+        %w(file-upload).prefix(brand).tap do |c|
+          c.push(%(#{brand}-file-upload--error)) if has_errors?
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/hint.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class Hint < Base
+      using PrefixableArray
+
       include Traits::Hint
       include Traits::Localisation
 
@@ -29,15 +31,15 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def hint_classes
-        %w(govuk-hint).push(@radio_class, @checkbox_class).compact
+        %w(hint).prefix(brand).push(@radio_class, @checkbox_class).compact
       end
 
       def radio_class(radio)
-        radio ? 'govuk-radios__hint' : nil
+        radio ? %(#{brand}-radios__hint) : nil
       end
 
       def checkbox_class(checkbox)
-        checkbox ? 'govuk-checkboxes__hint' : nil
+        checkbox ? %(#{brand}-checkboxes__hint) : nil
       end
     end
   end

data/lib/govuk_design_system_formbuilder/elements/inputs/email.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class Email < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/inputs/number.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class Number < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/inputs/password.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class Password < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/inputs/phone.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class Phone < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/inputs/text.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class Text < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/inputs/url.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Inputs
       class URL < Base
+        using PrefixableArray
+
         include Traits::Input
         include Traits::Error
         include Traits::Hint

data/lib/govuk_design_system_formbuilder/elements/label.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class Label < Base
+      using PrefixableArray
+
       include Traits::Localisation
 
       def initialize(builder, object_name, attribute_name, text: nil, value: nil, size: nil, hidden: false, radio: false, checkbox: false, tag: nil, link_errors: true)
@@ -19,7 +21,7 @@ module GOVUKDesignSystemFormBuilder
         return nil if @text.blank?
 
         if @tag.present?
-          content_tag(@tag, class: 'govuk-label-wrapper') { build_label }
+          content_tag(@tag, class: %(#{brand}-label-wrapper)) { build_label }
         else
           build_label
         end
@@ -32,7 +34,7 @@ module GOVUKDesignSystemFormBuilder
           @attribute_name,
           value: @value,
           for: field_id(link_errors: @link_errors),
-          class: %w(govuk-label).push(@size_class, @weight_class, @radio_class, @checkbox_class).compact
+          class: %w(label).prefix(brand).push(@size_class, @weight_class, @radio_class, @checkbox_class).compact
         ) do
           @text
         end
@@ -42,26 +44,26 @@ module GOVUKDesignSystemFormBuilder
         text = [option_text, localised_text(:label), @attribute_name.capitalize].compact.first.to_s
 
         if hidden
-          tag.span(text, class: %w(govuk-visually-hidden))
+          tag.span(text, class: %w(visually-hidden).prefix(brand))
         else
           text
         end
       end
 
       def radio_class(radio)
-        radio ? 'govuk-radios__label' : nil
+        radio ? %(#{brand}-radios__label) : nil
       end
 
       def checkbox_class(checkbox)
-        checkbox ? 'govuk-checkboxes__label' : nil
+        checkbox ? %(#{brand}-checkboxes__label) : nil
       end
 
       def label_size_class(size)
         case size
-        when 'xl'      then "govuk-label--xl"
-        when 'l'       then "govuk-label--l"
-        when 'm'       then "govuk-label--m"
-        when 's'       then "govuk-label--s"
+        when 'xl'      then %(#{brand}-label--xl)
+        when 'l'       then %(#{brand}-label--l)
+        when 'm'       then %(#{brand}-label--m)
+        when 's'       then %(#{brand}-label--s)
         when nil       then nil
         else
           fail "invalid size '#{size}', must be xl, l, m, s or nil"

data/lib/govuk_design_system_formbuilder/elements/radios/collection_radio_button.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Radios
       class CollectionRadioButton < Base
+        using PrefixableArray
+
         include Traits::Hint
         include Traits::CollectionItem
 
@@ -21,7 +23,7 @@ module GOVUKDesignSystemFormBuilder
         end
 
         def html
-          content_tag('div', class: 'govuk-radios__item') do
+          content_tag('div', class: %(#{brand}-radios__item)) do
             safe_join(
               [
                 @builder.radio_button(
@@ -29,7 +31,7 @@ module GOVUKDesignSystemFormBuilder
                   @value,
                   id: field_id(link_errors: @link_errors),
                   aria: { describedby: hint_id },
-                  class: %w(govuk-radios__input)
+                  class: %w(radios__input).prefix(brand)
                 ),
                 label_element.html,
                 hint_element.html

data/lib/govuk_design_system_formbuilder/elements/radios/fieldset_radio_button.rb

@@ -2,6 +2,8 @@ module GOVUKDesignSystemFormBuilder
   module Elements
     module Radios
       class FieldsetRadioButton < Base
+        using PrefixableArray
+
         include Traits::Hint
         include Traits::Conditional
 
@@ -22,7 +24,7 @@ module GOVUKDesignSystemFormBuilder
         def html
           safe_join(
             [
-              content_tag('div', class: 'govuk-radios__item') do
+              content_tag('div', class: %(#{brand}-radios__item)) do
                 safe_join(
                   [
                     input,
@@ -53,12 +55,12 @@ module GOVUKDesignSystemFormBuilder
             id: field_id(link_errors: @link_errors),
             aria: { describedby: hint_id },
             data: { 'aria-controls' => @conditional_id },
-            class: %w(govuk-radios__input)
+            class: %w(radios__input).prefix(brand)
           )
         end
 
         def conditional_classes
-          %w(govuk-radios__conditional govuk-radios__conditional--hidden)
+          %w(radios__conditional radios__conditional--hidden).prefix(brand)
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/select.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class Select < Base
+      using PrefixableArray
+
       include Traits::Error
       include Traits::Label
       include Traits::Hint
@@ -50,8 +52,8 @@ module GOVUKDesignSystemFormBuilder
       end
 
       def select_classes
-        %w(govuk-select).tap do |classes|
-          classes.push('govuk-select--error') if has_errors?
+        %w(select).prefix(brand).tap do |classes|
+          classes.push(%(#{brand}-select--error)) if has_errors?
         end
       end
     end

data/lib/govuk_design_system_formbuilder/elements/submit.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class Submit < Base
+      using PrefixableArray
+
       def initialize(builder, text, warning:, secondary:, classes:, prevent_double_click:, validate:, &block)
         fail ArgumentError, 'buttons can be warning or secondary' if warning && secondary
 
@@ -19,7 +21,7 @@ module GOVUKDesignSystemFormBuilder
           [
             @builder.submit(
               @text,
-              class: %w(govuk-button).push(
+              class: %w(button).prefix(brand).push(
                 warning_class,
                 secondary_class,
                 @classes,
@@ -35,23 +37,22 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def warning_class
-        'govuk-button--warning' if @warning
+        %(#{brand}-button--warning) if @warning
       end
 
       def secondary_class
-        'govuk-button--secondary' if @secondary
+        %(#{brand}-button--secondary) if @secondary
       end
 
       def padding_class(content_present)
-        'govuk-!-margin-right-1' if content_present
+        %(#{brand}-!-margin-right-1) if content_present
       end
 
       def extra_args
         {
           formnovalidate: !@validate,
           data: {
-            module: 'govuk-button',
-            'prevent-double-click' => @prevent_double_click
+            module: %(#{brand}-button), 'prevent-double-click' => @prevent_double_click
           }.select { |_k, v| v.present? }
         }
       end

data/lib/govuk_design_system_formbuilder/elements/text_area.rb

@@ -1,6 +1,8 @@
 module GOVUKDesignSystemFormBuilder
   module Elements
     class TextArea < Base
+      using PrefixableArray
+
       include Traits::Error
       include Traits::Hint
       include Traits::Label
@@ -48,9 +50,9 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def govuk_textarea_classes
-        %w(govuk-textarea).tap do |classes|
-          classes.push('govuk-textarea--error') if has_errors?
-          classes.push('govuk-js-character-count') if limit?
+        %w(textarea).prefix(brand).tap do |classes|
+          classes.push(%(#{brand}-textarea--error)) if has_errors?
+          classes.push(%(#{brand}-js-character-count)) if limit?
         end
       end
 
@@ -69,11 +71,15 @@ module GOVUKDesignSystemFormBuilder
       def limit_description
         return nil unless limit?
 
-        content_tag('span', id: limit_id, class: %w(govuk-hint govuk-character-count__message), aria: { live: 'polite' }) do
+        content_tag('span', id: limit_id, class: limit_description_classes, aria: { live: 'polite' }) do
           "You can enter up to #{limit_quantity} #{limit_type}"
         end
       end
 
+      def limit_description_classes
+        %w(hint character-count__message).prefix(brand)
+      end
+
       def limit_quantity
         @max_words || @max_chars
       end

data/lib/govuk_design_system_formbuilder/traits/input.rb

@@ -40,11 +40,11 @@ module GOVUKDesignSystemFormBuilder
     private
 
       def input_classes
-        %w(govuk-input).push(width_classes, error_classes).compact
+        [%(#{brand}-input)].push(width_classes, error_classes).compact
       end
 
       def error_classes
-        'govuk-input--error' if has_errors?
+        %(#{brand}-input--error) if has_errors?
       end
 
       def width_classes
@@ -53,20 +53,20 @@ module GOVUKDesignSystemFormBuilder
         case @width
 
           # fixed (character) widths
-        when 20 then 'govuk-input--width-20'
-        when 10 then 'govuk-input--width-10'
-        when 5  then 'govuk-input--width-5'
-        when 4  then 'govuk-input--width-4'
-        when 3  then 'govuk-input--width-3'
-        when 2  then 'govuk-input--width-2'
+        when 20 then %(#{brand}-input--width-20)
+        when 10 then %(#{brand}-input--width-10)
+        when 5  then %(#{brand}-input--width-5)
+        when 4  then %(#{brand}-input--width-4)
+        when 3  then %(#{brand}-input--width-3)
+        when 2  then %(#{brand}-input--width-2)
 
           # fluid widths
-        when 'full'           then 'govuk-!-width-full'
-        when 'three-quarters' then 'govuk-!-width-three-quarters'
-        when 'two-thirds'     then 'govuk-!-width-two-thirds'
-        when 'one-half'       then 'govuk-!-width-one-half'
-        when 'one-third'      then 'govuk-!-width-one-third'
-        when 'one-quarter'    then 'govuk-!-width-one-quarter'
+        when 'full'           then %(#{brand}-!-width-full)
+        when 'three-quarters' then %(#{brand}-!-width-three-quarters)
+        when 'two-thirds'     then %(#{brand}-!-width-two-thirds)
+        when 'one-half'       then %(#{brand}-!-width-one-half)
+        when 'one-third'      then %(#{brand}-!-width-one-third)
+        when 'one-quarter'    then %(#{brand}-!-width-one-quarter)
 
         else fail(ArgumentError, "invalid width '#{@width}'")
         end

data/lib/govuk_design_system_formbuilder/version.rb

@@ -1,3 +1,3 @@
 module GOVUKDesignSystemFormBuilder
-  VERSION = '1.1.11'.freeze
+  VERSION = '1.2.0b1'.freeze
 end

data/lib/govuk_design_system_formbuilder.rb

@@ -11,6 +11,9 @@ module GOVUKDesignSystemFormBuilder
 
   # Default form builder configuration
   #
+  # * +:brand+ sets the value used to prefix all classes, used to allow the
+  #   builder to be branded for alternative (similar) design systems.
+  #
   # * +:default_legend_size+ controls the default size of legend text.
   #   Can be either +xl+, +l+, +m+ or +s+.
   #
@@ -38,6 +41,8 @@ module GOVUKDesignSystemFormBuilder
   #   particular context, allowing them to be independently customised.
   # ===
   DEFAULTS = {
+    brand: 'govuk',
+
     default_legend_size: 'm',
     default_legend_tag: 'h1',
     default_submit_button_text: 'Continue',

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: govuk_design_system_formbuilder
 version: !ruby/object:Gem::Version
-  version: 1.1.11
+  version: 1.2.0b1
 platform: ruby
 authors:
 - Peter Yates
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-05-20 00:00:00.000000000 Z
+date: 2020-05-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -142,6 +142,34 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.17.1
+- !ruby/object:Gem::Dependency
+  name: adsf
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
+- !ruby/object:Gem::Dependency
+  name: adsf-live
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 1.4.2
 - !ruby/object:Gem::Dependency
   name: htmlbeautifier
   requirement: !ruby/object:Gem::Requirement
@@ -311,9 +339,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.0.3
 signing_key: