Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[WIP] Standardise inverse for search component #4289

Draft
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

andysellick
Copy link
Contributor

@andysellick andysellick commented Oct 8, 2024

What

Update components that have an option for displaying them on a dark background to use inverse as the option name.

Continues the work from #4288. This is more of a breaking change, so holding off on this for now as it's less of a priority.

Why

We're doing some unrelated work with the action link component and the fact that action link uses something other than inverse causes extra code to be required.

For reference, here are all the components I could find prior to starting this PR with an inverse option and what they called it:

  • action link - light_text (handled in Standardise inverse option for action link component #4288)
  • breadcrumbs - inverse
  • contextual breadcrumbs - inverse
  • govspeak - inverse
  • heading - inverse
  • lead paragraph - inverse
  • metadata - inverse
  • phase banner - inverse
  • search with autocomplete - on_govuk_blue
  • search - on_govuk_blue
  • title - inverse
  • translation nav - inverse

Visual Changes

Should be no actual visual changes apart from some of the names of the examples in the component guide.

- BREAKING as option name has changed
- this is arguably not an 'inverse' version of the component, since it doesn't switch all of the colours from e.g. text black to text white, however I think its better to standardise our component options for ease of understanding - if 'inverse' is always used when a component is on a dark background, it's easier for developers to find and apply that option, even if it doesn't really invert the colours on the component
@andysellick andysellick changed the title Standardise inverse for search component [WIP] Standardise inverse for search component Oct 8, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants