primer · broccolini · Jan 18, 2018 · Dec 22, 2017 · Dec 22, 2017 · Jan 3, 2018
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -2,9 +2,10 @@ import React from 'react'
 import { configure, addDecorator } from '@storybook/react'
 import { setOptions } from '@storybook/addon-options'
 import '../modules/primer/index.scss'
+import { version } from '../modules/primer/package.json'
 
 setOptions({
-  name: 'Primer',
+  name: `Primer v${version}`,
   url: 'http://primer.github.io/',
   showDownPanel: false,
 })

diff --git a/.storybook/lib/storiesFromMarkdown.js b/.storybook/lib/storiesFromMarkdown.js
@@ -12,7 +12,7 @@ const htmlParser = new htmlToReact.Parser()
 
 const railsOcticonToReact = (html) => {
   // <%= octicon "tools" %> to <Octicon name="tools" />
-  const octre = /<%= octicon ["']([a-z\-]+)["'][^%]*%>/gi
+  const octre = /<%= octicon[\(\s]["']([a-z\-]+)["'][^%]*%>/gi
   html = html.replace(octre, (match, name) => {
     return ReactDOMServer.renderToStaticMarkup(<Octicon name={name} />)
   })

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,28 @@
+# 10.3.0 (2018-01-17)
+
+#### :rocket: Enhancement
+* [#426](https://github.com/primer/primer/pull/426) Add em spacer variables. ([@broccolini](https://github.com/broccolini))
+* [#430](https://github.com/primer/primer/pull/430) Increase input font-size to 16px on mobile. ([@broccolini](https://github.com/broccolini))
+
+#### :bug: Bug Fix
+* [#416](https://github.com/primer/primer/pull/416) Point style field to build file in subhead component. ([@muan](https://github.com/muan))
+* [#424](https://github.com/primer/primer/pull/424) Add missing $spacer-12 in $marketingSpacers variable. ([@gladwearefriends](https://github.com/gladwearefriends))
+
+#### :nail_care: Polish
+* [#418](https://github.com/primer/primer/pull/418) Button color contrast improvements. ([@broccolini](https://github.com/broccolini))
+
+#### :memo: Documentation
+* [#427](https://github.com/primer/primer/pull/427) Adding stories from markdown for the other modules that didn't have any stories. ([@jonrohan](https://github.com/jonrohan))
+
+#### :house: Internal
+* [#420](https://github.com/primer/primer/pull/420) Update licenses to 2018 🎊. ([@jonrohan](https://github.com/jonrohan))
+
+#### Committers: 4
+- Catherine Bui ([gladwearefriends](https://github.com/gladwearefriends))
+- Diana Mounter ([broccolini](https://github.com/broccolini))
+- Jon Rohan ([jonrohan](https://github.com/jonrohan))
+- [muan](https://github.com/muan)
+
 # 10.2.0 (2017-12-11)
 
 #### :rocket: Enhancement

diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-alerts/LICENSE b/modules/primer-alerts/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-alerts/lib/flash.scss b/modules/primer-alerts/lib/flash.scss
@@ -73,7 +73,7 @@
 }
 
 .warning {
-  padding: 0.5em;
+  padding: $em-spacer-5;
   margin-bottom: 0.8em;
   font-weight: $font-weight-bold;
   background-color: $yellow-100;

diff --git a/modules/primer-alerts/package.json b/modules/primer-alerts/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.5.4",
+  "version": "1.5.5",
   "name": "primer-alerts",
   "description": "Flash messages, or alerts, inform users of successful or pending actions.",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "alerts",

diff --git a/modules/primer-avatars/LICENSE b/modules/primer-avatars/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-avatars/package.json b/modules/primer-avatars/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.5.1",
+  "version": "1.5.2",
   "name": "primer-avatars",
   "description": "Basic styles for user profile avatars.",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "avatars",

diff --git a/modules/primer-base/LICENSE b/modules/primer-base/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-base/package.json b/modules/primer-base/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.6.2",
+  "version": "1.6.3",
   "name": "primer-base",
   "description": "CSS to reset the browsers default styles",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-blankslate/LICENSE b/modules/primer-blankslate/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-blankslate/package.json b/modules/primer-blankslate/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.4.4",
+  "version": "1.4.5",
   "name": "primer-blankslate",
   "description": "Blankslates are for when there is a lack of content within a page or section.",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-box/LICENSE b/modules/primer-box/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-box/package.json b/modules/primer-box/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.5.4",
+  "version": "2.5.5",
   "name": "primer-box",
   "description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-branch-name/LICENSE b/modules/primer-branch-name/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-branch-name/README.md b/modules/primer-branch-name/README.md
@@ -42,16 +42,19 @@ status: Stable
 
 Branch names can be a link name or not:
 
-```html
+```html title="Branch name"
 <span class="branch-name">a_new_feature_branch</span>
+```
+
+```html title="Branch name with link"
 <a href="#url" class="branch-name">a_new_feature_branch</a>
 ```
 
 You may also include an octicon before the branch name text:
 
-```html
+```html title="Branch name with icon"
 <span class="branch-name">
-  <%= octicon("git-branch") width:16 height:16 %>
+  <%= octicon("git-branch", width:16, height:16) %>
   a_new_feature_branch
 </span>
 ```

diff --git a/modules/primer-branch-name/package.json b/modules/primer-branch-name/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.0.2",
+  "version": "1.0.3",
   "name": "primer-branch-name",
   "description": "A nice, consistent way to display branch names.",
   "homepage": "http://primer.github.io/",
@@ -29,7 +29,7 @@
     "test": "../../script/npm-run-all build lint test-docs"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "github",

diff --git a/modules/primer-branch-name/stories.js b/modules/primer-branch-name/stories.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import storiesFromMarkdown from '../../.storybook/lib/storiesFromMarkdown'
+
+const stories = storiesOf('Branch Name', module)
+
+storiesFromMarkdown(require.context('.', true, /\.md$/))
+  .forEach(({title, story}) => {
+    stories.add(title, story)
+  })
diff --git a/modules/primer-breadcrumb/LICENSE b/modules/primer-breadcrumb/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-breadcrumb/lib/breadcrumb.scss b/modules/primer-breadcrumb/lib/breadcrumb.scss
@@ -5,8 +5,8 @@
   list-style: none;
 
   &::after {
-    padding-right: 0.5em;
-    padding-left: 0.5em;
+    padding-right: $em-spacer-5;
+    padding-left: $em-spacer-5;
     color: $border-gray;
     content: "/";
   }

diff --git a/modules/primer-breadcrumb/package.json b/modules/primer-breadcrumb/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.5.0",
+  "version": "1.5.1",
   "name": "primer-breadcrumb",
   "description": "Breadcrumb navigation for pages with parents / grandparents.",
   "homepage": "http://primer.github.io/",
@@ -29,7 +29,7 @@
     "test": "../../script/npm-run-all build lint test-docs"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "breadcrumb",

diff --git a/modules/primer-buttons/LICENSE b/modules/primer-buttons/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-buttons/lib/button.scss b/modules/primer-buttons/lib/button.scss
@@ -22,7 +22,7 @@
   i {
     font-style: normal;
     font-weight: $font-weight-semibold;
-    opacity: 0.6;
+    opacity: 0.75;
   }
 
   .octicon {
@@ -90,7 +90,7 @@
 
 // Large button adds more padding around text. Use font-size utils to increase font-size.. e.g, <p class="text-gamma"><button class="btn btn-large btn-primary" type="button">Big green button</button></p>
 .btn-large {
-  padding: 0.75em 1.25em;
+  padding: $em-spacer-6 1.25em;
   font-size: inherit;
   border-radius: 6px;
 }

diff --git a/modules/primer-buttons/package.json b/modules/primer-buttons/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "2.5.2",
+  "version": "2.5.3",
   "name": "primer-buttons",
   "description": "A collection of buttons used for primary and secondary actions.",
   "homepage": "http://primer.github.io/",
@@ -28,7 +28,7 @@
     "test": "../../script/npm-run-all build lint"
   },
   "dependencies": {
-    "primer-support": "4.5.1"
+    "primer-support": "4.5.2"
   },
   "keywords": [
     "primer",

diff --git a/modules/primer-core/LICENSE b/modules/primer-core/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/modules/primer-core/index.scss b/modules/primer-core/index.scss
@@ -2,7 +2,7 @@
  * Primer-core
  * http://primer.github.io
  *
- * Released under MIT license. Copyright (c) 2017 GitHub Inc.
+ * Released under MIT license. Copyright (c) 2018 GitHub Inc.
  */
 
 // Primer master file

diff --git a/modules/primer-core/package.json b/modules/primer-core/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "6.6.1",
+  "version": "6.7.0",
   "name": "primer-core",
   "description": "Primer's core modules",
   "homepage": "http://primer.github.io/",
@@ -27,17 +27,17 @@
     "lint": "../../script/lint-scss"
   },
   "dependencies": {
-    "primer-base": "1.6.2",
-    "primer-box": "2.5.4",
-    "primer-breadcrumb": "1.5.0",
-    "primer-buttons": "2.5.2",
-    "primer-forms": "2.0.2",
-    "primer-layout": "1.4.4",
-    "primer-navigation": "1.5.2",
-    "primer-support": "4.5.1",
-    "primer-table-object": "1.4.4",
-    "primer-tooltips": "1.5.1",
-    "primer-truncate": "1.4.4",
-    "primer-utilities": "4.8.4"
+    "primer-base": "1.6.3",
+    "primer-box": "2.5.5",
+    "primer-breadcrumb": "1.5.1",
+    "primer-buttons": "2.5.3",
+    "primer-forms": "2.1.0",
+    "primer-layout": "1.4.5",
+    "primer-navigation": "1.5.3",
+    "primer-support": "4.5.2",
+    "primer-table-object": "1.4.5",
+    "primer-tooltips": "1.5.2",
+    "primer-truncate": "1.4.5",
+    "primer-utilities": "4.8.5"
   }
 }
diff --git a/modules/primer-forms/LICENSE b/modules/primer-forms/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2017 GitHub Inc.
+Copyright (c) 2018 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal