From 97de9ff7b5bfc06983efff14578ed70edaf7b543 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Tue, 11 Dec 2018 23:03:56 -0200
Subject: [PATCH 01/11] feat(icons): add gmail and linkedin icons

---
 index.html               |  8 ++++++++
 package-lock.json        | 28 +++++++++++++++++++++-------
 scss/icons/gmail.scss    | 20 ++++++++++++++++++++
 scss/icons/icons.scss    | 10 ++++++++++
 scss/icons/linkedin.scss | 20 ++++++++++++++++++++
 5 files changed, 79 insertions(+), 7 deletions(-)
 create mode 100644 scss/icons/gmail.scss
 create mode 100644 scss/icons/linkedin.scss

diff --git a/index.html b/index.html
index efe01fd1..9d654348 100644
--- a/index.html
+++ b/index.html
@@ -280,6 +280,14 @@ <h3 class="title">SNS</h3>
           <i class="nes-icon whatsapp"></i>
           <i class="nes-icon whatsapp is-medium"></i>
           <i class="nes-icon whatsapp is-large"></i>
+
+          <i class="nes-icon gmail"></i>
+          <i class="nes-icon gmail is-medium"></i>
+          <i class="nes-icon gmail is-large"></i>
+
+          <i class="nes-icon linkedin"></i>
+          <i class="nes-icon linkedin is-medium"></i>
+          <i class="nes-icon linkedin is-large"></i>
         </div>
       </section>
 
diff --git a/package-lock.json b/package-lock.json
index e4ab1d10..61549416 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5882,12 +5882,14 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5902,17 +5904,20 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6029,7 +6034,8 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6041,6 +6047,7 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6055,6 +6062,7 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6062,12 +6070,14 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6086,6 +6096,7 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6166,7 +6177,8 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6178,6 +6190,7 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6299,6 +6312,7 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",
diff --git a/scss/icons/gmail.scss b/scss/icons/gmail.scss
new file mode 100644
index 00000000..0a58cba1
--- /dev/null
+++ b/scss/icons/gmail.scss
@@ -0,0 +1,20 @@
+$icon-gmail-colors: (#eeecec, #fd2b2b);
+// prettier-ignore
+$icon-gmail: (
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
+  (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
+  (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
+  (2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
+  (2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+  (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index 43971b90..fa6a3717 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -13,6 +13,8 @@
 @import "twitch.scss";
 @import "reddit.scss";
 @import "whatsapp.scss";
+@import "gmail.scss";
+@import "linkedin.scss";
 
 // others
 @import "close.scss";
@@ -112,6 +114,14 @@
     &.whatsapp::before {
       @include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
     }
+
+    &.gmail::before {
+      @include pixelize($icon-gmail, $icon-gmail-colors, $px);
+    }
+
+    &.linkedin::before {
+      @include pixelize($icon-linkedin, $icon-linkedin-colors, $px);
+    }
   }
 
   // default
diff --git a/scss/icons/linkedin.scss b/scss/icons/linkedin.scss
new file mode 100644
index 00000000..e78e09c0
--- /dev/null
+++ b/scss/icons/linkedin.scss
@@ -0,0 +1,20 @@
+$icon-linkedin-colors: (#fff, #2577b9);
+// prettier-ignore
+$icon-linkedin: (
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+  (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+  (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+);

From e19af554e52159a7f167d84b34e86d31d8095232 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Tue, 11 Dec 2018 23:05:36 -0200
Subject: [PATCH 02/11] docs(icons): add gmail and linkedin to storybook

---
 docs/icons.stories.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/docs/icons.stories.js b/docs/icons.stories.js
index 971946b8..699682a4 100644
--- a/docs/icons.stories.js
+++ b/docs/icons.stories.js
@@ -14,6 +14,8 @@ stories.add('icon', () => {
     'nes-icon google': 'nes-icon google',
     'nes-icon youtube': 'nes-icon youtube',
     'nes-icon whatsapp': 'nes-icon whatsapp',
+    'nes-icon gmail': 'nes-icon gmail',
+    'nes-icon linkedin': 'nes-icon linkedin',
     'nes-icon close': 'nes-icon close',
     'nes-pokeball': 'nes-pokeball',
     'nes-bulbasaur': 'nes-bulbasaur',

From 77cd5926e8c1d4f7be6cbb7dd48d2a5e5ff07aa2 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <igor.lima@sabium.com.br>
Date: Wed, 12 Dec 2018 07:47:41 -0200
Subject: [PATCH 03/11] feat(icons): removed corners from gmail icon

---
 scss/icons/gmail.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/scss/icons/gmail.scss b/scss/icons/gmail.scss
index 0a58cba1..644b0cd3 100644
--- a/scss/icons/gmail.scss
+++ b/scss/icons/gmail.scss
@@ -3,7 +3,7 @@ $icon-gmail-colors: (#eeecec, #fd2b2b);
 $icon-gmail: (
   (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
   (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
-  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
   (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
   (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
   (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
@@ -14,7 +14,7 @@ $icon-gmail: (
   (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
   (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
   (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
-  (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+  (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
   (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
   (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
 );

From fe5df677b78b8c31010873a5fe427e0789ef2049 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <igor.lima@sabium.com.br>
Date: Wed, 12 Dec 2018 10:02:49 -0200
Subject: [PATCH 04/11] fix(lock): package-lock rollback

---
 package-lock.json | 28 +++++++---------------------
 1 file changed, 7 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 61549416..e4ab1d10 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5882,14 +5882,12 @@
         "balanced-match": {
           "version": "1.0.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "brace-expansion": {
           "version": "1.1.11",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "balanced-match": "^1.0.0",
             "concat-map": "0.0.1"
@@ -5904,20 +5902,17 @@
         "code-point-at": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "concat-map": {
           "version": "0.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "console-control-strings": {
           "version": "1.1.0",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "core-util-is": {
           "version": "1.0.2",
@@ -6034,8 +6029,7 @@
         "inherits": {
           "version": "2.0.3",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "ini": {
           "version": "1.3.5",
@@ -6047,7 +6041,6 @@
           "version": "1.0.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "number-is-nan": "^1.0.0"
           }
@@ -6062,7 +6055,6 @@
           "version": "3.0.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "brace-expansion": "^1.1.7"
           }
@@ -6070,14 +6062,12 @@
         "minimist": {
           "version": "0.0.8",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "minipass": {
           "version": "2.2.4",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "safe-buffer": "^5.1.1",
             "yallist": "^3.0.0"
@@ -6096,7 +6086,6 @@
           "version": "0.5.1",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "minimist": "0.0.8"
           }
@@ -6177,8 +6166,7 @@
         "number-is-nan": {
           "version": "1.0.1",
           "bundled": true,
-          "dev": true,
-          "optional": true
+          "dev": true
         },
         "object-assign": {
           "version": "4.1.1",
@@ -6190,7 +6178,6 @@
           "version": "1.4.0",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "wrappy": "1"
           }
@@ -6312,7 +6299,6 @@
           "version": "1.0.2",
           "bundled": true,
           "dev": true,
-          "optional": true,
           "requires": {
             "code-point-at": "^1.0.0",
             "is-fullwidth-code-point": "^1.0.0",

From 2e4ff795a5394b098588c128624cea950f59bc3c Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Wed, 12 Dec 2018 20:26:00 -0200
Subject: [PATCH 05/11] feat(component): Inserting lists with examples

Inserting tag <ul> to implment list, with two examples

#179
---
 index.html                | 21 +++++++++++++++++
 package-lock.json         | 40 ++++++++++++++++-----------------
 scss/elements/_index.scss |  1 +
 scss/elements/lists.scss  | 47 +++++++++++++++++++++++++++++++++++++++
 4 files changed, 89 insertions(+), 20 deletions(-)
 create mode 100644 scss/elements/lists.scss

diff --git a/index.html b/index.html
index 9d654348..724db925 100644
--- a/index.html
+++ b/index.html
@@ -150,6 +150,27 @@ <h2 class="title">Balloons</h2>
       </div>
     </section>
 
+    <section class="nes-container with-title">
+      <h2 class="title">Lists</h2>
+      <div class="lists">
+        <ul class="nes-list is-circle">
+          <li>Test1</li>
+          <li>Test2</li>
+          <li>Test3</li>
+          <li>Test4</li>
+        </ul>
+      </div>
+
+      <div class="lists">
+        <ul class="nes-list is-arrow">
+          <li>Test1</li>
+          <li>Test2</li>
+          <li>Test3</li>
+          <li>Test4</li>
+        </ul>
+      </div>
+    </section>
+
     <section class="nes-container with-title">
       <h2 class="title">Table</h2>
       <div class="tables">
diff --git a/package-lock.json b/package-lock.json
index e4ab1d10..1371fb55 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4332,7 +4332,7 @@
       "dependencies": {
         "domelementtype": {
           "version": "1.1.3",
-          "resolved": "http://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.1.3.tgz",
           "integrity": "sha1-vSh3PiZCiBrsUVRJJCmcXNgiGFs=",
           "dev": true
         }
@@ -5092,7 +5092,7 @@
     },
     "expand-range": {
       "version": "1.8.2",
-      "resolved": "http://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
       "integrity": "sha1-opnv/TNf4nIeuujiV+x5ZE/IUzc=",
       "dev": true,
       "requires": {
@@ -6456,7 +6456,7 @@
     },
     "get-stream": {
       "version": "3.0.0",
-      "resolved": "http://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-3.0.0.tgz",
       "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
       "dev": true
     },
@@ -6660,7 +6660,7 @@
     },
     "globby": {
       "version": "8.0.1",
-      "resolved": "http://registry.npmjs.org/globby/-/globby-8.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-8.0.1.tgz",
       "integrity": "sha512-oMrYrJERnKBLXNLVTqhm3vPEdJ/b2ZE28xN4YARiix1NOIOBPEpOUnm844K1iu/BkphCaf2WNFwMszv8Soi1pw==",
       "dev": true,
       "requires": {
@@ -7930,7 +7930,7 @@
     },
     "jest-get-type": {
       "version": "22.4.3",
-      "resolved": "http://registry.npmjs.org/jest-get-type/-/jest-get-type-22.4.3.tgz",
+      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-22.4.3.tgz",
       "integrity": "sha512-/jsz0Y+V29w1chdXVygEKSz2nBoHoYqNShPe+QgxSNjAuP1i8+k4LbQNrfoliKej0P45sivkSCh7yiD6ubHS3w==",
       "dev": true
     },
@@ -9092,7 +9092,7 @@
       "dependencies": {
         "semver": {
           "version": "5.3.0",
-          "resolved": "http://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz",
           "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
           "dev": true
         }
@@ -12809,7 +12809,7 @@
     },
     "os-homedir": {
       "version": "1.0.2",
-      "resolved": "http://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
       "dev": true
     },
@@ -12834,7 +12834,7 @@
     },
     "os-tmpdir": {
       "version": "1.0.2",
-      "resolved": "http://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
       "dev": true
     },
@@ -12871,7 +12871,7 @@
     },
     "p-is-promise": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
       "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
       "dev": true
     },
@@ -13056,7 +13056,7 @@
     },
     "path-is-absolute": {
       "version": "1.0.1",
-      "resolved": "http://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
       "dev": true
     },
@@ -13873,7 +13873,7 @@
     },
     "pretty-hrtime": {
       "version": "1.0.3",
-      "resolved": "http://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
       "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
       "dev": true
     },
@@ -14496,7 +14496,7 @@
       "dependencies": {
         "pify": {
           "version": "2.3.0",
-          "resolved": "http://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
           "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
           "dev": true
         }
@@ -15038,7 +15038,7 @@
     },
     "safe-regex": {
       "version": "1.1.0",
-      "resolved": "http://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
       "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
       "dev": true,
       "requires": {
@@ -15110,7 +15110,7 @@
       "dependencies": {
         "source-map": {
           "version": "0.4.4",
-          "resolved": "http://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz",
           "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
           "dev": true,
           "requires": {
@@ -16313,7 +16313,7 @@
     },
     "staged-git-files": {
       "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/staged-git-files/-/staged-git-files-1.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/staged-git-files/-/staged-git-files-1.1.1.tgz",
       "integrity": "sha512-H89UNKr1rQJvI1c/PIR3kiAMBV23yvR7LItZiV74HWZwzt7f3YHuujJ9nJZlt58WlFox7XQsOahexwk7nTe69A==",
       "dev": true
     },
@@ -16462,7 +16462,7 @@
     },
     "string_decoder": {
       "version": "1.1.1",
-      "resolved": "http://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
       "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
       "dev": true,
       "requires": {
@@ -16494,7 +16494,7 @@
     },
     "strip-ansi": {
       "version": "3.0.1",
-      "resolved": "http://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
       "dev": true,
       "requires": {
@@ -16509,7 +16509,7 @@
     },
     "strip-eof": {
       "version": "1.0.0",
-      "resolved": "http://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-eof/-/strip-eof-1.0.0.tgz",
       "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
       "dev": true
     },
@@ -16709,7 +16709,7 @@
     },
     "stylelint-order": {
       "version": "0.8.1",
-      "resolved": "http://registry.npmjs.org/stylelint-order/-/stylelint-order-0.8.1.tgz",
+      "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-0.8.1.tgz",
       "integrity": "sha512-8mp1P2wnI9XShYXVXDsxVigE2eXnc0C2O4ktbwUvTBwjCP4xZskIbUVxp1evSG3OK4R7hXVNl/2BnJCZkrcc/w==",
       "dev": true,
       "requires": {
@@ -16913,7 +16913,7 @@
     },
     "tar": {
       "version": "2.2.1",
-      "resolved": "http://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.1.tgz",
       "integrity": "sha1-jk0qJWwOIYXGsYrWlK7JaLg8sdE=",
       "dev": true,
       "requires": {
diff --git a/scss/elements/_index.scss b/scss/elements/_index.scss
index 28d71302..32059dca 100644
--- a/scss/elements/_index.scss
+++ b/scss/elements/_index.scss
@@ -4,6 +4,7 @@
 @import "containers.scss";
 @import "radios.scss";
 @import "checkboxes.scss";
+@import "lists.scss";
 @import "balloons.scss";
 @import "tables.scss";
 @import "progress.scss";
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
new file mode 100644
index 00000000..1234ad69
--- /dev/null
+++ b/scss/elements/lists.scss
@@ -0,0 +1,47 @@
+.nes-list {
+  $ball: (
+    (0, 0, 0, 1, 1, 0, 0, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 0, 0, 1, 1, 0, 0, 0)
+  );
+
+  $arrow: (
+    (0, 0, 0, 1, 1, 0, 0, 0),
+    (0, 0, 0, 1, 1, 1, 0, 0),
+    (0, 0, 0, 1, 1, 1, 1, 0),
+    (0, 0, 0, 1, 1, 1, 1, 0),
+    (0, 0, 0, 1, 1, 1, 0, 0),
+    (0, 0, 0, 1, 1, 0, 0, 0)
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+
+  list-style-type: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  & li {
+    position: relative;
+  }
+
+  &.is-circle li::before {
+    position: absolute;
+    top: calc(50% - 10px);
+    left: -20px;
+    content: "";
+
+    @include pixelize($ball, $colors, 2px);
+  }
+
+  &.is-arrow li::before {
+    position: absolute;
+    top: calc(50% - 10px);
+    left: -20px;
+    content: "";
+
+    @include pixelize($arrow, $colors, 2px);
+  }
+}

From 4fd118fa88a526e28ff6f29841e429e3e9fe338e Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Wed, 12 Dec 2018 20:42:13 -0200
Subject: [PATCH 06/11] feat(component): Inserting one more example list

Inserting a pointer list to the lists component

#179
---
 index.html               |  9 +++++++++
 scss/elements/lists.scss | 19 +++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/index.html b/index.html
index 724db925..816ec4e5 100644
--- a/index.html
+++ b/index.html
@@ -169,6 +169,15 @@ <h2 class="title">Lists</h2>
           <li>Test4</li>
         </ul>
       </div>
+
+      <div class="lists">
+        <ul class="nes-list is-pointer">
+          <li>Test1</li>
+          <li>Test2</li>
+          <li>Test3</li>
+          <li>Test4</li>
+        </ul>
+      </div>
     </section>
 
     <section class="nes-container with-title">
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
index 1234ad69..9512b4b9 100644
--- a/scss/elements/lists.scss
+++ b/scss/elements/lists.scss
@@ -16,6 +16,16 @@
     (0, 0, 0, 1, 1, 1, 0, 0),
     (0, 0, 0, 1, 1, 0, 0, 0)
   );
+
+  $pointer: (
+    (1, 1, 1, 0, 0, 0, 0, 0),
+    (0, 1, 1, 1, 0, 0, 0, 0),
+    (0, 0, 1, 1, 1, 0, 0, 0),
+    (0, 0, 0, 1, 1, 1, 0, 0),
+    (0, 0, 1, 1, 1, 0, 0, 0),
+    (0, 1, 1, 1, 0, 0, 0, 0),
+    (1, 1, 1, 0, 0, 0, 0, 0)
+  );
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
   list-style-type: none;
@@ -44,4 +54,13 @@
 
     @include pixelize($arrow, $colors, 2px);
   }
+
+  &.is-pointer li::before {
+    position: absolute;
+    top: calc(50% - 10px);
+    left: -20px;
+    content: "";
+
+    @include pixelize($pointer, $colors, 2px);
+  }
 }

From 4f40d70eadbaa4da5c050dd3da80cf5070c742e5 Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Wed, 12 Dec 2018 21:03:43 -0200
Subject: [PATCH 07/11] docs(storybook): Insertng lists on storybook

Inserting all configuration of lists in storybook

#179
---
 docs/lists.stories.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)
 create mode 100644 docs/lists.stories.js

diff --git a/docs/lists.stories.js b/docs/lists.stories.js
new file mode 100644
index 00000000..a6c43d2a
--- /dev/null
+++ b/docs/lists.stories.js
@@ -0,0 +1,16 @@
+import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
+import { // eslint-disable-line import/no-extraneous-dependencies
+  withKnobs, radios,
+} from '@storybook/addon-knobs';
+
+const stories = storiesOf('Lists', module);
+stories.addDecorator(withKnobs);
+
+stories.add('list', () => {
+  const selectedClass = radios('type', {
+    default: 'is-circle',
+    'is-arrow': 'is-arrow',
+    'is-pointer': 'is-pointer',
+  }, 'is-circle');
+  return `<ul class="nes-list ${selectedClass}"> <li>Test</li> </ul>`;
+});

From 54765eeaee638ac90f9eed6f63b1bb2aa0c333e0 Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Wed, 12 Dec 2018 21:23:53 -0200
Subject: [PATCH 08/11] feat(component): Changing lists

Changing lists to more generic design

#179
---
 index.html               |  6 +++---
 scss/elements/lists.scss | 39 +++++++++++++++++++--------------------
 2 files changed, 22 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 816ec4e5..fb776a09 100644
--- a/index.html
+++ b/index.html
@@ -153,7 +153,7 @@ <h2 class="title">Balloons</h2>
     <section class="nes-container with-title">
       <h2 class="title">Lists</h2>
       <div class="lists">
-        <ul class="nes-list is-circle">
+        <ul class="nes-list is-disc">
           <li>Test1</li>
           <li>Test2</li>
           <li>Test3</li>
@@ -162,7 +162,7 @@ <h2 class="title">Lists</h2>
       </div>
 
       <div class="lists">
-        <ul class="nes-list is-arrow">
+        <ul class="nes-list is-circle">
           <li>Test1</li>
           <li>Test2</li>
           <li>Test3</li>
@@ -171,7 +171,7 @@ <h2 class="title">Lists</h2>
       </div>
 
       <div class="lists">
-        <ul class="nes-list is-pointer">
+        <ul class="nes-list is-square">
           <li>Test1</li>
           <li>Test2</li>
           <li>Test3</li>
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
index 9512b4b9..ba555066 100644
--- a/scss/elements/lists.scss
+++ b/scss/elements/lists.scss
@@ -1,5 +1,5 @@
 .nes-list {
-  $ball: (
+  $disc: (
     (0, 0, 0, 1, 1, 0, 0, 0),
     (0, 0, 1, 1, 1, 1, 0, 0),
     (0, 1, 1, 1, 1, 1, 1, 0),
@@ -8,23 +8,22 @@
     (0, 0, 0, 1, 1, 0, 0, 0)
   );
 
-  $arrow: (
+  $circle: (
     (0, 0, 0, 1, 1, 0, 0, 0),
-    (0, 0, 0, 1, 1, 1, 0, 0),
-    (0, 0, 0, 1, 1, 1, 1, 0),
-    (0, 0, 0, 1, 1, 1, 1, 0),
-    (0, 0, 0, 1, 1, 1, 0, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 1, 1, 0, 0, 1, 1, 0),
+    (0, 1, 1, 0, 0, 1, 1, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
     (0, 0, 0, 1, 1, 0, 0, 0)
   );
 
-  $pointer: (
-    (1, 1, 1, 0, 0, 0, 0, 0),
-    (0, 1, 1, 1, 0, 0, 0, 0),
-    (0, 0, 1, 1, 1, 0, 0, 0),
-    (0, 0, 0, 1, 1, 1, 0, 0),
-    (0, 0, 1, 1, 1, 0, 0, 0),
-    (0, 1, 1, 1, 0, 0, 0, 0),
-    (1, 1, 1, 0, 0, 0, 0, 0)
+  $square: (
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0)
   );
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
@@ -37,30 +36,30 @@
     position: relative;
   }
 
-  &.is-circle li::before {
+  &.is-disc li::before {
     position: absolute;
     top: calc(50% - 10px);
     left: -20px;
     content: "";
 
-    @include pixelize($ball, $colors, 2px);
+    @include pixelize($disc, $colors, 2px);
   }
 
-  &.is-arrow li::before {
+  &.is-circle li::before {
     position: absolute;
     top: calc(50% - 10px);
     left: -20px;
     content: "";
 
-    @include pixelize($arrow, $colors, 2px);
+    @include pixelize($circle, $colors, 2px);
   }
 
-  &.is-pointer li::before {
+  &.is-square li::before {
     position: absolute;
     top: calc(50% - 10px);
     left: -20px;
     content: "";
 
-    @include pixelize($pointer, $colors, 2px);
+    @include pixelize($square, $colors, 2px);
   }
 }

From 22657a90749032eb128627ccf13a1283a305cc95 Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Wed, 12 Dec 2018 21:37:21 -0200
Subject: [PATCH 09/11] docs(storybook): Inserting examples on storybook

Inserting all examples created on storybook

#179
---
 docs/lists.stories.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/lists.stories.js b/docs/lists.stories.js
index a6c43d2a..74a5b3a7 100644
--- a/docs/lists.stories.js
+++ b/docs/lists.stories.js
@@ -8,9 +8,9 @@ stories.addDecorator(withKnobs);
 
 stories.add('list', () => {
   const selectedClass = radios('type', {
-    default: 'is-circle',
-    'is-arrow': 'is-arrow',
-    'is-pointer': 'is-pointer',
-  }, 'is-circle');
+    default: 'is-disc',
+    'is-circle': 'is-circle',
+    'is-square': 'is-square',
+  }, 'is-disc');
   return `<ul class="nes-list ${selectedClass}"> <li>Test</li> </ul>`;
 });

From 2de0fb6d4df8289c41dea3953a8e4acc940ca0d1 Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Thu, 13 Dec 2018 12:09:39 -0200
Subject: [PATCH 10/11] feat(component): Changing examples

Changing lists examples to only two

#179
---
 index.html               | 25 ++++++++-----------------
 scss/elements/lists.scss | 29 ++++-------------------------
 2 files changed, 12 insertions(+), 42 deletions(-)

diff --git a/index.html b/index.html
index fb776a09..a62d1bf8 100644
--- a/index.html
+++ b/index.html
@@ -154,28 +154,19 @@ <h2 class="title">Balloons</h2>
       <h2 class="title">Lists</h2>
       <div class="lists">
         <ul class="nes-list is-disc">
-          <li>Test1</li>
-          <li>Test2</li>
-          <li>Test3</li>
-          <li>Test4</li>
+          <li>Good morning.</li>
+          <li>Thou hast had a good night's sleep, I hope.</li>
+          <li>Thou hast had a good afternoon</li>
+          <li>Good night.</li>
         </ul>
       </div>
 
       <div class="lists">
         <ul class="nes-list is-circle">
-          <li>Test1</li>
-          <li>Test2</li>
-          <li>Test3</li>
-          <li>Test4</li>
-        </ul>
-      </div>
-
-      <div class="lists">
-        <ul class="nes-list is-square">
-          <li>Test1</li>
-          <li>Test2</li>
-          <li>Test3</li>
-          <li>Test4</li>
+          <li>Good morning.</li>
+          <li>Thou hast had a good night's sleep, I hope.</li>
+          <li>Thou hast had a good afternoon</li>
+          <li>Good night.</li>
         </ul>
       </div>
     </section>
diff --git a/scss/elements/lists.scss b/scss/elements/lists.scss
index ba555066..05e6efc1 100644
--- a/scss/elements/lists.scss
+++ b/scss/elements/lists.scss
@@ -16,21 +16,9 @@
     (0, 0, 1, 1, 1, 1, 0, 0),
     (0, 0, 0, 1, 1, 0, 0, 0)
   );
-
-  $square: (
-    (0, 1, 1, 1, 1, 1, 1, 0),
-    (0, 1, 1, 1, 1, 1, 1, 0),
-    (0, 1, 1, 1, 1, 1, 1, 0),
-    (0, 1, 1, 1, 1, 1, 1, 0),
-    (0, 1, 1, 1, 1, 1, 1, 0),
-    (0, 1, 1, 1, 1, 1, 1, 0)
-  );
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
   list-style-type: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
 
   & li {
     position: relative;
@@ -38,8 +26,8 @@
 
   &.is-disc li::before {
     position: absolute;
-    top: calc(50% - 10px);
-    left: -20px;
+    top: calc(50% - 8px);
+    left: -22px;
     content: "";
 
     @include pixelize($disc, $colors, 2px);
@@ -47,19 +35,10 @@
 
   &.is-circle li::before {
     position: absolute;
-    top: calc(50% - 10px);
-    left: -20px;
+    top: calc(50% - 8px);
+    left: -22px;
     content: "";
 
     @include pixelize($circle, $colors, 2px);
   }
-
-  &.is-square li::before {
-    position: absolute;
-    top: calc(50% - 10px);
-    left: -20px;
-    content: "";
-
-    @include pixelize($square, $colors, 2px);
-  }
 }

From 0d89cbf2627512412ae0bfc89f01966db2499526 Mon Sep 17 00:00:00 2001
From: "lucas.reis" <lucas.reis@radixeng.com.br>
Date: Thu, 13 Dec 2018 12:12:42 -0200
Subject: [PATCH 11/11] docs(storybook): updating storybook

updating storybook to implement the two final lists

#179
---
 docs/lists.stories.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/lists.stories.js b/docs/lists.stories.js
index 74a5b3a7..3c8c40b3 100644
--- a/docs/lists.stories.js
+++ b/docs/lists.stories.js
@@ -10,7 +10,11 @@ stories.add('list', () => {
   const selectedClass = radios('type', {
     default: 'is-disc',
     'is-circle': 'is-circle',
-    'is-square': 'is-square',
   }, 'is-disc');
-  return `<ul class="nes-list ${selectedClass}"> <li>Test</li> </ul>`;
+  return `<ul class="nes-list ${selectedClass}">
+            <li>Good morning.</li>
+            <li>Thou hast had a good night's sleep, I hope.</li>
+            <li>Thou hast had a good afternoon</li>
+            <li>Good night.</li>
+          </ul>`;
 });