Plat UI 2847 (#344)

* PLATUI-2823: Update govuk-frontend to v4.8.0 to include new Tudor crown, updated header with feature flag, added new HMRC Crest Logo to banner and internal header with feature flag * PLATUI-2817: Updated PR to use old Crown by default, and only Tudor Crown when passed as param * PLATUI-2817: Bump version to 5.65.0 * PLATUI-2817: Bump version to 5.66.0 * pass through the tudor crown option in the account-header layout (#343) * fix tests, and refactor header * accept backstop changes * update tests due to change in position of banners in header * Update hmrc footer to delegate to govuk footer * update character count params with new additions * PLATUI-2847: revert back to previous structure In trying to create an example of the issue that I changed the structure to fix, I realised that the issue came not from a govuk change but from changing back to follow the govuk convention. Because of that, even though I still think it would be good to match GOV.UK - it's not worth making that change as part of this - especially because we still have the language select and sign out links within the header which mean we wouldn't be able to get rid of our fork all together. * PLATUI-2847: remove banner ref in changelog * PLATUI-2847: add back in the hmrc-header__service-name classes Noticed that this would break a few tests - now the only difference is the labels for the menu on mobile - however that is something we don't seem to have explicitly diverged on from the govuk implementation. * PLATUI-2847: remove redundant styles for hmrc-header__service-name * Revert "PLATUI-2847: remove redundant styles for hmrc-header__service-name" This reverts commit 76e5406. * PLATUI-2847: remove IE8 fallbacks and shorten svg tests --------- Co-authored-by: JoPintoPaul <[email protected]> Co-authored-by: Kyle Bowden <[email protected]>
hmrc · Mar 6, 2024 · 1b2084f · 1b2084f
1 parent 26b50b3
commit 1b2084f
Show file tree

Hide file tree

Showing 142 changed files with 759 additions and 584 deletions.
diff --git a/.nsprc b/.nsprc
@@ -1,4 +1,5 @@
 {
+  "GHSA-4gmj-3p3h-gm8h": "es5-ext - no risk given our usage - test coverage should catch",
   "GHSA-78xj-cgh5-2h22": "ip - devDependency, no risk given our usage",
   "GHSA-67hx-6x53-jw92": "@babel/traverse - devDependency, no risk given our usage",
   "GHSA-j8xg-fqg3-53r7": "word-wrap - devDependency, no risk given our usage",

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,14 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [6.3.0] - 2024-02-27
+
+### Changed
+
+- Tudor crown incorporated, and now enabled by default
+- Updated govuk-frontend to v5.2.0
+- Updated npm audit exclusions
+
 ## [6.2.0] - 2024-02-26
 
 ### Changed
@@ -25,6 +33,38 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 - Updated to work with govuk-frontend v5
 
+## [5.67.0] - 2024-02-19
+
+### Changed
+
+- add useTudorCrown option to account-header layout for prototypes and the design-system
+
+## [5.66.0] - 2024-02-09
+
+### Changed
+
+- version number bumped to trigger release - no other changes
+
+## [5.65.0] - 2024-02-09
+
+### Changed
+
+- updated api for using the tudor crown to match govuk-frontend, and started passing through the value to child
+  components that need it
+
+## [5.64.0] - 2024-02-08
+
+### Changed
+
+- Updated `govuk-frontend` to `v4.8.0`. Updated `header` to use new Tudor Crown logo via feature flag. Update `banner`
+  and `internal-header` to use new HMRC Crest via feature flag.
+
+## [5.63.0] - 2024-02-06
+
+### Changed
+
+- Test release updating `govuk-frontend` to `v4.8.0` and testing new Tudor Crown logo changes. Do not use this release.
+
 ## [5.62.0] - 2024-01-03
 
 ### Changed

diff --git a/...nt-header_all-available-options-with-tudor-crown_example_0_document_0_phone.png b/...nt-header_all-available-options-with-tudor-crown_example_0_document_0_phone.png
diff --git a/...t-header_all-available-options-with-tudor-crown_example_0_document_1_tablet.png b/...t-header_all-available-options-with-tudor-crown_example_0_document_1_tablet.png
diff --git a/...top_default_account-header_all-available-options_example_0_document_0_phone.png b/...top_default_account-header_all-available-options_example_0_document_0_phone.png
diff --git a/...op_default_account-header_all-available-options_example_0_document_1_tablet.png b/...op_default_account-header_all-available-options_example_0_document_1_tablet.png
diff --git a/...eference/backstop_default_account-header_default_example_0_document_0_phone.png b/...eference/backstop_default_account-header_default_example_0_document_0_phone.png
diff --git a/...ference/backstop_default_account-header_default_example_0_document_1_tablet.png b/...ference/backstop_default_account-header_default_example_0_document_1_tablet.png
diff --git a/...kstop_default_account-header_global-service-name_example_0_document_0_phone.png b/...kstop_default_account-header_global-service-name_example_0_document_0_phone.png
diff --git a/...stop_default_account-header_global-service-name_example_0_document_1_tablet.png b/...stop_default_account-header_global-service-name_example_0_document_1_tablet.png
diff --git a/...p_default_account-header_link-states-on-desktop_example_0_document_0_tablet.png b/...p_default_account-header_link-states-on-desktop_example_0_document_0_tablet.png
diff --git a/...es-on-desktop_example_account-menu-account-home-focused_0_document_0_tablet.png b/...es-on-desktop_example_account-menu-account-home-focused_0_document_0_tablet.png
diff --git a/...es-on-desktop_example_account-menu-account-home-hovered_0_document_0_tablet.png b/...es-on-desktop_example_account-menu-account-home-hovered_0_document_0_tablet.png
diff --git a/...states-on-desktop_example_account-menu-messages-focused_0_document_0_tablet.png b/...states-on-desktop_example_account-menu-messages-focused_0_document_0_tablet.png
diff --git a/...states-on-desktop_example_account-menu-messages-hovered_0_document_0_tablet.png b/...states-on-desktop_example_account-menu-messages-hovered_0_document_0_tablet.png
diff --git a/...-select-alternate-lang-focused-and-current-lang-hovered_0_document_0_tablet.png b/...-select-alternate-lang-focused-and-current-lang-hovered_0_document_0_tablet.png
diff --git a/...-select-current-lang-focused-and-alternate-lang-hovered_0_document_0_tablet.png b/...-select-current-lang-focused-and-alternate-lang-hovered_0_document_0_tablet.png
diff --git a/..._link-states-on-mobile-with-dropdown-link-active_example_0_document_0_phone.png b/..._link-states-on-mobile-with-dropdown-link-active_example_0_document_0_phone.png
diff --git a/...e_example_account-menu-dropdown-open-active-link-focused_0_document_0_phone.png b/...e_example_account-menu-dropdown-open-active-link-focused_0_document_0_phone.png
diff --git a/...e_example_account-menu-dropdown-open-active-link-hovered_0_document_0_phone.png b/...e_example_account-menu-dropdown-open-active-link-hovered_0_document_0_phone.png
diff --git a/...-dropdown-link-active_example_account-menu-dropdown-open_0_document_0_phone.png b/...-dropdown-link-active_example_account-menu-dropdown-open_0_document_0_phone.png
diff --git a/...ink-active_example_account-menu-with-larger-browser-font_0_document_0_phone.png b/...ink-active_example_account-menu-with-larger-browser-font_0_document_0_phone.png
diff --git a/...top_default_account-header_link-states-on-mobile_example_0_document_0_phone.png b/...top_default_account-header_link-states-on-mobile_example_0_document_0_phone.png
diff --git a/...ates-on-mobile_example_account-menu-account-home-focused_0_document_0_phone.png b/...ates-on-mobile_example_account-menu-account-home-focused_0_document_0_phone.png
diff --git a/...ates-on-mobile_example_account-menu-account-home-hovered_0_document_0_phone.png b/...ates-on-mobile_example_account-menu-account-home-hovered_0_document_0_phone.png
diff --git a/...k-states-on-mobile_example_account-menu-dropdown-focused_0_document_0_phone.png b/...k-states-on-mobile_example_account-menu-dropdown-focused_0_document_0_phone.png
diff --git a/...k-states-on-mobile_example_account-menu-dropdown-hovered_0_document_0_phone.png b/...k-states-on-mobile_example_account-menu-dropdown-hovered_0_document_0_phone.png
diff --git a/...bile_example_account-menu-dropdown-open-messages-focused_0_document_0_phone.png b/...bile_example_account-menu-dropdown-open-messages-focused_0_document_0_phone.png
diff --git a/...bile_example_account-menu-dropdown-open-messages-hovered_0_document_0_phone.png b/...bile_example_account-menu-dropdown-open-messages-hovered_0_document_0_phone.png
diff --git a/...link-states-on-mobile_example_account-menu-dropdown-open_0_document_0_phone.png b/...link-states-on-mobile_example_account-menu-dropdown-open_0_document_0_phone.png
diff --git a/...lt_account-header_overridden-global-service-name_example_0_document_0_phone.png b/...lt_account-header_overridden-global-service-name_example_0_document_0_phone.png
diff --git a/...t_account-header_overridden-global-service-name_example_0_document_1_tablet.png b/...t_account-header_overridden-global-service-name_example_0_document_1_tablet.png
diff --git a/...p_default_account-header_welsh-with-service-name_example_0_document_0_phone.png b/...p_default_account-header_welsh-with-service-name_example_0_document_0_phone.png
diff --git a/..._default_account-header_welsh-with-service-name_example_0_document_1_tablet.png b/..._default_account-header_welsh-with-service-name_example_0_document_1_tablet.png
diff --git a/...ackstop_default_account-header_with-service-name_example_0_document_0_phone.png b/...ackstop_default_account-header_with-service-name_example_0_document_0_phone.png
diff --git a/...ckstop_default_account-header_with-service-name_example_0_document_1_tablet.png b/...ckstop_default_account-header_with-service-name_example_0_document_1_tablet.png
diff --git a/...reference/backstop_default_add-to-a-list_default_example_0_document_0_phone.png b/...reference/backstop_default_add-to-a-list_default_example_0_document_0_phone.png
diff --git a/...eference/backstop_default_add-to-a-list_default_example_0_document_1_tablet.png b/...eference/backstop_default_add-to-a-list_default_example_0_document_1_tablet.png
diff --git a/.../backstop_default_add-to-a-list_empty-list-welsh_example_0_document_0_phone.png b/.../backstop_default_add-to-a-list_empty-list-welsh_example_0_document_0_phone.png
diff --git a/...backstop_default_add-to-a-list_empty-list-welsh_example_0_document_1_tablet.png b/...backstop_default_add-to-a-list_empty-list-welsh_example_0_document_1_tablet.png
diff --git a/...fault_add-to-a-list_multiple-generic-welsh-items_example_0_document_0_phone.png b/...fault_add-to-a-list_multiple-generic-welsh-items_example_0_document_0_phone.png
diff --git a/...ault_add-to-a-list_multiple-generic-welsh-items_example_0_document_1_tablet.png b/...ault_add-to-a-list_multiple-generic-welsh-items_example_0_document_1_tablet.png
diff --git a/...op_default_add-to-a-list_multiple-specific-items_example_0_document_0_phone.png b/...op_default_add-to-a-list_multiple-specific-items_example_0_document_0_phone.png
diff --git a/...p_default_add-to-a-list_multiple-specific-items_example_0_document_1_tablet.png b/...p_default_add-to-a-list_multiple-specific-items_example_0_document_1_tablet.png
diff --git a/...ckstop_default_add-to-a-list_single-generic-item_example_0_document_0_phone.png b/...ckstop_default_add-to-a-list_single-generic-item_example_0_document_0_phone.png
diff --git a/...kstop_default_add-to-a-list_single-generic-item_example_0_document_1_tablet.png b/...kstop_default_add-to-a-list_single-generic-item_example_0_document_1_tablet.png
diff --git a/..._default_add-to-a-list_single-generic-welsh-item_example_0_document_0_phone.png b/..._default_add-to-a-list_single-generic-welsh-item_example_0_document_0_phone.png
diff --git a/...default_add-to-a-list_single-generic-welsh-item_example_0_document_1_tablet.png b/...default_add-to-a-list_single-generic-welsh-item_example_0_document_1_tablet.png
diff --git a/...itmaps_reference/backstop_default_banner_default_example_0_document_0_phone.png b/...itmaps_reference/backstop_default_banner_default_example_0_document_0_phone.png
diff --git a/...tmaps_reference/backstop_default_banner_default_example_0_document_1_tablet.png b/...tmaps_reference/backstop_default_banner_default_example_0_document_1_tablet.png
diff --git a/.../bitmaps_reference/backstop_default_banner_welsh_example_0_document_0_phone.png b/.../bitmaps_reference/backstop_default_banner_welsh_example_0_document_0_phone.png
diff --git a/...bitmaps_reference/backstop_default_banner_welsh_example_0_document_1_tablet.png b/...bitmaps_reference/backstop_default_banner_welsh_example_0_document_1_tablet.png
diff --git a/...ce/backstop_default_banner_with-st-edwards-crown_example_0_document_0_phone.png b/...ce/backstop_default_banner_with-st-edwards-crown_example_0_document_0_phone.png
diff --git a/...e/backstop_default_banner_with-st-edwards-crown_example_0_document_1_tablet.png b/...e/backstop_default_banner_with-st-edwards-crown_example_0_document_1_tablet.png
diff --git a/...ference/backstop_default_banner_with-tudor-crown_example_0_document_0_phone.png b/...ference/backstop_default_banner_with-tudor-crown_example_0_document_0_phone.png
diff --git a/...erence/backstop_default_banner_with-tudor-crown_example_0_document_1_tablet.png b/...erence/backstop_default_banner_with-tudor-crown_example_0_document_1_tablet.png
diff --git a/...aracter-count_with_default_value_exceeding_limit_example_0_document_0_phone.png b/...aracter-count_with_default_value_exceeding_limit_example_0_document_0_phone.png
diff --git a/...racter-count_with_default_value_exceeding_limit_example_0_document_1_tablet.png b/...racter-count_with_default_value_exceeding_limit_example_0_document_1_tablet.png
diff --git a/...r-count_with_default_value_exceeding_limit_welsh_example_0_document_0_phone.png b/...r-count_with_default_value_exceeding_limit_welsh_example_0_document_0_phone.png
diff --git a/...-count_with_default_value_exceeding_limit_welsh_example_0_document_1_tablet.png b/...-count_with_default_value_exceeding_limit_welsh_example_0_document_1_tablet.png
diff --git a/...efault_footer_with_params_common_to_govuk_footer_example_0_document_0_phone.png b/...efault_footer_with_params_common_to_govuk_footer_example_0_document_0_phone.png
diff --git a/...fault_footer_with_params_common_to_govuk_footer_example_0_document_1_tablet.png b/...fault_footer_with_params_common_to_govuk_footer_example_0_document_1_tablet.png
diff --git a/...itmaps_reference/backstop_default_header_default_example_0_document_0_phone.png b/...itmaps_reference/backstop_default_header_default_example_0_document_0_phone.png
diff --git a/...tmaps_reference/backstop_default_header_default_example_0_document_1_tablet.png b/...tmaps_reference/backstop_default_header_default_example_0_document_1_tablet.png
diff --git a/...aps_reference/backstop_default_header_full_width_example_0_document_0_phone.png b/...aps_reference/backstop_default_header_full_width_example_0_document_0_phone.png
diff --git a/...ps_reference/backstop_default_header_full_width_example_0_document_1_tablet.png b/...ps_reference/backstop_default_header_full_width_example_0_document_1_tablet.png
diff --git a/...ll_width_with_navigation_and_menu_open_on_mobile_example_0_document_0_phone.png b/...ll_width_with_navigation_and_menu_open_on_mobile_example_0_document_0_phone.png
diff --git a/...ckstop_default_header_full_width_with_navigation_example_0_document_0_phone.png b/...ckstop_default_header_full_width_with_navigation_example_0_document_0_phone.png
diff --git a/...kstop_default_header_full_width_with_navigation_example_0_document_1_tablet.png b/...kstop_default_header_full_width_with_navigation_example_0_document_1_tablet.png
diff --git a/...ackstop_default_header_navigation_item_with_html_example_0_document_0_phone.png b/...ackstop_default_header_navigation_item_with_html_example_0_document_0_phone.png
diff --git a/...ckstop_default_header_navigation_item_with_html_example_0_document_1_tablet.png b/...ckstop_default_header_navigation_item_with_html_example_0_document_1_tablet.png
diff --git a/...lt_header_navigation_item_with_html_without_link_example_0_document_0_phone.png b/...lt_header_navigation_item_with_html_without_link_example_0_document_0_phone.png
diff --git a/...t_header_navigation_item_with_html_without_link_example_0_document_1_tablet.png b/...t_header_navigation_item_with_html_without_link_example_0_document_1_tablet.png
diff --git a/...lt_header_navigation_item_with_text_without_link_example_0_document_0_phone.png b/...lt_header_navigation_item_with_text_without_link_example_0_document_0_phone.png
diff --git a/...t_header_navigation_item_with_text_without_link_example_0_document_1_tablet.png b/...t_header_navigation_item_with_text_without_link_example_0_document_1_tablet.png
diff --git a/..._reference/backstop_default_header_sign_out_link_example_0_document_0_phone.png b/..._reference/backstop_default_header_sign_out_link_example_0_document_0_phone.png
diff --git a/...reference/backstop_default_header_sign_out_link_example_0_document_1_tablet.png b/...reference/backstop_default_header_sign_out_link_example_0_document_1_tablet.png
diff --git a/...e/backstop_default_header_sign_out_link_in_welsh_example_0_document_0_phone.png b/...e/backstop_default_header_sign_out_link_in_welsh_example_0_document_0_phone.png
diff --git a/.../backstop_default_header_sign_out_link_in_welsh_example_0_document_1_tablet.png b/.../backstop_default_header_sign_out_link_in_welsh_example_0_document_1_tablet.png
diff --git a/...e/backstop_default_header_with_additional_banner_example_0_document_0_phone.png b/...e/backstop_default_header_with_additional_banner_example_0_document_0_phone.png
diff --git a/.../backstop_default_header_with_additional_banner_example_0_document_1_tablet.png b/.../backstop_default_header_with_additional_banner_example_0_document_1_tablet.png
diff --git a/...backstop_default_header_with_hmrc_banner_english_example_0_document_0_phone.png b/...backstop_default_header_with_hmrc_banner_english_example_0_document_0_phone.png
diff --git a/...ackstop_default_header_with_hmrc_banner_english_example_0_document_1_tablet.png b/...ackstop_default_header_with_hmrc_banner_english_example_0_document_1_tablet.png
diff --git a/...e/backstop_default_header_with_hmrc_banner_welsh_example_0_document_0_phone.png b/...e/backstop_default_header_with_hmrc_banner_welsh_example_0_document_0_phone.png
diff --git a/.../backstop_default_header_with_hmrc_banner_welsh_example_0_document_1_tablet.png b/.../backstop_default_header_with_hmrc_banner_welsh_example_0_document_1_tablet.png
diff --git a/...stop_default_header_with_language_toggle_english_example_0_document_0_phone.png b/...stop_default_header_with_language_toggle_english_example_0_document_0_phone.png
diff --git a/...top_default_header_with_language_toggle_english_example_0_document_1_tablet.png b/...top_default_header_with_language_toggle_english_example_0_document_1_tablet.png
diff --git a/...ckstop_default_header_with_language_toggle_welsh_example_0_document_0_phone.png b/...ckstop_default_header_with_language_toggle_welsh_example_0_document_0_phone.png
diff --git a/...kstop_default_header_with_language_toggle_welsh_example_0_document_1_tablet.png b/...kstop_default_header_with_language_toggle_welsh_example_0_document_1_tablet.png
diff --git a/...ce/backstop_default_header_with_large_navigation_example_0_document_0_phone.png b/...ce/backstop_default_header_with_large_navigation_example_0_document_0_phone.png
diff --git a/...e/backstop_default_header_with_large_navigation_example_0_document_1_tablet.png b/...e/backstop_default_header_with_large_navigation_example_0_document_1_tablet.png
diff --git a/...kstop_default_header_with_large_navigation_welsh_example_0_document_0_phone.png b/...kstop_default_header_with_large_navigation_welsh_example_0_document_0_phone.png
diff --git a/...stop_default_header_with_large_navigation_welsh_example_0_document_1_tablet.png b/...stop_default_header_with_large_navigation_welsh_example_0_document_1_tablet.png
diff --git a/...eference/backstop_default_header_with_navigation_example_0_document_0_phone.png b/...eference/backstop_default_header_with_navigation_example_0_document_0_phone.png
diff --git a/...ference/backstop_default_header_with_navigation_example_0_document_1_tablet.png b/...ference/backstop_default_header_with_navigation_example_0_document_1_tablet.png
diff --git a/...ce/backstop_default_header_with_navigation_welsh_example_0_document_0_phone.png b/...ce/backstop_default_header_with_navigation_welsh_example_0_document_0_phone.png
diff --git a/...e/backstop_default_header_with_navigation_welsh_example_0_document_1_tablet.png b/...e/backstop_default_header_with_navigation_welsh_example_0_document_1_tablet.png
diff --git a/...efault_header_with_params_common_to_govuk_header_example_0_document_0_phone.png b/...efault_header_with_params_common_to_govuk_header_example_0_document_0_phone.png
diff --git a/...fault_header_with_params_common_to_govuk_header_example_0_document_1_tablet.png b/...fault_header_with_params_common_to_govuk_header_example_0_document_1_tablet.png
diff --git a/...erence/backstop_default_header_with_product_name_example_0_document_0_phone.png b/...erence/backstop_default_header_with_product_name_example_0_document_0_phone.png
diff --git a/...rence/backstop_default_header_with_product_name_example_0_document_1_tablet.png b/...rence/backstop_default_header_with_product_name_example_0_document_1_tablet.png
diff --git a/..._default_header_with_service_name_and_navigation_example_0_document_0_phone.png b/..._default_header_with_service_name_and_navigation_example_0_document_0_phone.png
diff --git a/...default_header_with_service_name_and_navigation_example_0_document_1_tablet.png b/...default_header_with_service_name_and_navigation_example_0_document_1_tablet.png
diff --git a/...ult_header_with_service_name_but_no_service_link_example_0_document_0_phone.png b/...ult_header_with_service_name_but_no_service_link_example_0_document_0_phone.png
diff --git a/...lt_header_with_service_name_but_no_service_link_example_0_document_1_tablet.png b/...lt_header_with_service_name_but_no_service_link_example_0_document_1_tablet.png
diff --git a/...erence/backstop_default_header_with_service_name_example_0_document_0_phone.png b/...erence/backstop_default_header_with_service_name_example_0_document_0_phone.png
diff --git a/...rence/backstop_default_header_with_service_name_example_0_document_1_tablet.png b/...rence/backstop_default_header_with_service_name_example_0_document_1_tablet.png
diff --git a/...ce/backstop_default_header_with_st_edwards_crown_example_0_document_0_phone.png b/...ce/backstop_default_header_with_st_edwards_crown_example_0_document_0_phone.png
diff --git a/...e/backstop_default_header_with_st_edwards_crown_example_0_document_1_tablet.png b/...e/backstop_default_header_with_st_edwards_crown_example_0_document_1_tablet.png
diff --git a/...ference/backstop_default_header_with_tudor_crown_example_0_document_0_phone.png b/...ference/backstop_default_header_with_tudor_crown_example_0_document_0_phone.png
diff --git a/...erence/backstop_default_header_with_tudor_crown_example_0_document_1_tablet.png b/...erence/backstop_default_header_with_tudor_crown_example_0_document_1_tablet.png
diff --git a/...ference/backstop_default_internal-header_default_example_0_document_0_phone.png b/...ference/backstop_default_internal-header_default_example_0_document_0_phone.png
diff --git a/...erence/backstop_default_internal-header_default_example_0_document_1_tablet.png b/...erence/backstop_default_internal-header_default_example_0_document_1_tablet.png
diff --git a/...reference/backstop_default_internal-header_welsh_example_0_document_0_phone.png b/...reference/backstop_default_internal-header_welsh_example_0_document_0_phone.png
diff --git a/...eference/backstop_default_internal-header_welsh_example_0_document_1_tablet.png b/...eference/backstop_default_internal-header_welsh_example_0_document_1_tablet.png
diff --git a/...ckstop_default_internal-header_with-service-name_example_0_document_0_phone.png b/...ckstop_default_internal-header_with-service-name_example_0_document_0_phone.png
diff --git a/...kstop_default_internal-header_with-service-name_example_0_document_1_tablet.png b/...kstop_default_internal-header_with-service-name_example_0_document_1_tablet.png
diff --git a/...op_default_internal-header_with-st-edwards-crown_example_0_document_0_phone.png b/...op_default_internal-header_with-st-edwards-crown_example_0_document_0_phone.png
diff --git a/...p_default_internal-header_with-st-edwards-crown_example_0_document_1_tablet.png b/...p_default_internal-header_with-st-edwards-crown_example_0_document_1_tablet.png
diff --git a/...ackstop_default_internal-header_with-tudor-crown_example_0_document_0_phone.png b/...ackstop_default_internal-header_with-tudor-crown_example_0_document_0_phone.png
diff --git a/...ckstop_default_internal-header_with-tudor-crown_example_0_document_1_tablet.png b/...ckstop_default_internal-header_with-tudor-crown_example_0_document_1_tablet.png
diff --git a/lib/helper-functions.js b/lib/helper-functions.js
@@ -6,16 +6,23 @@
 // Component names are lowercase, dash-separated strings (button, date-input),
 // whilst macro names have a `govuk` prefix and are camel cased (govukButton,
 // govukDateInput).
-const componentNameToMacroName = (componentName) => {
+const GOVUK_COMPONENTS_PATH = '/components/';
+
+const componentNameToMacroName = (componentPath) => {
+  const [componentName, library = 'hmrc'] = componentPath
+    .split(GOVUK_COMPONENTS_PATH)
+    .reverse();
+
   const macroName = componentName
     .toLowerCase()
     .split('-')
     // capitalize each 'word'
     .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
     .join('');
 
-  return `hmrc${macroName}`;
+  return `${library}${macroName}`;
 };
+
 exports.componentNameToMacroName = componentNameToMacroName;
 
 exports.componentNameToComponentDirectory = (componentName) => [componentName].join('-'