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

Autocomplete design updates #1163

Merged
merged 31 commits into from
May 31, 2022
Merged

Autocomplete design updates #1163

merged 31 commits into from
May 31, 2022

Conversation

langermank
Copy link
Contributor

These markup and CSS changes bring the Autocomplete component in closer alignment with PRC and design. This PR depends on a PCSS release, and is currently attached to a pre-release.

  • Uses Overlay and ActionList for the picker styles
  • Used updated FormControl styles to align with the upcoming Forms work (and to align with PRC).

To test, open this PR in a codespace and run script/lookbook from root.

Closes https://github.com/github/primer/issues/796

@langermank langermank requested review from a team and camertron May 20, 2022 23:23
@changeset-bot
Copy link

changeset-bot bot commented May 20, 2022

🦋 Changeset detected

Latest commit: e65af60

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@primer/view-components Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@langermank langermank temporarily deployed to github-pages May 24, 2022 21:03 Inactive
@primer-css primer-css temporarily deployed to github-pages May 24, 2022 22:29 Inactive
@langermank langermank temporarily deployed to github-pages May 24, 2022 22:48 Inactive
@langermank langermank temporarily deployed to github-pages May 25, 2022 00:05 Inactive
@langermank langermank temporarily deployed to github-pages May 25, 2022 00:10 Inactive
Copy link
Contributor

@camertron camertron left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work so far 😄

app/components/primer/beta/auto_complete.rb Outdated Show resolved Hide resolved
app/components/primer/beta/auto_complete.rb Outdated Show resolved Hide resolved
app/components/primer/beta/auto_complete.rb Show resolved Hide resolved
app/components/primer/beta/auto_complete/item.rb Outdated Show resolved Hide resolved
app/components/primer/beta/auto_complete/item.rb Outdated Show resolved Hide resolved
@@ -3,3 +3,6 @@
/* @import '/workspaces/css/src/index.scss'; */

@import '@primer/css/index.scss';

/* temporary design token imports */
@import '@primer/css/primitives/index.scss';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does this need to be removed now?

lib/rubocop/cop/primer/deprecated_arguments.rb Outdated Show resolved Hide resolved
lib/rubocop/cop/primer/deprecated_arguments.rb Outdated Show resolved Hide resolved
Co-authored-by: Cameron Dutro <camertron@gmail.com>
langermank and others added 3 commits May 26, 2022 10:57
Co-authored-by: Cameron Dutro <camertron@gmail.com>
Co-authored-by: Cameron Dutro <camertron@gmail.com>
Co-authored-by: Cameron Dutro <camertron@gmail.com>
@langermank langermank temporarily deployed to github-pages May 26, 2022 18:02 Inactive
@langermank langermank temporarily deployed to github-pages May 26, 2022 18:09 Inactive
@langermank langermank temporarily deployed to github-pages May 26, 2022 18:13 Inactive
@langermank langermank temporarily deployed to github-pages May 26, 2022 18:31 Inactive
@primer-css primer-css temporarily deployed to github-pages May 26, 2022 21:02 Inactive
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
@langermank langermank temporarily deployed to github-pages May 26, 2022 21:43 Inactive
@primer-css primer-css temporarily deployed to github-pages May 26, 2022 21:57 Inactive
@langermank langermank merged commit 1fabdc6 into main May 31, 2022
@langermank langermank deleted the autocomplete-design-updates branch May 31, 2022 20:09
@primer-css primer-css mentioned this pull request May 31, 2022
@langermank langermank restored the autocomplete-design-updates branch June 8, 2022 17:02
joelhawksley added a commit that referenced this pull request Jun 8, 2022
@joelhawksley joelhawksley mentioned this pull request Jun 8, 2022
joelhawksley added a commit that referenced this pull request Jun 8, 2022
* Revert #1163

* Create flat-pigs-obey.md
@primer-css primer-css mentioned this pull request Jun 8, 2022
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.

5 participants