{"action":"created","comment":{"url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/comments/36366644","id":36366644,"diff_hunk":"@@ -0,0 +1,252 @@\n+// progress-bar\n+// ===\n+\n+// Configurable Variables\n+// ---\n+\n+$progress-bar__progress-color: black !default;\n+$progress-bar__success-color: $success-color !default;\n+$progress-bar__error-color: $error-color !default;\n+$progress-bar__background-color: $neutral-50 !default;\n+\n+\n+// Dependencies\n+// ---\n+\n+// Override Font Awesome's default path\n+$fa-font-path: '/bower_components/font-awesome/fonts';\n+\n+@import 'stencil-variables/variables';\n+@import 'level/level';\n+@import 'font-awesome/scss/font-awesome';\n+@import 'stencil-utils/dist/visibility/visibility';\n+\n+\n+// Progress Bar root\n+// ---\n+\n+.c-progress-bar {\n+    display: flex;\n+    align-items: center;\n+    height: $tap-size;\n+    margin: 0 15px;\n+}\n+\n+\n+// Radial Process Bar\n+// ---\n+\n+.c-progress-bar__radial {\n+    &:not(:empty) {\n+        position: relative;\n+\n+        width: 45px;\n+        height: 45px;\n+        margin-right: 10px;\n+    }\n+\n+    .c-progress-bar__radial-background {\n+        stroke: $progress-bar__background-color;\n+    }\n+\n+    .c-progress-bar__text {\n+        position: absolute;\n+        top: 50%;\n+        left: 50%;\n+\n+        transform: translate(-50%, -50%);\n+    }\n+\n+    .c--progress & {\n+        .c-progress-bar__radial-progress {\n+            stroke: $progress-bar__progress-color;\n+        }\n+    }\n+\n+    .c--success & {\n+        .c-progress-bar__radial-progress {\n+            stroke: $progress-bar__success-color;\n+        }\n+    }\n+\n+    .c--error & {\n+        .c-progress-bar__radial-progress {\n+            stroke: $progress-bar__error-color;\n+        }\n+    }\n+\n+    .c--direction-rtl & {\n+        .c-progress-bar__svg {\n+            transform: scaleX(-1);\n+        }\n+    }\n+}\n+\n+\n+// Linear Progress Bar\n+// ---\n+//\n+// 1. When the radial progress bar is shown, we want to hide the bar but keep the text\n+\n+.c-progress-bar__linear {","path":"_progress-bar.scss","position":null,"original_position":91,"commit_id":"2a163617f34c29332df6907070c46345169bcbfb","original_commit_id":"b75d513eb534c79183a75dbe0c589a55c359267d","user":{"login":"cdegit","id":2857810,"avatar_url":"https://avatars.githubusercontent.com/u/2857810?v=3","gravatar_id":"","url":"https://api.github.com/users/cdegit","html_url":"https://github.com/cdegit","followers_url":"https://api.github.com/users/cdegit/followers","following_url":"https://api.github.com/users/cdegit/following{/other_user}","gists_url":"https://api.github.com/users/cdegit/gists{/gist_id}","starred_url":"https://api.github.com/users/cdegit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cdegit/subscriptions","organizations_url":"https://api.github.com/users/cdegit/orgs","repos_url":"https://api.github.com/users/cdegit/repos","events_url":"https://api.github.com/users/cdegit/events{/privacy}","received_events_url":"https://api.github.com/users/cdegit/received_events","type":"User","site_admin":false},"body":"Good point. I've created a new element that holds the label and the linear progress bar so the `.c-progress-bar__linear` element is no longer included in the radial variation. ","created_at":"2015-08-05T23:21:36Z","updated_at":"2015-08-05T23:21:36Z","html_url":"https://github.com/mobify/stencil-progress-bar/pull/1#discussion_r36366644","pull_request_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1","_links":{"self":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/comments/36366644"},"html":{"href":"https://github.com/mobify/stencil-progress-bar/pull/1#discussion_r36366644"},"pull_request":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1"}}},"pull_request":{"url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1","id":40044026,"html_url":"https://github.com/mobify/stencil-progress-bar/pull/1","diff_url":"https://github.com/mobify/stencil-progress-bar/pull/1.diff","patch_url":"https://github.com/mobify/stencil-progress-bar/pull/1.patch","issue_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/1","number":1,"state":"open","locked":false,"title":"Update Progress Bar for Stencil 2.0 and Adaptive 2.1","user":{"login":"cdegit","id":2857810,"avatar_url":"https://avatars.githubusercontent.com/u/2857810?v=3","gravatar_id":"","url":"https://api.github.com/users/cdegit","html_url":"https://github.com/cdegit","followers_url":"https://api.github.com/users/cdegit/followers","following_url":"https://api.github.com/users/cdegit/following{/other_user}","gists_url":"https://api.github.com/users/cdegit/gists{/gist_id}","starred_url":"https://api.github.com/users/cdegit/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cdegit/subscriptions","organizations_url":"https://api.github.com/users/cdegit/orgs","repos_url":"https://api.github.com/users/cdegit/repos","events_url":"https://api.github.com/users/cdegit/events{/privacy}","received_events_url":"https://api.github.com/users/cdegit/received_events","type":"User","site_admin":false},"body":"> Progress Bar is a horizontal indicator used to visualize the progression of an extended operation, such as a download, file transfer, or installation. It may be accompanied by a textual representation of the progress in a percent format. When a process may take a while but where values are indeterminate, use a Loader or Spinner instead. For typical progress UI at the top of checkouts, use the Progress Steps component instead.\r\n\r\nStatus: Ready for review\r\n\r\nReviewers: @jeffkamo @fractaltheory \r\n\r\n## Jira Tickets\r\n- [ ] https://mobify.atlassian.net/browse/STEN-21\r\n\r\n## To Dos\r\n- [ ] +1\r\n- [x] Get animation for radial progress bar working\r\n- [x] SASS vars to be overridden\r\n- [x] Add support for RTL\r\n\r\n## Feedback\r\n- [x] Fix instructions\r\n- [x] Fix SASS lint errors\r\n- [x] Make structure better match our standards\r\n- [x] Modifier class to show icons vs text\r\n\r\n## How to Test\r\n- Clone the repo\r\n- Run `sudo npm install` and `bower install`\r\n- Make a custom build of zepto: \r\n``` \r\ncd bower_components/zeptojs\r\nnpm install\r\nnpm run-script dist\r\nMODULES=\"zepto event data touch\" npm run-script dist\r\n```\r\n- Run `grunt serve`\r\n- Visit http://localhost:3000/tests/visual/","created_at":"2015-07-15T16:48:37Z","updated_at":"2015-08-05T23:21:36Z","closed_at":null,"merged_at":null,"merge_commit_sha":"9cdaaee5c4aec3df13fa4006f03f51e34c548159","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1/commits","review_comments_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1/comments","review_comment_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/comments{/number}","comments_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/1/comments","statuses_url":"https://api.github.com/repos/mobify/stencil-progress-bar/statuses/2a163617f34c29332df6907070c46345169bcbfb","head":{"label":"mobify:create-progress-bar","ref":"create-progress-bar","sha":"2a163617f34c29332df6907070c46345169bcbfb","user":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"repo":{"id":39103705,"name":"stencil-progress-bar","full_name":"mobify/stencil-progress-bar","owner":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mobify/stencil-progress-bar","description":"","fork":false,"url":"https://api.github.com/repos/mobify/stencil-progress-bar","forks_url":"https://api.github.com/repos/mobify/stencil-progress-bar/forks","keys_url":"https://api.github.com/repos/mobify/stencil-progress-bar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mobify/stencil-progress-bar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mobify/stencil-progress-bar/teams","hooks_url":"https://api.github.com/repos/mobify/stencil-progress-bar/hooks","issue_events_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/events{/number}","events_url":"https://api.github.com/repos/mobify/stencil-progress-bar/events","assignees_url":"https://api.github.com/repos/mobify/stencil-progress-bar/assignees{/user}","branches_url":"https://api.github.com/repos/mobify/stencil-progress-bar/branches{/branch}","tags_url":"https://api.github.com/repos/mobify/stencil-progress-bar/tags","blobs_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/refs{/sha}","trees_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mobify/stencil-progress-bar/statuses/{sha}","languages_url":"https://api.github.com/repos/mobify/stencil-progress-bar/languages","stargazers_url":"https://api.github.com/repos/mobify/stencil-progress-bar/stargazers","contributors_url":"https://api.github.com/repos/mobify/stencil-progress-bar/contributors","subscribers_url":"https://api.github.com/repos/mobify/stencil-progress-bar/subscribers","subscription_url":"https://api.github.com/repos/mobify/stencil-progress-bar/subscription","commits_url":"https://api.github.com/repos/mobify/stencil-progress-bar/commits{/sha}","git_commits_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/commits{/sha}","comments_url":"https://api.github.com/repos/mobify/stencil-progress-bar/comments{/number}","issue_comment_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/comments{/number}","contents_url":"https://api.github.com/repos/mobify/stencil-progress-bar/contents/{+path}","compare_url":"https://api.github.com/repos/mobify/stencil-progress-bar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mobify/stencil-progress-bar/merges","archive_url":"https://api.github.com/repos/mobify/stencil-progress-bar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mobify/stencil-progress-bar/downloads","issues_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues{/number}","pulls_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls{/number}","milestones_url":"https://api.github.com/repos/mobify/stencil-progress-bar/milestones{/number}","notifications_url":"https://api.github.com/repos/mobify/stencil-progress-bar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mobify/stencil-progress-bar/labels{/name}","releases_url":"https://api.github.com/repos/mobify/stencil-progress-bar/releases{/id}","created_at":"2015-07-14T22:30:09Z","updated_at":"2015-07-20T18:55:05Z","pushed_at":"2015-08-05T23:10:43Z","git_url":"git://github.com/mobify/stencil-progress-bar.git","ssh_url":"git@github.com:mobify/stencil-progress-bar.git","clone_url":"https://github.com/mobify/stencil-progress-bar.git","svn_url":"https://github.com/mobify/stencil-progress-bar","homepage":null,"size":249,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":1,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"base":{"label":"mobify:master","ref":"master","sha":"91dd96b857973bfa6ac4658ee0e7b2579262199d","user":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"repo":{"id":39103705,"name":"stencil-progress-bar","full_name":"mobify/stencil-progress-bar","owner":{"login":"mobify","id":73539,"avatar_url":"https://avatars.githubusercontent.com/u/73539?v=3","gravatar_id":"","url":"https://api.github.com/users/mobify","html_url":"https://github.com/mobify","followers_url":"https://api.github.com/users/mobify/followers","following_url":"https://api.github.com/users/mobify/following{/other_user}","gists_url":"https://api.github.com/users/mobify/gists{/gist_id}","starred_url":"https://api.github.com/users/mobify/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mobify/subscriptions","organizations_url":"https://api.github.com/users/mobify/orgs","repos_url":"https://api.github.com/users/mobify/repos","events_url":"https://api.github.com/users/mobify/events{/privacy}","received_events_url":"https://api.github.com/users/mobify/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/mobify/stencil-progress-bar","description":"","fork":false,"url":"https://api.github.com/repos/mobify/stencil-progress-bar","forks_url":"https://api.github.com/repos/mobify/stencil-progress-bar/forks","keys_url":"https://api.github.com/repos/mobify/stencil-progress-bar/keys{/key_id}","collaborators_url":"https://api.github.com/repos/mobify/stencil-progress-bar/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/mobify/stencil-progress-bar/teams","hooks_url":"https://api.github.com/repos/mobify/stencil-progress-bar/hooks","issue_events_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/events{/number}","events_url":"https://api.github.com/repos/mobify/stencil-progress-bar/events","assignees_url":"https://api.github.com/repos/mobify/stencil-progress-bar/assignees{/user}","branches_url":"https://api.github.com/repos/mobify/stencil-progress-bar/branches{/branch}","tags_url":"https://api.github.com/repos/mobify/stencil-progress-bar/tags","blobs_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/refs{/sha}","trees_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/trees{/sha}","statuses_url":"https://api.github.com/repos/mobify/stencil-progress-bar/statuses/{sha}","languages_url":"https://api.github.com/repos/mobify/stencil-progress-bar/languages","stargazers_url":"https://api.github.com/repos/mobify/stencil-progress-bar/stargazers","contributors_url":"https://api.github.com/repos/mobify/stencil-progress-bar/contributors","subscribers_url":"https://api.github.com/repos/mobify/stencil-progress-bar/subscribers","subscription_url":"https://api.github.com/repos/mobify/stencil-progress-bar/subscription","commits_url":"https://api.github.com/repos/mobify/stencil-progress-bar/commits{/sha}","git_commits_url":"https://api.github.com/repos/mobify/stencil-progress-bar/git/commits{/sha}","comments_url":"https://api.github.com/repos/mobify/stencil-progress-bar/comments{/number}","issue_comment_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/comments{/number}","contents_url":"https://api.github.com/repos/mobify/stencil-progress-bar/contents/{+path}","compare_url":"https://api.github.com/repos/mobify/stencil-progress-bar/compare/{base}...{head}","merges_url":"https://api.github.com/repos/mobify/stencil-progress-bar/merges","archive_url":"https://api.github.com/repos/mobify/stencil-progress-bar/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/mobify/stencil-progress-bar/downloads","issues_url":"https://api.github.com/repos/mobify/stencil-progress-bar/issues{/number}","pulls_url":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls{/number}","milestones_url":"https://api.github.com/repos/mobify/stencil-progress-bar/milestones{/number}","notifications_url":"https://api.github.com/repos/mobify/stencil-progress-bar/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/mobify/stencil-progress-bar/labels{/name}","releases_url":"https://api.github.com/repos/mobify/stencil-progress-bar/releases{/id}","created_at":"2015-07-14T22:30:09Z","updated_at":"2015-07-20T18:55:05Z","pushed_at":"2015-08-05T23:10:43Z","git_url":"git://github.com/mobify/stencil-progress-bar.git","ssh_url":"git@github.com:mobify/stencil-progress-bar.git","clone_url":"https://github.com/mobify/stencil-progress-bar.git","svn_url":"https://github.com/mobify/stencil-progress-bar","homepage":null,"size":249,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"open_issues_count":1,"forks":0,"open_issues":1,"watchers":0,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1"},"html":{"href":"https://github.com/mobify/stencil-progress-bar/pull/1"},"issue":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/1"},"comments":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/issues/1/comments"},"review_comments":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1/comments"},"review_comment":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/pulls/1/commits"},"statuses":{"href":"https://api.github.com/repos/mobify/stencil-progress-bar/statuses/2a163617f34c29332df6907070c46345169bcbfb"}}}}