{"action":"created","issue":{"url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/214","labels_url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/214/labels{/name}","comments_url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/214/comments","events_url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/214/events","html_url":"https://github.com/18F/govt-wide-patternlibrary/pull/214","id":95751201,"number":214,"title":"Add search bar component","user":{"login":"maya","id":5249443,"avatar_url":"https://avatars.githubusercontent.com/u/5249443?v=3","gravatar_id":"","url":"https://api.github.com/users/maya","html_url":"https://github.com/maya","followers_url":"https://api.github.com/users/maya/followers","following_url":"https://api.github.com/users/maya/following{/other_user}","gists_url":"https://api.github.com/users/maya/gists{/gist_id}","starred_url":"https://api.github.com/users/maya/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maya/subscriptions","organizations_url":"https://api.github.com/users/maya/orgs","repos_url":"https://api.github.com/users/maya/repos","events_url":"https://api.github.com/users/maya/events{/privacy}","received_events_url":"https://api.github.com/users/maya/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-07-17T21:43:00Z","updated_at":"2015-07-22T14:45:14Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/pulls/214","html_url":"https://github.com/18F/govt-wide-patternlibrary/pull/214","diff_url":"https://github.com/18F/govt-wide-patternlibrary/pull/214.diff","patch_url":"https://github.com/18F/govt-wide-patternlibrary/pull/214.patch"},"body":"This adds the search bar :flashlight: component to the library :books:\r\n\r\nThis addresses: https://github.com/18F/govt-wide-patternlibrary/issues/196\r\n\r\n*Note: The way this is coded, search medium is the default search bar.\r\n\r\nThis is what it looks like:\r\n\r\n**Large screen**:\r\n<img width=\"668\" alt=\"screen shot 2015-07-21 at 8 23 36 pm\" src=\"https://cloud.githubusercontent.com/assets/5249443/8817269/528edd76-2fe6-11e5-99de-5059b50a8292.png\">\r\n\r\n**Medium screen**:\r\n\r\n<img width=\"538\" alt=\"screen shot 2015-07-21 at 8 54 00 pm\" src=\"https://cloud.githubusercontent.com/assets/5249443/8817680/463bacf2-2feb-11e5-9dc0-250912c332de.png\">\r\n\r\n*Search big transforms to medium\r\n\r\n**Small screen**:\r\n\r\n<img width=\"428\" alt=\"screen shot 2015-07-21 at 8 22 29 pm\" src=\"https://cloud.githubusercontent.com/assets/5249443/8817271/557bb8ce-2fe6-11e5-955d-2835f286cfd6.png\">\r\n\r\n*Big and medium (default) transform to small\r\n\r\n**In action**: :movie_camera: \r\n![](http://g.recordit.co/rjKVNsvTvY.gif)"},"comment":{"url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/comments/123745952","html_url":"https://github.com/18F/govt-wide-patternlibrary/pull/214#issuecomment-123745952","issue_url":"https://api.github.com/repos/18F/govt-wide-patternlibrary/issues/214","id":123745952,"user":{"login":"juliaelman","id":955558,"avatar_url":"https://avatars.githubusercontent.com/u/955558?v=3","gravatar_id":"","url":"https://api.github.com/users/juliaelman","html_url":"https://github.com/juliaelman","followers_url":"https://api.github.com/users/juliaelman/followers","following_url":"https://api.github.com/users/juliaelman/following{/other_user}","gists_url":"https://api.github.com/users/juliaelman/gists{/gist_id}","starred_url":"https://api.github.com/users/juliaelman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/juliaelman/subscriptions","organizations_url":"https://api.github.com/users/juliaelman/orgs","repos_url":"https://api.github.com/users/juliaelman/repos","events_url":"https://api.github.com/users/juliaelman/events{/privacy}","received_events_url":"https://api.github.com/users/juliaelman/received_events","type":"User","site_admin":false},"created_at":"2015-07-22T14:45:13Z","updated_at":"2015-07-22T14:45:13Z","body":"Nice work! Made a few comments.\r\n\r\nIs there a specific reason why we are using `usa-search` instead of `usa-searchbar` for the classes and mixins? Might be good to be more explicit and stay consistent with the naming conventions we are using."}}