Merge branch 'release-10.0.0' into import-branch-name

.github/pull_request_template.md

@@ -0,0 +1,7 @@
+↖ First, change the base branch from "master" to "dev".
+
+↑ Next, briefly describe your proposal in the title.
+
+Finally, tell us more about the change here, in the description.
+
+/cc @primer/ds-core

.storybook/Breadcrumb.js

@@ -1,15 +0,0 @@
-import React from 'react'
-import { storiesOf } from '@storybook/react'
-
-storiesOf('Breadcrumb', module)
-.add('breadcrumb', () => (
-  <div className='p-4'>
-    <nav aria-label='Breadcrumb'>
-      <ol>
-        <li className='breadcrumb-item text-small'><a href='/business'>Business</a></li>
-        <li className='breadcrumb-item text-small'><a href='/business/customers'>Customers</a></li>
-        <li className='breadcrumb-item breadcrumb-item-selected text-small text-gray' aria-current='page'>MailChimp</li>
-      </ol>
-    </nav>
-  </div>
-))

.storybook/Octicon.js

@@ -12,7 +12,7 @@ const Octicon = (props) => {
   }
 }
 
-const story = storiesOf('octicons', module)
+const story = storiesOf('Octicons', module)
 const sizes = [64, 32, 16]
 
 Object.keys(octicons).forEach(name => {

.storybook/config.js

@@ -1,4 +1,5 @@
-import { configure } from '@storybook/react'
+import React from 'react'
+import { configure, addDecorator } from '@storybook/react'
 import { setOptions } from '@storybook/addon-options'
 import '../modules/primer-css/index.scss'
 
@@ -8,10 +9,21 @@ setOptions({
   showDownPanel: false,
 })
 
-const req = require.context('.', true, /\.js$/)
+addDecorator(story => (
+  <div className='p-4'>
+    {story()}
+  </div>
+))
 
-const load = () => {
+const contexts = [
-  req.keys().forEach(req)
+  require.context('.', true, /\.js$/),
-}
+  require.context('../modules', true, /stories.*\.js$/),
+]
 
-configure(load, module)
+configure(() => {
+  contexts.forEach(context => {
+    context.keys()
+      .filter(key => !key.includes('node_modules'))
+      .forEach(context)
+  })
+}, module)

.storybook/lib/storiesFromMarkdown.js

@@ -0,0 +1,45 @@
+import remark from 'remark'
+import parents from 'unist-util-parents'
+import select from 'unist-util-select'
+import findBefore from 'unist-util-find-before'
+import htmlToReact from 'html-to-react'
+import parsePairs from 'parse-pairs'
+
+const htmlParser = new htmlToReact.Parser()
+
+const nodeToStory = (node, file) => {
+  const html = node.value
+  const element = htmlParser.parse(html)
+  const pairs = node.lang.replace(/^html\s*/, '')
+  const attrs = pairs.length ? parsePairs(pairs) : {}
+  const title = attrs.title || getPreviousHeading(node) ||
+    `story @ ${file}:${node.position.start.line}`
+  return {
+    title,
+    story: () => element,
+    attrs,
+    html,
+    file,
+    node,
+  }
+}
+
+const getPreviousHeading = node => {
+  const heading = findBefore(node.parent, node, 'heading')
+  return (heading && !heading.used)
+    ? (heading.used = true, heading.children.map(c => c.value).join(''))
+    : undefined
+}
+
+export default req => {
+  return req.keys().reduce((stories, file) => {
+    const content = req(file)
+    const ast = parents(remark.parse(content))
+    const path = file.replace(/^\.\//, '')
+    return stories.concat(
+      select(ast, 'code[lang^=html]')
+        .map(node => nodeToStory(node, path))
+        .filter(({attrs}) => attrs.story !== "false")
+    )
+  }, [])
+}

.storybook/webpack.config.js

@@ -5,6 +5,10 @@ const modulesPath = path.resolve(__dirname, "../modules")
 module.exports = {
   module: {
     rules: [
+      {
+        test: /\.md$/,
+        use: "raw-loader",
+      },
       {
         test: /\.scss$/,
         loaders: [
@@ -28,7 +32,7 @@ module.exports = {
           },
         ],
         include: modulesPath,
-      }
+      },
-    ]
+    ],
   },
 }

.travis.yml

@@ -26,6 +26,7 @@ deploy:
     skip_cleanup: true
     on:
       branch: release*
+      tags: false
 
   # publish "final" releases on master
   - provider: script
@@ -33,6 +34,7 @@ deploy:
     skip_cleanup: true
     on:
       branch: master
+      tags: false
 
 notifications:
   slack:

CHANGELOG.md

@@ -1 +0,0 @@
-modules/primer-css/CHANGELOG.md

CHANGELOG.md

@@ -0,0 +1,271 @@
+# 9.3.0
+
+## Added
+- Docs for `primer-layout` (grid), `primer-support`, `primer-utilities`, and `primer-marketing-utilities`
+- Primer keys for `category` and `module_type` to `package.json` (for use in documentation and gathering stats)
+
+## Changes
+- Removes `docs` from `gitignore`
+- Removes the `^` from all dependencies so that we can publish exact versions
+- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md`
+
+# 9.2.0
+
+## Added
+
+- Add `test-docs` npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs
+
+## Changes
+
+- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284
+- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
+- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
+
+# 9.1.1
+
+This release updates primer modules to use variables for spacing units instead of pixel values.
+
+## Changes
+
+- primer-alerts: 1.2.0 => 1.2.1
+- primer-avatars: 1.1.0 => 1.1.1
+- primer-base: 1.2.0 => 1.2.1
+- primer-blankslate: 1.1.0 => 1.1.1
+- primer-box: 2.2.0 => 2.2.1
+- primer-breadcrumb: 1.1.0 => 1.1.1
+- primer-buttons: 2.1.0 => 2.1.1
+- primer-cards: 0.2.0 => 0.2.1
+- primer-core: 6.1.0 => 6.1.1
+- primer-css: 9.1.0 => 9.1.1
+- primer-forms: 1.1.0 => 1.1.1
+- primer-labels: 1.2.0 => 1.2.1
+- primer-layout: 1.1.0 => 1.1.1
+- primer-markdown: 3.4.0 => 3.4.1
+- primer-marketing-type: 1.1.0 => 1.1.1
+- primer-marketing-utilities: 1.1.0 => 1.1.1
+- primer-marketing: 5.1.0 => 5.1.1
+- primer-navigation: 1.1.0 => 1.1.1
+- primer-page-headers: 1.1.0 => 1.1.1
+- primer-page-sections: 1.1.0 => 1.1.1
+- primer-product: 5.1.0 => 5.1.1
+- primer-support: 4.1.0 => 4.1.1
+- primer-table-object: 1.1.0 => 1.1.1
+- primer-tables: 1.1.0 => 1.1.1
+- primer-tooltips: 1.1.0 => 1.1.1
+- primer-truncate: 1.1.0 => 1.1.1
+- primer-utilities: 4.4.0 => 4.4.1
+
+# 9.1.0
+
+This release updates our [stylelint config](/primer/stylelint-config-primer) to [v2.0.0](https://github.com/primer/stylelint-config-primer/releases/tag/v2.0.0), and to stylelint v7.13.0. Each module also now has a `lint` npm script, and there are top-level `test` and `lint` scripts that you can use to lint and test all modules in one go.
+
+This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm.
+
+# 9.0.0 - Core dependency & repo urls
+
+We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages.
+
+See PR [#243](https://github.com/primer/primer-css/pull/243)
+
+## Changes
+
+### Primer Core v6.0.0
+- Fixed `primer-base` dependency to point to latest version
+
+**Repo urls corrected from `packages` to `modules` in:**
+- primer-base v1.1.5
+- primer-box v2.1.8
+- primer-buttons v2.0.6
+- primer-forms v1.0.13
+- primer-layout v1.0.5
+- primer-navigation v1.0.6
+- primer-support v4.0.7
+- primer-table-object v1.0.9
+- primer-tooltips v1.0.2
+- primer-truncate v1.0.2
+- primer-utilities v4.3.5
+
+### Primer Product v5.0.2
+
+**Repo urls corrected from `packages` to `modules` in:**
+- primer-alerts v1.1.8
+- primer-avatars v1.0.2
+- primer-blankslate v1.0.2
+- primer-labels v1.1.6
+- primer-markdown v3.3.13
+- primer-support v4.0.7
+
+### Primer Marketing v5.0.2
+
+**Repo urls corrected from `packages` to `modules` in:**
+- primer-breadcrumb v1.0.2
+- primer-cards v0.1.8
+- primer-marketing-support v1.0.2
+- primer-marketing-type v1.0.2
+- primer-marketing-utilities v1.0.2
+- primer-page-headers v1.0.2
+- primer-page-sections v1.0.2
+- primer-support v4.0.7
+- primer-tables v1.0.2
+
+# 8.0.0 - Imports
+
+Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239)
+
+
+## Changes
+
+### Primer Core v5.0.1
+- Re-ordered imports in `index.scss` to ensure utilities come last in the cascade
+
+### Primer Product v5.0.1
+- Re-ordered imports in `index.scss` to move markdown import to end of list to match former setup in GitHub.com
+
+### Primer Marketing v5.0.1
+- Re-ordered imports in `index.scss` to ensure marketing utilities come last in the cascade
+
+# 7.0.0 - Monorepo
+
+In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
+
+This is exciting because:
+
+- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use
+- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer
+- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
+- **we can accept pull requests from external contributors** again!
+
+See PR for more details on this change: https://github.com/primer/primer-css/pull/230
+
+## Other changes:
+
+### Primer Core v4.0.3
+
+#### primer-support v4.0.5
+- Update fade color variables to use rgba instead of transparentize color function for better Sass readability
+- Update support variables and mixins to use new color variables
+
+#### primer-layout v1.0.3
+- Update grid gutter styles naming convention and add responsive modifiers
+- Deprecate `single-column` and `table-column` from layout module
+- Remove `@include clearfix` from responsive container classes
+
+#### primer-utilities v4.3.3
+- Add `show-on-focus` utility class for accessibility
+- Update typography utilities to use new color variables
+- Add `.p-responsive` class
+
+#### primer-base v1.1.3
+- Update `b` tag font weight to use variable in base styles
+
+### Primer Marketing v4.0.3
+
+#### primer-tables
+- Update marketing table colors to use new variables
+
+
+# 6.0.0
+- Add `State--small` to labels module
+- Fix responsive border utilities
+- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes
+- Darken `.box-shadow-extra-large` shadow
+- Update `.tooltip-multiline` to remove `word-break: break-word` property
+- Add `.border-purple` utility class
+- Add responsive border utilities to primer-marketing
+- Add `ws-normal` utility for `whitespace: normal`
+- Updated syntax and classnames for `Counters` and `Labels`, moved into combined module with states.
+
+# 5.1.0
+- Add negative margin utilities
+- Move `.d-flex` & `.d-flex-inline` to be with other display utility classes in `visibility-display.scss`
+- Delete `.shade-gradient` in favor of `.bg-shade-gradient`
+- Removed alt-body-font variable from primer-marketing
+- Removed un-used `alt` typography styles from primer-marketing
+- Add green border utility
+
+# 5.0.0
+- Added new border variable and utility, replaced deprecated flash border variables
+- Updated variable name in form validation
+- Updated `.sr-only` to not use negative margin
+- Added and removed border variables and utilities
+- Add filter utility to Primer Marketing
+- Removed all custom color variables within Primer-marketing in favor of the new color system
+- Updated style for form group error display so it is positioned properly
+- Updated state closed color and text and background pending utilities
+- Removed local font css file from primer-marketing/support
+- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules
+- Added layout utility `.sr-only` for creating screen reader only elements
+- Added `.flex{-infix}-item-equal` utilities for creating equal width and equal height flex items.
+- Added `.flex{-infix}-row-reverse` utility for reversing rows of content
+- Updated `.select-menu-button-large` to use `em` units for sizing of the CSS triangle.
+- Added `.box-shadow-extra-large` utility for large, diffused shadow
+- Updated: removed background color from markdown body
+- Updated: remove background on the only item in an avatar stack
+- Added form utility `.form-checkbox-details` to allow content to be shown/hidden based on a radio button being checked
+- Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information
+
+# 4.7.0
+- Update primer modules to use bold variable applying `font-weight: 600`
+
+# 4.6.0
+- Added `CircleBadge` component for badge-like displays within product/components/avatars
+- Added Box shadow utilities `box-shadow`, `box-shadow-medium`, `box-shadow-large`, `box-shadow-none`
+- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial
+- Added `flex-shrink-0` to address Flexbox Safari bug
+- Updated: Using spacing variables in the `.flash` component
+- Updated Box component styles and documentation
+- Added `.wb-break-all` utility
+
+# 4.4.0
+- Adding primer-marketing module to primer
+- Added red and blue border color variables and utilities
+- Updated: `$spacer-5` has been changed to `32px` from `36px`
+- Updated: `$spacer-6` has been changed to `40px` from `48px`
+- Deprecated `link-blue`, updated `link-gray` and `link-gray-dark`, added `link-hover-blue` - Updated: blankslate module to use support variables for sizing
+
+# 4.3.0
+- Renamed `.flex-table` to `.TableObject`
+- Updated: `$spacer-1` has been changed to `4px` from `3px`
+- Updated: `$spacer-2` has been changed to `6px` from `8px`
+- Added: `.text-shadow-dark` & `.text-shadow-light` utilities
+- Updated: Moved non-framework CSS out of Primer modules. Added `box.scss` to `primer-core`. Added `discussion-timeline.scss` to `primer-product`, and moved `blob-csv.scss` into `/primer-product/markdown` directory
+- Added: Flex utilities
+- Refactor: Site typography to use Primer Marketing styles
+- Added: `.list-style-none` utility
+- Refactor: Button groups into some cleaner CSS
+- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css
+
+
+# 4.2.0
+- Added: Responsive styles for margin and padding utilities, display,  float, and new responsive hide utility, and updates to make typography responsive
+- Added: new container styles and grid styles with responsive options
+- Added: updated underline nav styles
+- Deprecate: Deprecating a lot of color and layout utilities
+- Added: More type utilities for different weights and larger sizes.
+- Added: Well defined browser support
+
+
+# 4.1.0
+- Added: [primer-markdown](https://github.com/primer/markdown) to the build
+- Fixes: Pointing "style" package.json to `build/build.css` file.
+- Added: Update font stack to system fonts
+- Added: Updated type scale as part of system font update
+- Added: `.Box` component for replacing boxed groups, simple box, and table-list styles
+- Added: New type utilities for headings and line-height
+- Deprecated: `vertical-middle` was replaced with `v-align-middle`.
+- Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
+- Added: Changing from font icons to SVG
+
+# 4.0.2
+- Added npm build scripts to add `build/build.css` to the npm package
+
+# 4.0.1
+- Fixed: missing primer-layout from build
+
+# 4.0.0
+- Whole new npm build system, pulling in the code from separate component repos
+
+# 3.0.0
+- Added: Animation utilities
+- Added: Whitespace scale, and margin and padding utilities
+- Added: Border utilities

modules/primer-breadcrumb/README.md

@@ -1,9 +1,9 @@
-# Primer Marketing CSS Breadcrumb Navigation
+# Primer CSS Breadcrumb Navigation
 
 [![npm version](http://img.shields.io/npm/v/primer-breadcrumb.svg)](https://www.npmjs.org/package/primer-breadcrumb)
 [![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
 
-> Breadcrumb navigation for GitHub's marketing pages with parents / grandparents.
+> Breadcrumb navigation for GitHub's pages with parents / grandparents.
 
 This repository is a module of the full [primer-css][primer] repository.
 
@@ -22,7 +22,7 @@ Breadcrumbs are used to show taxonomical context on pages that are many levels d
 
 #### Usage
 
-```html
+```html title="Breadcrumb"
 <nav aria-label="Breadcrumb">
   <ol>
     <li class="breadcrumb-item text-small"><a href="/business">Business</a></li>

modules/primer-breadcrumb/index.scss

@@ -1,4 +1,3 @@
 // support files
 @import "primer-support/index.scss";
-@import "primer-marketing-support/index.scss";
 @import "./lib/breadcrumb.scss";

modules/primer-breadcrumb/package.json

@@ -8,7 +8,7 @@
   "style": "build/build.css",
   "main": "build/index.js",
   "primer": {
-    "category": "marketing",
+    "category": "core",
     "module_type": "components"
   },
   "files": [
@@ -28,7 +28,6 @@
     "test": "../../script/npm-run-all build lint test-docs"
   },
   "dependencies": {
-    "primer-marketing-support": "1.3.0",
     "primer-support": "4.3.0"
   },
   "keywords": [

modules/primer-breadcrumb/stories.js

@@ -0,0 +1,10 @@
+import React from 'react'
+import { storiesOf } from '@storybook/react'
+import storiesFromMarkdown from '../../.storybook/lib/storiesFromMarkdown'
+
+const stories = storiesOf('Breadcrumb', module)
+
+storiesFromMarkdown(require.context('.', true, /\.md$/))
+  .forEach(({title, story}) => {
+    stories.add(title, story)
+  })

modules/primer-cards/README.md

@@ -1,8 +1,12 @@
-# Primer Marketing CSS Cards
 
+# Primer Marketing CSS Cards
 [![npm version](http://img.shields.io/npm/v/primer-cards.svg)](https://www.npmjs.org/package/primer-cards)
 [![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
 
+# ⚠️ The primer-cards module is being deprecated in the next major version. Use primer-box instead.
+
+
+
 > Card-like containers to group semantically related content together on marketing websites at GitHub.
 
 This repository is a module of the full [primer-css][primer] repository.

modules/primer-cards/index.scss

@@ -1,4 +1,6 @@
 // support files
+@warn "primer-cards: The primer-cards module is being deprecated in the next major version. Use primer-box instead.";
+
 @import "primer-support/index.scss";
 @import "primer-marketing-support/index.scss";
 @import "./lib/cards.scss";

modules/primer-cards/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.4.0",
+  "version": "0.4.1",
   "name": "primer-cards",
   "description": "Card-like containers to group semantically related content together on marketing websites at GitHub.",
   "homepage": "http://primercss.io/",

modules/primer-core/index.scss

@@ -16,6 +16,7 @@
 // Core modules
 @import "primer-base/index.scss";
 @import "primer-box/index.scss";
+@import "primer-breadcrumb/index.scss";
 @import "primer-buttons/index.scss";
 @import "primer-table-object/index.scss";
 @import "primer-forms/index.scss";

modules/primer-core/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "6.3.0",
+  "version": "6.3.1",
   "name": "primer-core",
   "description": "Primer CSS's core modules",
   "homepage": "http://primercss.io/",
@@ -28,14 +28,15 @@
   "dependencies": {
     "primer-base": "1.4.0",
     "primer-box": "2.4.0",
+    "primer-breadcrumb": "1.3.0",
     "primer-buttons": "2.3.0",
-    "primer-forms": "1.3.0",
+    "primer-forms": "1.3.1",
     "primer-layout": "1.3.0",
     "primer-navigation": "1.3.0",
     "primer-support": "4.3.0",
     "primer-table-object": "1.3.0",
     "primer-tooltips": "1.3.0",
     "primer-truncate": "1.3.0",
-    "primer-utilities": "4.6.0"
+    "primer-utilities": "4.7.0"
   }
 }

modules/primer-css/CHANGELOG.md

@@ -1,271 +0,0 @@
-# 9.3.0
-
-## Added
-- Docs for `primer-layout` (grid), `primer-support`, `primer-utilities`, and `primer-marketing-utilities`
-- Primer keys for `category` and `module_type` to `package.json` (for use in documentation and gathering stats)
-
-## Changes
-- Removes `docs` from `gitignore`
-- Removes the `^` from all dependencies so that we can publish exact versions
-- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md`
-
-# 9.2.0
-
-## Added
-
-- Add `test-docs` npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs
-
-## Changes
-
-- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284
-- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
-- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
-
-# 9.1.1
-
-This release updates primer modules to use variables for spacing units instead of pixel values.
-
-## Changes
-
-- primer-alerts: 1.2.0 => 1.2.1
-- primer-avatars: 1.1.0 => 1.1.1
-- primer-base: 1.2.0 => 1.2.1
-- primer-blankslate: 1.1.0 => 1.1.1
-- primer-box: 2.2.0 => 2.2.1
-- primer-breadcrumb: 1.1.0 => 1.1.1
-- primer-buttons: 2.1.0 => 2.1.1
-- primer-cards: 0.2.0 => 0.2.1
-- primer-core: 6.1.0 => 6.1.1
-- primer-css: 9.1.0 => 9.1.1
-- primer-forms: 1.1.0 => 1.1.1
-- primer-labels: 1.2.0 => 1.2.1
-- primer-layout: 1.1.0 => 1.1.1
-- primer-markdown: 3.4.0 => 3.4.1
-- primer-marketing-type: 1.1.0 => 1.1.1
-- primer-marketing-utilities: 1.1.0 => 1.1.1
-- primer-marketing: 5.1.0 => 5.1.1
-- primer-navigation: 1.1.0 => 1.1.1
-- primer-page-headers: 1.1.0 => 1.1.1
-- primer-page-sections: 1.1.0 => 1.1.1
-- primer-product: 5.1.0 => 5.1.1
-- primer-support: 4.1.0 => 4.1.1
-- primer-table-object: 1.1.0 => 1.1.1
-- primer-tables: 1.1.0 => 1.1.1
-- primer-tooltips: 1.1.0 => 1.1.1
-- primer-truncate: 1.1.0 => 1.1.1
-- primer-utilities: 4.4.0 => 4.4.1
-
-# 9.1.0
-
-This release updates our [stylelint config](/primer/stylelint-config-primer) to [v2.0.0](https://github.com/primer/stylelint-config-primer/releases/tag/v2.0.0), and to stylelint v7.13.0. Each module also now has a `lint` npm script, and there are top-level `test` and `lint` scripts that you can use to lint and test all modules in one go.
-
-This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm.
-
-# 9.0.0 - Core dependency & repo urls
-
-We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages.
-
-See PR [#243](https://github.com/primer/primer-css/pull/243)
-
-## Changes
-
-### Primer Core v6.0.0
-- Fixed `primer-base` dependency to point to latest version
-
-**Repo urls corrected from `packages` to `modules` in:**
-- primer-base v1.1.5
-- primer-box v2.1.8
-- primer-buttons v2.0.6
-- primer-forms v1.0.13
-- primer-layout v1.0.5
-- primer-navigation v1.0.6
-- primer-support v4.0.7
-- primer-table-object v1.0.9
-- primer-tooltips v1.0.2
-- primer-truncate v1.0.2
-- primer-utilities v4.3.5
-
-### Primer Product v5.0.2
-
-**Repo urls corrected from `packages` to `modules` in:**
-- primer-alerts v1.1.8
-- primer-avatars v1.0.2
-- primer-blankslate v1.0.2
-- primer-labels v1.1.6
-- primer-markdown v3.3.13
-- primer-support v4.0.7
-
-### Primer Marketing v5.0.2
-
-**Repo urls corrected from `packages` to `modules` in:**
-- primer-breadcrumb v1.0.2
-- primer-cards v0.1.8
-- primer-marketing-support v1.0.2
-- primer-marketing-type v1.0.2
-- primer-marketing-utilities v1.0.2
-- primer-page-headers v1.0.2
-- primer-page-sections v1.0.2
-- primer-support v4.0.7
-- primer-tables v1.0.2
-
-# 8.0.0 - Imports
-
-Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239)
-
-
-## Changes
-
-### Primer Core v5.0.1
-- Re-ordered imports in `index.scss` to ensure utilities come last in the cascade
-
-### Primer Product v5.0.1
-- Re-ordered imports in `index.scss` to move markdown import to end of list to match former setup in GitHub.com
-
-### Primer Marketing v5.0.1
-- Re-ordered imports in `index.scss` to ensure marketing utilities come last in the cascade
-
-# 7.0.0 - Monorepo
-
-In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
-
-This is exciting because:
-
-- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use
-- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer
-- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
-- **we can accept pull requests from external contributors** again!
-
-See PR for more details on this change: https://github.com/primer/primer-css/pull/230
-
-## Other changes:
-
-### Primer Core v4.0.3
-
-#### primer-support v4.0.5
-- Update fade color variables to use rgba instead of transparentize color function for better Sass readability
-- Update support variables and mixins to use new color variables
-
-#### primer-layout v1.0.3
-- Update grid gutter styles naming convention and add responsive modifiers
-- Deprecate `single-column` and `table-column` from layout module
-- Remove `@include clearfix` from responsive container classes
-
-#### primer-utilities v4.3.3
-- Add `show-on-focus` utility class for accessibility
-- Update typography utilities to use new color variables
-- Add `.p-responsive` class
-
-#### primer-base v1.1.3
-- Update `b` tag font weight to use variable in base styles
-
-### Primer Marketing v4.0.3
-
-#### primer-tables
-- Update marketing table colors to use new variables
-
-
-# 6.0.0
-- Add `State--small` to labels module
-- Fix responsive border utilities
-- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes
-- Darken `.box-shadow-extra-large` shadow
-- Update `.tooltip-multiline` to remove `word-break: break-word` property
-- Add `.border-purple` utility class
-- Add responsive border utilities to primer-marketing
-- Add `ws-normal` utility for `whitespace: normal`
-- Updated syntax and classnames for `Counters` and `Labels`, moved into combined module with states.
-
-# 5.1.0
-- Add negative margin utilities
-- Move `.d-flex` & `.d-flex-inline` to be with other display utility classes in `visibility-display.scss`
-- Delete `.shade-gradient` in favor of `.bg-shade-gradient`
-- Removed alt-body-font variable from primer-marketing
-- Removed un-used `alt` typography styles from primer-marketing
-- Add green border utility
-
-# 5.0.0
-- Added new border variable and utility, replaced deprecated flash border variables
-- Updated variable name in form validation
-- Updated `.sr-only` to not use negative margin
-- Added and removed border variables and utilities
-- Add filter utility to Primer Marketing
-- Removed all custom color variables within Primer-marketing in favor of the new color system
-- Updated style for form group error display so it is positioned properly
-- Updated state closed color and text and background pending utilities
-- Removed local font css file from primer-marketing/support
-- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules
-- Added layout utility `.sr-only` for creating screen reader only elements
-- Added `.flex{-infix}-item-equal` utilities for creating equal width and equal height flex items.
-- Added `.flex{-infix}-row-reverse` utility for reversing rows of content
-- Updated `.select-menu-button-large` to use `em` units for sizing of the CSS triangle.
-- Added `.box-shadow-extra-large` utility for large, diffused shadow
-- Updated: removed background color from markdown body
-- Updated: remove background on the only item in an avatar stack
-- Added form utility `.form-checkbox-details` to allow content to be shown/hidden based on a radio button being checked
-- Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information
-
-# 4.7.0
-- Update primer modules to use bold variable applying `font-weight: 600`
-
-# 4.6.0
-- Added `CircleBadge` component for badge-like displays within product/components/avatars
-- Added Box shadow utilities `box-shadow`, `box-shadow-medium`, `box-shadow-large`, `box-shadow-none`
-- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial
-- Added `flex-shrink-0` to address Flexbox Safari bug
-- Updated: Using spacing variables in the `.flash` component
-- Updated Box component styles and documentation
-- Added `.wb-break-all` utility
-
-# 4.4.0
-- Adding primer-marketing module to primer
-- Added red and blue border color variables and utilities
-- Updated: `$spacer-5` has been changed to `32px` from `36px`
-- Updated: `$spacer-6` has been changed to `40px` from `48px`
-- Deprecated `link-blue`, updated `link-gray` and `link-gray-dark`, added `link-hover-blue` - Updated: blankslate module to use support variables for sizing
-
-# 4.3.0
-- Renamed `.flex-table` to `.TableObject`
-- Updated: `$spacer-1` has been changed to `4px` from `3px`
-- Updated: `$spacer-2` has been changed to `6px` from `8px`
-- Added: `.text-shadow-dark` & `.text-shadow-light` utilities
-- Updated: Moved non-framework CSS out of Primer modules. Added `box.scss` to `primer-core`. Added `discussion-timeline.scss` to `primer-product`, and moved `blob-csv.scss` into `/primer-product/markdown` directory
-- Added: Flex utilities
-- Refactor: Site typography to use Primer Marketing styles
-- Added: `.list-style-none` utility
-- Refactor: Button groups into some cleaner CSS
-- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css
-
-
-# 4.2.0
-- Added: Responsive styles for margin and padding utilities, display,  float, and new responsive hide utility, and updates to make typography responsive
-- Added: new container styles and grid styles with responsive options
-- Added: updated underline nav styles
-- Deprecate: Deprecating a lot of color and layout utilities
-- Added: More type utilities for different weights and larger sizes.
-- Added: Well defined browser support
-
-
-# 4.1.0
-- Added: [primer-markdown](https://github.com/primer/markdown) to the build
-- Fixes: Pointing "style" package.json to `build/build.css` file.
-- Added: Update font stack to system fonts
-- Added: Updated type scale as part of system font update
-- Added: `.Box` component for replacing boxed groups, simple box, and table-list styles
-- Added: New type utilities for headings and line-height
-- Deprecated: `vertical-middle` was replaced with `v-align-middle`.
-- Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
-- Added: Changing from font icons to SVG
-
-# 4.0.2
-- Added npm build scripts to add `build/build.css` to the npm package
-
-# 4.0.1
-- Fixed: missing primer-layout from build
-
-# 4.0.0
-- Whole new npm build system, pulling in the code from separate component repos
-
-# 3.0.0
-- Added: Animation utilities
-- Added: Whitespace scale, and margin and padding utilities
-- Added: Border utilities

modules/primer-css/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "9.3.0",
+  "version": "9.4.0",
   "name": "primer-css",
   "description": "Primer is the CSS framework that powers GitHub's front-end design. Primer-css includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.",
   "homepage": "http://primercss.io/",
@@ -32,30 +32,30 @@
     "primer-base": "1.4.0",
     "primer-blankslate": "1.3.0",
     "primer-box": "2.4.0",
+    "primer-branch-name": "0.0.1",
     "primer-breadcrumb": "1.3.0",
     "primer-buttons": "2.3.0",
-    "primer-cards": "0.4.0",
+    "primer-cards": "0.4.1",
-    "primer-core": "6.3.0",
+    "primer-core": "6.3.1",
     "primer-dropdown": "0.1.0",
-    "primer-forms": "1.3.0",
+    "primer-forms": "1.3.1",
     "primer-labels": "1.4.0",
     "primer-layout": "1.3.0",
     "primer-markdown": "3.6.0",
-    "primer-marketing": "5.3.0",
+    "primer-marketing": "5.3.1",
     "primer-marketing-support": "1.3.0",
     "primer-marketing-type": "1.3.0",
     "primer-marketing-utilities": "1.3.0",
     "primer-navigation": "1.3.0",
     "primer-page-headers": "1.3.0",
     "primer-page-sections": "1.3.0",
-    "primer-product": "5.3.0",
+    "primer-product": "5.3.1",
     "primer-support": "4.3.0",
     "primer-table-object": "1.3.0",
     "primer-tables": "1.3.0",
     "primer-tooltips": "1.3.0",
     "primer-truncate": "1.3.0",
-    "primer-utilities": "4.6.0",
+    "primer-utilities": "4.7.0"
-    "primer-branch-name": "0.0.1"
   },
   "keywords": [
     "primer",

modules/primer-forms/lib/form-validation.scss

@@ -52,6 +52,8 @@ dl.form-group > dd {
 // A selector for credit cards. Shows all credit cards we have available and
 // dims the non-selected ones.
 
+@warn "primer-forms: The credit cards component is being deprecated in next major version.";
+
 .form-cards {
   height: 31px;
   margin: 0 0 15px;

modules/primer-forms/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.3.1",
   "name": "primer-forms",
   "description": "Style individual form controls and utilize common layouts.",
   "homepage": "http://primercss.io/",

modules/primer-marketing/index.scss

@@ -16,7 +16,6 @@
 
 // marketing specific css modules
 @import "primer-marketing-type/index.scss";
-@import "primer-breadcrumb/index.scss";
 @import "primer-cards/index.scss";
 @import "primer-page-headers/index.scss";
 @import "primer-page-sections/index.scss";

modules/primer-marketing/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.3.0",
+  "version": "5.3.1",
   "name": "primer-marketing",
   "description": "Primer CSS marketing packages",
   "homepage": "http://primercss.io/",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "primer-breadcrumb": "1.3.0",
-    "primer-cards": "0.4.0",
+    "primer-cards": "0.4.1",
     "primer-marketing-support": "1.3.0",
     "primer-marketing-type": "1.3.0",
     "primer-marketing-utilities": "1.3.0",

modules/primer-product/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.3.0",
+  "version": "5.3.1",
   "name": "primer-product",
   "description": "Primer CSS's product modules",
   "homepage": "http://primercss.io/",

modules/primer-tooltips/lib/tooltips.scss

@@ -71,8 +71,7 @@
 .tooltipped-no-delay:focus {
   &::before,
   &::after {
-    opacity: 1;
+    animation-delay: 0s;
-    animation: none;
   }
 }
 

modules/primer-utilities/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.6.0",
+  "version": "4.7.0",
   "name": "primer-utilities",
   "description": "Immutable, atomic CSS classes to rapidly build product",
   "homepage": "http://primercss.io/",

package.json

@@ -11,7 +11,7 @@
     "release-pr": "script/release-pr",
     "release-candidate": "script/release-candidate",
     "release": "script/release",
-    "bump": "lerna publish --exact --skip-npm",
+    "bump": "lerna publish --exact --skip-npm --since \"v$(npm info primer-css version)\"",
     "new-module": "script/new-module",
     "test": "lerna run test"
   },
@@ -24,20 +24,27 @@
     "commit-status": "^4.1.0",
     "css-loader": "^0.28.4",
     "glob": "^7.1.2",
+    "html-to-react": "^1.2.11",
     "lerna": "^2.0.0",
     "node-sass": "^4.5.3",
     "npm-run-all": "^4.0.2",
     "octicons": "^6.0.1",
+    "parse-pairs": "^0.2.2",
     "postcss-loader": "^2.0.6",
     "primer-module-build": "^1.0.2",
+    "raw-loader": "^0.5.1",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
     "react-svg-inline": "^2.0.0",
+    "remark": "^8.0.0",
     "sass-loader": "^6.0.6",
     "semver": "^5.3.0",
     "style-loader": "^0.18.2",
     "stylelint": "^7.13.0",
     "stylelint-config-primer": "^2.0.0",
+    "unist-util-find-before": "^2.0.1",
+    "unist-util-parents": "^1.0.0",
+    "unist-util-select": "^1.5.0",
     "yo": "^2.0.0"
   }
 }