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

[Component] Lead space search #10787

Closed
8 tasks done
Tracked by #10715
oliviaflory opened this issue Aug 3, 2023 · 0 comments
Closed
8 tasks done
Tracked by #10715

[Component] Lead space search #10787

oliviaflory opened this issue Aug 3, 2023 · 0 comments

Comments

@oliviaflory
Copy link
Contributor

oliviaflory commented Aug 3, 2023

Updated v2 design specs

Updates to the component in v2:

  • For v2, we will deprecate the image background variant for lead space search. This is to ensure that the centered lead space heading and subheading can maintain proper contrast across breakpoints.
  • Removed title and subheading discrepancy. Now there is only one heading for the component.
  • New highlight span can be added to the heading (no where else). Highlight can apply to a word or words anywhere in the heading.
  • New Dotcom color token to handle highlight across lead space components: $heading-highlight.
  • Updated spacing values to bring in line with content block/section. Margin at top and bottom.
  • No more 90% container width for text. Text width is now more in-line with content block (instead of 90% of container)
  • Use Carbon core's search set to the large sizing.
  • Search is now flush with the columns (no overhang)

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

3 participants