{"action":"created","comment":{"url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/comments/32863742","id":32863742,"diff_hunk":"@@ -0,0 +1,527 @@\n+---\n+layout:       element\n+title:        Forms\n+date:         2015-05-12 16:02:35\n+\n+categories:   elements\n+tags:\n+- atomic\n+- pattern\n+- forms\n+\n+slug:         forms\n+scssurl:      \"https://github.com/edx/ux-pattern-library/blob/master/_src/edx-pl/sass/components/_forms.scss\"\n+\n+description:  These examples demonstrate how to use form controls within your application.  We've grouped the form controls by type and for each type, provided proper CSS classes to achieve the desired visual presentation. In some cases, we've created optional classes which enhance the presentation. All of the examples have been tested to be accessible. Theming is available as well so form controls can match your institutions look and feel.\n+\n+info: Forms allow users to interact with the interface, set preferences, and enter any necessary personal information. They also form the base of individual exercises within each class. The examples below demonstrate how to use each type of form control and provides any applicable display options. Note the markup in each case to get a sense of semantics and structure.\n+---\n+\n+<h4 class=\"hd-6 example-set-hd\">Text inputs</h4>\n+<div class=\"example-set\">\n+    <form class=\"form\">\n+        <fieldset class=\"form-group\">\n+            <legend class=\"form-group-hd sr-only\">Personal Details</legend>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"full_name_default\">Your name (default text field)</label>\n+                <input class=\"field-input input-text\" type=\"text\" id=\"full_name_default\" name=\"full_name_default\" placeholder=\"e.g. Jane Doe\">\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"email_address_default\">Email address (default, disabled text field)</label>\n+                <input class=\"field-input input-text\" type=\"email\" id=\"email_address_default\" name=\"email_address_default\" placeholder=\"e.g. jane@email.com\" disabled>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label field-required\" for=\"email_address_default_helper\">Email address (default, required text field with helper text)</label>\n+                <input class=\"field-input input-text\" type=\"email\" id=\"email_address_default_helper\" name=\"email_address_default_helper\" placeholder=\"e.g. jane@email.com\" aria-describedby=\"email_address_default_helper\" required>\n+                <div class=\"field-hint\" id=\"email_address_default_helper\">\n+                    <p>Your email address will never be shared. We promise.</p>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label field-required\" for=\"email_address_default_err_helper\">Email address (default, has error)</label>\n+                <input class=\"field-input input-text has-error\" type=\"email\" id=\"email_address_default_err_helper\" name=\"email_address_default_err_helper\" placeholder=\"e.g. jane@email.com\" value=\"jane@domain\" aria-describedby=\"email_address_default_err_helper\" required>\n+                <div class=\"field-message has-error\">\n+                    <span class=\"field-message-content\">\n+                        You must provide a valid, properly-formed email address.\n+                    </span>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label field-required\" for=\"email_address_default_suc_helper\">Email address (default, has success)</label>\n+                <input class=\"field-input input-text has-success\" type=\"email\" id=\"email_address_default_suc_helper\" name=\"email_address_default_suc_helper\" placeholder=\"e.g. jane@email.com\" value=\"jane@domain.com\" aria-describedby=\"email_address_default_suc_helper\" required>\n+                <div class=\"field-hint\" id=\"email_address_default_suc_helper\">\n+                    <p>Your email address will never be shared. We promise.</p>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"full_name_simple\">Your name (simple text field)</label>\n+                <input class=\"field-input input-text input-alt\" type=\"text\" id=\"full_name_simple\" name=\"full_name_simple\" placeholder=\"e.g. Jane Doe\" required>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"full_name_simple_err\">Your name (simple text field, error)</label>\n+                <input class=\"field-input input-text input-alt has-error\" type=\"text\" id=\"full_name_simple_err\" name=\"full_name_simple_err\" placeholder=\"e.g. Jane Doe\" value=\"JD\" required>\n+                <div class=\"field-message has-error\">\n+                    <span class=\"field-message-content\">\n+                        You must provide your real name.\n+                    </span>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"full_name_simple_suc\">Your name (simple text field, success)</label>\n+                <input class=\"field-input input-text input-alt has-success\" type=\"text\" id=\"full_name_simple_suc\" name=\"full_name_simple_suc\" placeholder=\"e.g. Jane Doe\" value=\"Jane Doe\" required>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"full_name_simple_disabled\">Your name (disabled simple text field)</label>\n+                <input class=\"field-input input-text input-alt\" type=\"text\" id=\"full_name_simple_disabled\" name=\"full_name_simple_disabled\" placeholder=\"e.g. Jane Doe\" required disabled>\n+            </div>\n+        </fieldset>\n+    </form>\n+</div>\n+\n+<h4 class=\"hd-6 example-set-hd\">Search</h4>\n+<div class=\"example-set\">\n+    <form class=\"form\">\n+        <fieldset class=\"form-group\">\n+            <legend class=\"form-group-hd sr-only\">Search examples</legend>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"search_01\">Search (with visible label)</label>\n+                <input class=\"field-input input-text\" type=\"search\" id=\"search_01\" name=\"search_01\" placeholder=\"Search this website\">\n+                <button class=\"btn btn-primary btn-small\" type=\"button\">Search</button>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label sr-only\" for=\"search_02\">Search</label>\n+                <input class=\"field-input input-text\" type=\"search\" id=\"search_02\" name=\"search_02\" placeholder=\"Search this website\" aria-describedby=\"search_02_hint\">\n+                <button class=\"btn btn-primary btn-small\" type=\"button\">Search</button>\n+                <div class=\"field-hint\" id=\"search_02_hint\">\n+                    <p>(This field has a label that's hidden yet still accessible.)</p>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"search_03\">Search (with visible label and icon)</label>\n+                <input class=\"field-input input-text\" type=\"search\" id=\"search_03\" name=\"search_03\" placeholder=\"Search this website\">\n+                <button class=\"btn btn-primary btn-small\" type=\"button\">\n+                    <svg class=\"icon icon-search\">\n+                        <use xmlns:xlink=\"http://www.w3.org/1999/xlink\" xlink:href=\"/public/images/edx-svg/svgdefs.svg#icon-search\"></use>\n+                    </svg>\n+                    <span class=\"sr-only\">Search</span>\n+                </button>\n+            </div>\n+        </fieldset>\n+    </form>\n+</div>\n+\n+<h4 class=\"hd-6 example-set-hd\">Telephone number</h4>\n+<div class=\"example-set\">\n+    <form class=\"form\">\n+        <fieldset class=\"form-group\">\n+            <legend class=\"form-group-hd sr-only\">Telephone number examples</legend>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"tel_01\">Phone number (with visible label)</label>\n+                <input class=\"field-input input-text\" type=\"tel\" id=\"tel_01\" name=\"tel_01\" placeholder=\"800-555-1515\">\n+            </div>\n+        </fieldset>\n+    </form>\n+</div>\n+\n+<h4 class=\"hd-6 example-set-hd\">Select Menus</h4>\n+<div class=\"example-set\">\n+    <form class=\"form\">\n+        <fieldset class=\"form-group\">\n+            <legend class=\"form-group-hd sr-only\">Examples of various select menus</legend>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_01\">Choose your favorite color of the rainbow (default select menu)</label>\n+                <select class=\"field-input input-select\" id=\"select_01\" name=\"select_01\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_01_err\">Choose your favorite color of the rainbow (default select menu with error)</label>\n+                <select class=\"field-input input-select has-error\" id=\"select_01_err\" name=\"select_01_err\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+                <div class=\"field-message has-error\">\n+                    <span class=\"field-message-content\">\n+                        You must select your favorite color.\n+                    </span>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_01_suc\">Choose your favorite color of the rainbow (default select menu with valid selection)</label>\n+                <select class=\"field-input input-select has-success\" name=\"select_01_suc\" id=\"select_01_suc\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\" selected=\"selected\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_01_suc\">Choose your favorite color of the rainbow (default disabled select menu)</label>\n+                <select class=\"field-input input-select\" id=\"select_01_suc\" name=\"select_01_suc\" disabled>\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+            </div>\n+\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_02\">Choose your favorite color of the rainbow (enhanced select menu)</label>\n+                <select class=\"field-input input-select replace-select\" id=\"select_02\" name=\"select_02\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_02_err\">Choose your favorite color of the rainbow (enhanced select menu with error)</label>\n+                <select class=\"field-input input-select replace-select has-error\" id=\"select_02_err\" name=\"select_02_err\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+                <div class=\"field-message has-error\">\n+                    <span class=\"field-message-content\">\n+                        You must select your favorite color.\n+                    </span>\n+                </div>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_02_suc\">Choose your favorite color of the rainbow (enhanced select menu with valid selection)</label>\n+                <select class=\"field-input input-select replace-select has-success\" id=\"select_02_suc\" name=\"select_02_suc\">\n+                    <option value=\"\">- Choose one -</option>\n+                    <option value=\"Red\">Red</option>\n+                    <option value=\"Orange\">Orange</option>\n+                    <option value=\"Yellow\">Yellow</option>\n+                    <option value=\"Green\">Green</option>\n+                    <option value=\"Blue\" selected=\"selected\">Blue</option>\n+                    <option value=\"Indigo\">Indigo</option>\n+                    <option value=\"Violet\">Violet</option>\n+                </select>\n+            </div>\n+            <div class=\"field\">\n+                <label class=\"field-label\" for=\"select_02_suc\">Choose your favorite color of the rainbow (enhanced select and disabled menu)</label>","path":"_posts/elements/2015-05-12-forms.md","position":234,"original_position":234,"commit_id":"f5354d8687c6e7e62df925e99ea9d444b2c18abe","original_commit_id":"f5354d8687c6e7e62df925e99ea9d444b2c18abe","user":{"login":"frrrances","id":4327102,"avatar_url":"https://avatars.githubusercontent.com/u/4327102?v=3","gravatar_id":"","url":"https://api.github.com/users/frrrances","html_url":"https://github.com/frrrances","followers_url":"https://api.github.com/users/frrrances/followers","following_url":"https://api.github.com/users/frrrances/following{/other_user}","gists_url":"https://api.github.com/users/frrrances/gists{/gist_id}","starred_url":"https://api.github.com/users/frrrances/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/frrrances/subscriptions","organizations_url":"https://api.github.com/users/frrrances/orgs","repos_url":"https://api.github.com/users/frrrances/repos","events_url":"https://api.github.com/users/frrrances/events{/privacy}","received_events_url":"https://api.github.com/users/frrrances/received_events","type":"User","site_admin":false},"body":"The for value is the same as the above select \"select_02_suc\" - not sure if that matters in this example?","created_at":"2015-06-19T19:59:53Z","updated_at":"2015-06-19T19:59:53Z","html_url":"https://github.com/edx/ux-pattern-library/pull/91#discussion_r32863742","pull_request_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91","_links":{"self":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/comments/32863742"},"html":{"href":"https://github.com/edx/ux-pattern-library/pull/91#discussion_r32863742"},"pull_request":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91"}}},"pull_request":{"url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91","id":38118820,"html_url":"https://github.com/edx/ux-pattern-library/pull/91","diff_url":"https://github.com/edx/ux-pattern-library/pull/91.diff","patch_url":"https://github.com/edx/ux-pattern-library/pull/91.patch","issue_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/91","number":91,"state":"open","locked":false,"title":"Elements - Forms","user":{"login":"clrux","id":2112024,"avatar_url":"https://avatars.githubusercontent.com/u/2112024?v=3","gravatar_id":"","url":"https://api.github.com/users/clrux","html_url":"https://github.com/clrux","followers_url":"https://api.github.com/users/clrux/followers","following_url":"https://api.github.com/users/clrux/following{/other_user}","gists_url":"https://api.github.com/users/clrux/gists{/gist_id}","starred_url":"https://api.github.com/users/clrux/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/clrux/subscriptions","organizations_url":"https://api.github.com/users/clrux/orgs","repos_url":"https://api.github.com/users/clrux/repos","events_url":"https://api.github.com/users/clrux/events{/privacy}","received_events_url":"https://api.github.com/users/clrux/received_events","type":"User","site_admin":false},"body":"This work adds forms and form elements to the pattern library. It consists of:\r\n\r\n* input, select, and textarea styles\r\n* scripts that visually replace select, radio, and checkbox controls giving us more control over the UI\r\n* suggested, semantic markup structure\r\n* styling for form elements in general\r\n\r\n### Form control replacements\r\n\r\nFor certain `inputs` and `selects` we're offering options to use either the default browser-rendered control or a replaced control, either rendered by JS or CSS or both. The idea for the radio buttons and checkboxes came from [Heydon Pickering and an article on Sitepoint](http://www.sitepoint.com/replacing-radio-buttons-without-replacing-radio-buttons/). The form controls with options are:\r\n* `radio` buttons\r\n* `checkbox` buttons\r\n* `select` menus\r\n\r\n#### Radio buttons and checkboxes\r\nTo enable the enhanced version of a radio button or a checkbox, do the following:\r\n\r\n `<input type=\"radio\" class=\"replace-radio\">`\r\n`<input type=\"checkbox\" class=\"replace-checkbox\">`\r\n\r\nReplacing radio buttons and checkboxes uses an _accessible_ CSS-only approach that hides the default control, replacing it with a CSS rendered one. Interactions with the control still happen on the default control which maintains full accessibility and browser methods.\r\n\r\n#### Select boxes\r\nTo enable the enhanced version of a select menu, do the following:\r\n\r\n`<select class=\"replace-select\">`\r\n\r\nReplacing select menus uses an _accessible_ JavaScript and CSS approach. JavaScript hides the default control, replacing it with a styled wrapper using the selected value. Interaction still happens with the default control which maintains complete accessibility and compliance.\r\n\r\n### States\r\n\r\nFor each of the form input controls we've created and demonstrated the following states:\r\n* `normal`\r\n* `active`, `checked`, `selected`, and `hovered`\r\n* `disabled`\r\n* `required`\r\n\r\n### User feedback, message handling\r\n\r\nThis piece of work also includes user feedback messages for form field validation. The cases included are:\r\n* `warning`\r\n* `error`\r\n* `success`\r\n\r\n### Nested styles\r\n\r\nIn many cases we're using nested styles. The aim here is to slightly reduce modularity but promote a semantic structure.\r\n\r\n### Form control heights and widths\r\n\r\nTo provide a nice set of options both for us internally and the Open edX community, I've created various sizes for form controls.\r\n\r\n#### Height\r\nHeight primarily relates to `textareas`. To use a height, choose one of the following:\r\n* `short`\r\n* `base` our default height\r\n* `tall`\r\n\r\n#### Width\r\nWidth can be set for any form control. To use a width, choose one of the following:\r\n* `short`\r\n* `base` our default width\r\n* `wide`\r\n* `block` which fills the entire width of the parent container\r\n\r\n### Range slider and Progress bars\r\n\r\nThe visual UI included a slider, but it was a hybrid of a progress bar and a range slider. Since nothing like that is available natively I created two different elements: `input type=\"range\"` and `progress` and created styles for these as I found fit.\r\n\r\n#### Slider/Range\r\n\r\nThe slider control allows \"notched\" or fixed selections along a track. There is no \"before/after\" or \"complete/incomplete\" which was the discrepancy in the UI. I've included styles for this that makes the handle increase in size when it's hovered over, making the click target/control more usable.\r\n\r\n#### Progress\r\n\r\nUnlike slider controls, progress bars _do_ have a \"before/after\" or a \"complete/incomplete\" state. This matches the UI a little closer, but progress bars don't have drag handles.\r\n\r\n---\r\n\r\n## Browser testing\r\nThis work has been tested in the following browsers:\r\n\r\n| Platform | Browser | Version | Passes |\r\n|----------|---------|---------|--------|\r\n| Mac      | Chrome  | 44      | Yes    |\r\n|          | Firefox | 24.3    | Yes    |\r\n|          | Safari  | 8       | Yes    |\r\n| PC       | Chrome  | 43      | Yes    |\r\n|          | Firefox | 37      | Yes    |\r\n|          | IE      | 10      | Yes *  |\r\n|          |         | 11      | Yes *  |\r\n\r\n* Mostly works. See [this article](http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html) for more information.\r\n\r\n---\r\n__Reviewers:__\r\n- [x] * @talbs\r\n- [ ] * @frrrances \r\n- [x] * @AlasdairSwan  \r\n- [x] * @cptvitamin\r\n\r\n---\r\n\r\n_This PR replaces #75. For history, comment, etc. please see it for details._","created_at":"2015-06-19T15:28:21Z","updated_at":"2015-06-19T19:59:54Z","closed_at":null,"merged_at":null,"merge_commit_sha":"ee0b625562526ce98d7ac8e63c86b610e24e01cc","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91/commits","review_comments_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91/comments","review_comment_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls/comments{/number}","comments_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/91/comments","statuses_url":"https://api.github.com/repos/edx/ux-pattern-library/statuses/f5354d8687c6e7e62df925e99ea9d444b2c18abe","head":{"label":"edx:clrux/elements-forms","ref":"clrux/elements-forms","sha":"f5354d8687c6e7e62df925e99ea9d444b2c18abe","user":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"repo":{"id":29666334,"name":"ux-pattern-library","full_name":"edx/ux-pattern-library","owner":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/edx/ux-pattern-library","description":"The (working) Visual, UI, and Front End Styleguide for edX.","fork":false,"url":"https://api.github.com/repos/edx/ux-pattern-library","forks_url":"https://api.github.com/repos/edx/ux-pattern-library/forks","keys_url":"https://api.github.com/repos/edx/ux-pattern-library/keys{/key_id}","collaborators_url":"https://api.github.com/repos/edx/ux-pattern-library/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/edx/ux-pattern-library/teams","hooks_url":"https://api.github.com/repos/edx/ux-pattern-library/hooks","issue_events_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/events{/number}","events_url":"https://api.github.com/repos/edx/ux-pattern-library/events","assignees_url":"https://api.github.com/repos/edx/ux-pattern-library/assignees{/user}","branches_url":"https://api.github.com/repos/edx/ux-pattern-library/branches{/branch}","tags_url":"https://api.github.com/repos/edx/ux-pattern-library/tags","blobs_url":"https://api.github.com/repos/edx/ux-pattern-library/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/edx/ux-pattern-library/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/edx/ux-pattern-library/git/refs{/sha}","trees_url":"https://api.github.com/repos/edx/ux-pattern-library/git/trees{/sha}","statuses_url":"https://api.github.com/repos/edx/ux-pattern-library/statuses/{sha}","languages_url":"https://api.github.com/repos/edx/ux-pattern-library/languages","stargazers_url":"https://api.github.com/repos/edx/ux-pattern-library/stargazers","contributors_url":"https://api.github.com/repos/edx/ux-pattern-library/contributors","subscribers_url":"https://api.github.com/repos/edx/ux-pattern-library/subscribers","subscription_url":"https://api.github.com/repos/edx/ux-pattern-library/subscription","commits_url":"https://api.github.com/repos/edx/ux-pattern-library/commits{/sha}","git_commits_url":"https://api.github.com/repos/edx/ux-pattern-library/git/commits{/sha}","comments_url":"https://api.github.com/repos/edx/ux-pattern-library/comments{/number}","issue_comment_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/comments{/number}","contents_url":"https://api.github.com/repos/edx/ux-pattern-library/contents/{+path}","compare_url":"https://api.github.com/repos/edx/ux-pattern-library/compare/{base}...{head}","merges_url":"https://api.github.com/repos/edx/ux-pattern-library/merges","archive_url":"https://api.github.com/repos/edx/ux-pattern-library/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/edx/ux-pattern-library/downloads","issues_url":"https://api.github.com/repos/edx/ux-pattern-library/issues{/number}","pulls_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls{/number}","milestones_url":"https://api.github.com/repos/edx/ux-pattern-library/milestones{/number}","notifications_url":"https://api.github.com/repos/edx/ux-pattern-library/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/edx/ux-pattern-library/labels{/name}","releases_url":"https://api.github.com/repos/edx/ux-pattern-library/releases{/id}","created_at":"2015-01-22T07:19:42Z","updated_at":"2015-06-16T22:04:56Z","pushed_at":"2015-06-19T19:28:11Z","git_url":"git://github.com/edx/ux-pattern-library.git","ssh_url":"git@github.com:edx/ux-pattern-library.git","clone_url":"https://github.com/edx/ux-pattern-library.git","svn_url":"https://github.com/edx/ux-pattern-library","homepage":"http://ux.edx.org","size":5906,"stargazers_count":16,"watchers_count":16,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":4,"mirror_url":null,"open_issues_count":10,"forks":4,"open_issues":10,"watchers":16,"default_branch":"master"}},"base":{"label":"edx:master","ref":"master","sha":"d05cd12941616ca18a5ae9133498e48f57503bfa","user":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"repo":{"id":29666334,"name":"ux-pattern-library","full_name":"edx/ux-pattern-library","owner":{"login":"edx","id":3179841,"avatar_url":"https://avatars.githubusercontent.com/u/3179841?v=3","gravatar_id":"","url":"https://api.github.com/users/edx","html_url":"https://github.com/edx","followers_url":"https://api.github.com/users/edx/followers","following_url":"https://api.github.com/users/edx/following{/other_user}","gists_url":"https://api.github.com/users/edx/gists{/gist_id}","starred_url":"https://api.github.com/users/edx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edx/subscriptions","organizations_url":"https://api.github.com/users/edx/orgs","repos_url":"https://api.github.com/users/edx/repos","events_url":"https://api.github.com/users/edx/events{/privacy}","received_events_url":"https://api.github.com/users/edx/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/edx/ux-pattern-library","description":"The (working) Visual, UI, and Front End Styleguide for edX.","fork":false,"url":"https://api.github.com/repos/edx/ux-pattern-library","forks_url":"https://api.github.com/repos/edx/ux-pattern-library/forks","keys_url":"https://api.github.com/repos/edx/ux-pattern-library/keys{/key_id}","collaborators_url":"https://api.github.com/repos/edx/ux-pattern-library/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/edx/ux-pattern-library/teams","hooks_url":"https://api.github.com/repos/edx/ux-pattern-library/hooks","issue_events_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/events{/number}","events_url":"https://api.github.com/repos/edx/ux-pattern-library/events","assignees_url":"https://api.github.com/repos/edx/ux-pattern-library/assignees{/user}","branches_url":"https://api.github.com/repos/edx/ux-pattern-library/branches{/branch}","tags_url":"https://api.github.com/repos/edx/ux-pattern-library/tags","blobs_url":"https://api.github.com/repos/edx/ux-pattern-library/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/edx/ux-pattern-library/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/edx/ux-pattern-library/git/refs{/sha}","trees_url":"https://api.github.com/repos/edx/ux-pattern-library/git/trees{/sha}","statuses_url":"https://api.github.com/repos/edx/ux-pattern-library/statuses/{sha}","languages_url":"https://api.github.com/repos/edx/ux-pattern-library/languages","stargazers_url":"https://api.github.com/repos/edx/ux-pattern-library/stargazers","contributors_url":"https://api.github.com/repos/edx/ux-pattern-library/contributors","subscribers_url":"https://api.github.com/repos/edx/ux-pattern-library/subscribers","subscription_url":"https://api.github.com/repos/edx/ux-pattern-library/subscription","commits_url":"https://api.github.com/repos/edx/ux-pattern-library/commits{/sha}","git_commits_url":"https://api.github.com/repos/edx/ux-pattern-library/git/commits{/sha}","comments_url":"https://api.github.com/repos/edx/ux-pattern-library/comments{/number}","issue_comment_url":"https://api.github.com/repos/edx/ux-pattern-library/issues/comments{/number}","contents_url":"https://api.github.com/repos/edx/ux-pattern-library/contents/{+path}","compare_url":"https://api.github.com/repos/edx/ux-pattern-library/compare/{base}...{head}","merges_url":"https://api.github.com/repos/edx/ux-pattern-library/merges","archive_url":"https://api.github.com/repos/edx/ux-pattern-library/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/edx/ux-pattern-library/downloads","issues_url":"https://api.github.com/repos/edx/ux-pattern-library/issues{/number}","pulls_url":"https://api.github.com/repos/edx/ux-pattern-library/pulls{/number}","milestones_url":"https://api.github.com/repos/edx/ux-pattern-library/milestones{/number}","notifications_url":"https://api.github.com/repos/edx/ux-pattern-library/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/edx/ux-pattern-library/labels{/name}","releases_url":"https://api.github.com/repos/edx/ux-pattern-library/releases{/id}","created_at":"2015-01-22T07:19:42Z","updated_at":"2015-06-16T22:04:56Z","pushed_at":"2015-06-19T19:28:11Z","git_url":"git://github.com/edx/ux-pattern-library.git","ssh_url":"git@github.com:edx/ux-pattern-library.git","clone_url":"https://github.com/edx/ux-pattern-library.git","svn_url":"https://github.com/edx/ux-pattern-library","homepage":"http://ux.edx.org","size":5906,"stargazers_count":16,"watchers_count":16,"language":"CSS","has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":4,"mirror_url":null,"open_issues_count":10,"forks":4,"open_issues":10,"watchers":16,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91"},"html":{"href":"https://github.com/edx/ux-pattern-library/pull/91"},"issue":{"href":"https://api.github.com/repos/edx/ux-pattern-library/issues/91"},"comments":{"href":"https://api.github.com/repos/edx/ux-pattern-library/issues/91/comments"},"review_comments":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91/comments"},"review_comment":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/edx/ux-pattern-library/pulls/91/commits"},"statuses":{"href":"https://api.github.com/repos/edx/ux-pattern-library/statuses/f5354d8687c6e7e62df925e99ea9d444b2c18abe"}}}}