Dev: Align Search with Site Search Box

[realdylanzheng]

📇 User Story or Summary

As a developer, I want the font size on the search component to be smaller than 20px, and I want the rounded corners removed to complete the alignment work with Canada.ca

✅ Definition of Done / Outcomes

• Done when a PR is reviewed and approved on the tokens repository
• Done when the PR on the tokens repository is merged and released
• Done when a PR on the components repository is approved and ready to merge, but not yet merged
• Done when PR on the components repository has been reviewed by at least 1 dev
• Done when tests are written and passing

📜 Acceptance criteria

• The font size on the search is smaller than current (20px) 16px to align with Canada.ca
• The rounded corners, or border radius, on the search component should be removed or set to none.
• The component tokens gcds-search-font-desktop and gcds-search-font-mobile for the search component should be updated to use a smaller font size (1rem or 16px)
• The CSS for the component token has been updated to remove the rounded borders
• PR on the components repository needs to be reviewed by at least 1 designer
• PR on the components repository, while approved, should not yet be merged

[adorayi]

Missing acceptance criteria for size of the search input to be set to size 34

[adorayi]

What happens when the search component is used outside of the header? re: responsive vs non responsive use.
Follow up with @jmealing in the next meeting, how should the Search component be used outside of the header. See Canada.ca Search results page.