kylefang/probot.github.io
1
0
Fork 0
mirror of https://github.com/zhigang1992/probot.github.io.git synced 2026-01-12 22:49:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

Initial hacky version of site

Browse Source
This commit is contained in:
Brandon Keepers
2017-06-30 20:11:22 -05:00
commit ab9eccf3a0
276 changed files with 14988 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
node_modules/primer-alerts/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,95 @@
# v1.1.2
* patch bump - broccolini [github/github@3c26562](https://github.com/github/github/commit/3c26562)
# v1.1.1
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
# v1.1.0
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
* missed a yellow in flash alerts: - broccolini [github/github@8725991](https://github.com/github/github/commit/8725991)
* update flash red variables - broccolini [github/github@2945319](https://github.com/github/github/commit/2945319)
* yellow flash warn variables - broccolini [github/github@5b64376](https://github.com/github/github/commit/5b64376)
* new flash green variables - broccolini [github/github@80401a0](https://github.com/github/github/commit/80401a0)
* update blues: - broccolini [github/github@9b191b6](https://github.com/github/github/commit/9b191b6)
# v1.0.2
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
# v1.0.1
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v1.0.0
* updating versions after running version script - broccolini [github/github@61b8c6f](https://github.com/github/github/commit/61b8c6f)
* Some updates based on feedback - Jon Rohan [github/github@8a4919d](https://github.com/github/github/commit/8a4919d)
# v0.4.0
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.3.1
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
# v0.3.0
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Updating octicons to deprecate the use of :symbol - Jon Rohan [github/github@9eb0c63](https://github.com/github/github/commit/9eb0c63)
* Lots of refactoring and tests written - Jon Rohan [github/github@6e3ac10](https://github.com/github/github/commit/6e3ac10)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
# v0.2.6
* Including build in files - Jon Rohan [github/github@817ee23](https://github.com/github/github/commit/817ee23)
# v0.2.5
* skipping cleanup - Jon Rohan [github/github@d6b3678](https://github.com/github/github/commit/d6b3678)
# v0.2.4
* Bump version, and including build/build.css in npm package - Jon Rohan [github/github@09cb3a3](https://github.com/github/github/commit/09cb3a3)
* setup unless installed - Jon Rohan [github/github@a798fb0](https://github.com/github/github/commit/a798fb0)
* Using a simplier script setup - Jon Rohan [github/github@be103f4](https://github.com/github/github/commit/be103f4)
* Renaming to compile - Jon Rohan [github/github@196d7ef](https://github.com/github/github/commit/196d7ef)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* Remove partial underscore from name - Jon Rohan [github/github@e463779](https://github.com/github/github/commit/e463779)
* Some cleanup on the readme - Jon Rohan [github/github@74850d5](https://github.com/github/github/commit/74850d5)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Updating support dependency versions - Jon Rohan [github/github@76d97ec](https://github.com/github/github/commit/76d97ec)
* Moving primer/primer alerts to a module - Jon Rohan [github/github@1f434c1](https://github.com/github/github/commit/1f434c1)

21
node_modules/primer-alerts/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

151
node_modules/primer-alerts/README.md generated vendored Normal file
View File

@@ -0,0 +1,151 @@
# Primer CSS Alerts
[![npm version](http://img.shields.io/npm/v/primer-alerts.svg)](https://www.npmjs.org/package/primer-alerts)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don’t show more than one at a time.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-alerts` with this command.
```
$ npm install --save primer-alerts
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-alerts/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Alerts
status: Stable
-->
Flash messages, or alerts, inform users of successful or pending actions. Use them sparingly. Don't show more than one at a time.
## Default
Flash messages start off looking decently neutral—they're just light blue rounded rectangles.
```html
<div class="flash">
Flash message goes here.
</div>
```
You can put multiple paragraphs of text in a flash message—the last paragraph's bottom `margin` will be automatically override.
```html
<div class="flash">
<p>This is a longer flash message in it's own paragraph. It ends up looking something like this. If we keep adding more text, it'll eventually wrap to a new line.</p>
<p>And this is another paragraph.</p>
</div>
```
Should the need arise, you can quickly space out your flash message from surrounding content with a `.flash-messages` wrapper. *Note the extra top and bottom margin in the example below.*
```html
<div class="flash-messages">
<div class="flash">
Flash message goes here.
</div>
</div>
```
## Variations
Add `.flash-warn`, `.flash-error`, or `.flash-success` to the flash message to make it yellow, red, or green, respectively.
```html
<div class="flash flash-warn">
Flash message goes here.
</div>
```
```html
<div class="flash flash-error">
Flash message goes here.
</div>
```
```html
<div class="flash flash-success">
Flash message goes here.
</div>
```
## With icon
Add an icon to the left of the flash message to give it some funky fresh attention.
```html
<div class="flash">
<%= octicon "alert" %>
Flash message with an icon goes here.
</div>
```
## With dismiss
Add a JavaScript enabled (via Crema) dismiss (close) icon on the right of any flash message.
```html
<div class="flash">
<button class="flash-close js-flash-close" type="button"><%= octicon "x", :"aria-label" => "Close" %></button>
Dismissable flash message goes here.
</div>
```
## With action button
A flash message with an action button.
```html
<div class="flash">
<button type="submit" class="btn btn-sm primary flash-action">Complete action</button>
Flash message with action here.
</div>
```
## Full width flash
A flash message that is full width and removes border and border radius.
```html
<div class="flash flash-full">
<div class="container">
Full width flash message.
</div>
</div>
```
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-alerts/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.flash{position:relative;padding:16px;color:#032f62;background-color:#dbedff;border:1px solid rgba(27,31,35,0.15);border-radius:3px}.flash p:last-child{margin-bottom:0}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;color:inherit;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0.6}.flash-close:hover{opacity:1}.flash-action{float:right;margin-top:-3px;margin-left:24px}.flash-warn{color:#735c0f;background-color:#fffbdd;border-color:rgba(27,31,35,0.15)}.flash-error{color:#86181d;background-color:#ffdce0;border-color:rgba(27,31,35,0.15)}.flash-success{color:#165c26;background-color:#dcffe4;border-color:rgba(27,31,35,0.15)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.warning{padding:0.5em;margin-bottom:0.8em;font-weight:600;background-color:#fffbdd}

1
node_modules/primer-alerts/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":891,"gzipSize":401,"humanizedSize":"891B","humanizedGzipSize":"401B","rules":{"total":11,"size":{"graph":[6,1,1,12,1,3,3,3,3,3,4],"max":12,"average":3.6363636363636362}},"selectors":{"total":11,"type":1,"class":11,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".flash",".flash p:last-child",".flash-messages",".flash-close",".flash-close:hover",".flash-action",".flash-warn",".flash-error",".flash-success",".flash-full",".warning"],"specificity":{"max":21,"average":11.909090909090908}},"declarations":{"total":40,"unique":35,"properties":{"position":["relative"],"padding":["16px","16px","0.5em"],"color":["#032f62","inherit","#735c0f","#86181d","#165c26"],"background-color":["#dbedff","#fffbdd","#ffdce0","#dcffe4","#fffbdd"],"border":["1px solid rgba(27,31,35,0.15)","0"],"border-radius":["3px","0"],"margin-bottom":["0","24px","0.8em"],"float":["right","right"],"margin":["-16px"],"text-align":["center"],"cursor":["pointer"],"background":["none"],"-webkit-appearance":["none"],"-moz-appearance":["none"],"appearance":["none"],"opacity":["0.6","1"],"margin-top":["-3px","-1px"],"margin-left":["24px"],"border-color":["rgba(27,31,35,0.15)","rgba(27,31,35,0.15)","rgba(27,31,35,0.15)"],"border-width":["1px 0"],"font-weight":["600"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

3
node_modules/primer-alerts/index.scss generated vendored Normal file
View File

@@ -0,0 +1,3 @@
// support files
@import "primer-support/index.scss";
@import "./lib/flash.scss";

80
node_modules/primer-alerts/lib/flash.scss generated vendored Normal file
View File

@@ -0,0 +1,80 @@
// Default flash
// stylelint-disable selector-no-type
.flash {
position: relative;
padding: $spacer-3;
color: $blue-800;
background-color: $blue-100;
border: 1px solid $border-black-fade;
border-radius: 3px;
p:last-child {
margin-bottom: 0;
}
}
// Contain the flash messages
.flash-messages {
margin-bottom: $spacer-4;
}
// Close button
.flash-close {
float: right;
padding: $spacer-3;
margin: -$spacer-3;
color: inherit;
text-align: center;
cursor: pointer;
// Undo `<button>` styles
background: none;
border: 0;
appearance: none;
opacity: 0.6;
&:hover {
opacity: 1;
}
}
// Action button
.flash-action {
float: right;
margin-top: -3px;
margin-left: $spacer-4;
}
//
// Variations
//
.flash-warn {
color: $yellow-900;
background-color: $yellow-100;
border-color: $black-fade-15;
}
.flash-error {
color: $red-900;
background-color: $red-100;
border-color: $black-fade-15;
}
.flash-success {
color: $green-800;
background-color: $green-100;
border-color: $black-fade-15;
}
.flash-full {
margin-top: -1px;
border-width: 1px 0;
border-radius: 0;
}
.warning {
padding: 0.5em;
margin-bottom: 0.8em;
font-weight: $font-weight-bold;
background-color: $yellow-100;
}

73
node_modules/primer-alerts/package.json generated vendored Normal file
View File

@@ -0,0 +1,73 @@
{
"_from": "primer-alerts@^1.1.7",
"_id": "primer-alerts@1.1.7",
"_inBundle": false,
"_integrity": "sha1-Ilhdk4/f8CttIs5gPd+xlnMpqIo=",
"_location": "/primer-alerts",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-alerts@^1.1.7",
"name": "primer-alerts",
"escapedName": "primer-alerts",
"rawSpec": "^1.1.7",
"saveSpec": null,
"fetchSpec": "^1.1.7"
},
"_requiredBy": [
"/primer-css",
"/primer-product"
],
"_resolved": "https://registry.npmjs.org/primer-alerts/-/primer-alerts-1.1.7.tgz",
"_shasum": "22585d938fdff02b6d22ce603ddfb1967329a88a",
"_spec": "primer-alerts@^1.1.7",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Flash messages, or alerts, inform users of successful or pending actions.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"alerts",
"callouts",
"css",
"flash",
"github",
"primer",
"primercss",
"style"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-alerts",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-alerts"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "1.1.7"
}

86
node_modules/primer-avatars/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,86 @@
# v0.4.6
* bump package version - broccolini [github/github@2034aeb](https://github.com/github/github/commit/2034aeb)
# v0.4.5
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
# v0.4.4
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
* update to rgb to white variable - broccolini [github/github@96d2590](https://github.com/github/github/commit/96d2590)
* update whites in avatar stack - broccolini [github/github@dc3be2f](https://github.com/github/github/commit/dc3be2f)
# v0.4.3
* Bump version for avatars package - Mu-An Chiou [github/github@25e929d](https://github.com/github/github/commit/25e929d)
* Remove background when only 1 avatar background is for stacking/border - Mu-An Chiou [github/github@4b4d63e](https://github.com/github/github/commit/4b4d63e)
# v0.4.2
* Bump version number for circle badge spacing tweak - Patrick Marsceill [github/github@7aac713](https://github.com/github/github/commit/7aac713)
# v0.4.1
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v0.4.0
* Make it a new release - Patrick Marsceill [github/github@24c4c50](https://github.com/github/github/commit/24c4c50)
* Docs tweak - Patrick Marsceill [github/github@ae4f341](https://github.com/github/github/commit/ae4f341)
* Bump package number - Patrick Marsceill [github/github@070fca8](https://github.com/github/github/commit/070fca8)
* Add partial import to avatars index - Patrick Marsceill [github/github@210ba08](https://github.com/github/github/commit/210ba08)
* Move docs to avatars - Patrick Marsceill [github/github@2045ba4](https://github.com/github/github/commit/2045ba4)
* Move and rename - Patrick Marsceill [github/github@6bb6ab2](https://github.com/github/github/commit/6bb6ab2)
# v0.3.0
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.2.4
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
# v0.2.3
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
# v0.2.2
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Updating support dependency versions - Jon Rohan [github/github@76d97ec](https://github.com/github/github/commit/76d97ec)
* Adding avatars module from primer/primer - Jon Rohan [github/github@94b22f7](https://github.com/github/github/commit/94b22f7)

21
node_modules/primer-avatars/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

153
node_modules/primer-avatars/README.md generated vendored Normal file
View File

@@ -0,0 +1,153 @@
# Primer CSS Avatars
[![npm version](http://img.shields.io/npm/v/primer-avatars.svg)](https://www.npmjs.org/package/primer-avatars)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Avatars are images that users can set as their profile picture. On GitHub, they’re always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-avatars` with this command.
```
$ npm install --save primer-avatars
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-avatars/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Avatars
status: Stable
-->
Avatars are images that users can set as their profile picture. On GitHub, they're always going to be rounded squares. They can be custom photos, uploaded by users, or generated as Identicons as a placeholder.
{:toc}
## Basic example
Add `.avatar` to any `<img>` element to make it an avatar. This resets some key styles for alignment, address a Firefox image placeholder bug, and rounds the corners.
Be sure to set `width` and `height` attributes for maximum browser performance.
```html
<img class="avatar" alt="jonrohan" src="/jonrohan.png?v=3&s=144" width="72" height="72">
```
### Small avatars
We occasionally use smaller avatars. Anything less than `48px` wide should include the `.avatar-small` modifier class to reset the `border-radius` to a more appropriate level.
```html
<img class="avatar avatar-small" alt="jonrohan" src="/jonrohan.png?v=3&s=64" width="32" height="32">
```
### Parent-child avatars
When you need a larger parent avatar, and a smaller child one, overlaid slightly, use the parent-child classes.
```html
<div class="avatar-parent-child float-left">
<img class="avatar" alt="jonrohan" src="/jonrohan.png?v=3&s=96" width="48" height="48">
<img class="avatar avatar-child" alt="josh" src="/josh.png?v=3&s=40" width="20" height="20">
</div>
```
### Avatar stack
Stacked avatars can be used to show who is participating in thread when there is limited space available. When you hover over the stack, the avatars will reveal themselves. Optimally, you should put no more than 3 avatars in the stack.
```html
<span class="avatar-stack tooltipped tooltipped-s" aria-label="jonrohan, aaronshekey, and josh">
<img alt="@jonrohan" class="avatar" height="39" alt="jonrohan" src="/jonrohan.png" width="39">
<img alt="@aaronshekey" class="avatar" height="39" alt="aaronshekey" src="/aaronshekey.png" width="39">
<img alt="@josh" class="avatar" height="39" alt="josh" src="/josh.png" width="39">
</span>
```
## Circle Badge
`.CircleBadge` allows for the display of badge-like icons or logos. They are used mostly with Octicons or partner integration icons.
`.CircleBadge` should have an `aria-label`, `title` (for a link), or an `alt` (for child `img` elements) attribute specified if there is no text-based alternative to describe it. If there is a text-based alternative or the icon has no semantic value, `aria-hidden="true"` or an empty `alt` attribute may be used.
### Small
```html
<a class="CircleBadge CircleBadge--small float-left mr-2" href="#small" title="Travis CI">
<img src="<%= image_path "modules/site/travis-logo.png" %>" class="CircleBadge-icon" alt="">
</a>
<a class="CircleBadge CircleBadge--small bg-yellow" title="Zap this!" href="#small">
<%= octicon "zap", :class => "CircleBadge-icon text-white" %>
</a>
```
### Medium
```html
<div class="CircleBadge CircleBadge--medium bg-gray-dark">
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="Travis CI" class="CircleBadge-icon">
</div>
```
### Large
```html
<div class="CircleBadge CircleBadge--large">
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="Travis CI" class="CircleBadge-icon">
</div>
```
### Dashed connection
For specific cases where two badges or more need to be shown as related or connected (such as integrations or specific product workflows), a `DashedConnection` class was created. Use utility classes to ensure badges are spaced correctly.
```html
<div class="DashedConnection">
<ul class="d-flex list-style-none flex-justify-between" aria-label="A sample GitHub workflow">
<li class="CircleBadge CircleBadge--small" aria-label="GitHub">
<%= octicon "mark-github", :class => "width-full height-full" %>
</li>
<li class="CircleBadge CircleBadge--small" aria-label="Slack">
<img src="<%= image_path "modules/site/logos/slack-logo.png" %>" alt="" class="CircleBadge-icon">
</li>
<li class="CircleBadge CircleBadge--small" aria-label="Travis CI">
<img src="<%= image_path "modules/site/travis-logo.png" %>" alt="" class="CircleBadge-icon">
</li>
</ul>
</div>
```
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-avatars/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.avatar{display:inline-block;overflow:hidden;line-height:1;vertical-align:middle;border-radius:3px}.avatar-small{border-radius:2px}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-parent-child{position:relative}.avatar-child{position:absolute;right:-15%;bottom:-9%;background-color:#fff;border-radius:2px;box-shadow:-2px -2px 0 rgba(255,255,255,0.8)}.avatar-stack{display:inline-block;white-space:nowrap}.avatar-stack .avatar{position:relative;z-index:2;display:inline-block;width:20px;height:20px;box-sizing:content-box;margin-right:-15px;background-color:#fff;border-right:1px solid #fff;border-radius:2px;transition:margin 0.1s ease-in-out}.avatar-stack .avatar:only-child{background-color:transparent}.avatar-stack .avatar:first-child{z-index:3}.avatar-stack .avatar:last-child{z-index:1;margin-right:0;border-right:0}.avatar-stack:hover .avatar{margin-right:3px}.avatar-stack:hover .avatar:last-child{margin-right:0}.CircleBadge{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#fff;border-radius:50%;box-shadow:0 1px 5px rgba(27,31,35,0.15)}.CircleBadge-icon{max-width:60% !important;height:auto !important;max-height:55% !important}.CircleBadge--small{width:56px;height:56px}.CircleBadge--medium{width:96px;height:96px}.CircleBadge--large{width:128px;height:128px}.DashedConnection{position:relative}.DashedConnection::before{position:absolute;top:50%;left:0;width:100%;content:"";border-bottom:2px dashed #e1e4e8}.DashedConnection .CircleBadge{position:relative}

1
node_modules/primer-avatars/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":1618,"gzipSize":620,"humanizedSize":"2kB","humanizedGzipSize":"620B","rules":{"total":21,"size":{"graph":[5,1,2,2,1,6,2,11,1,1,3,1,1,9,3,2,2,2,1,6,1],"max":11,"average":3}},"selectors":{"total":21,"type":0,"class":21,"id":0,"pseudoClass":5,"pseudoElement":1,"values":[".avatar",".avatar-small",".avatar-link",".avatar-group-item",".avatar-parent-child",".avatar-child",".avatar-stack",".avatar-stack .avatar",".avatar-stack .avatar:only-child",".avatar-stack .avatar:first-child",".avatar-stack .avatar:last-child",".avatar-stack:hover .avatar",".avatar-stack:hover .avatar:last-child",".CircleBadge",".CircleBadge-icon",".CircleBadge--small",".CircleBadge--medium",".CircleBadge--large",".DashedConnection",".DashedConnection::before",".DashedConnection .CircleBadge"],"specificity":{"max":40,"average":16.238095238095237}},"declarations":{"total":63,"unique":50,"properties":{"display":["inline-block","inline-block","inline-block","inline-block","-webkit-box","flex"],"overflow":["hidden"],"line-height":["1","1"],"vertical-align":["middle"],"border-radius":["3px","2px","2px","2px","50%"],"float":["left"],"margin-bottom":["3px"],"position":["relative","absolute","relative","relative","absolute","relative"],"right":["-15%"],"bottom":["-9%"],"background-color":["#fff","#fff","transparent","#fff"],"box-shadow":["-2px -2px 0 rgba(255,255,255,0.8)","0 1px 5px rgba(27,31,35,0.15)"],"white-space":["nowrap"],"z-index":["2","3","1"],"width":["20px","56px","96px","128px","100%"],"height":["20px","auto","56px","96px","128px"],"box-sizing":["content-box"],"margin-right":["-15px","0","3px","0"],"border-right":["1px solid #fff","0"],"transition":["margin 0.1s ease-in-out"],"-webkit-box-align":["center"],"align-items":["center"],"-webkit-box-pack":["center"],"justify-content":["center"],"max-width":["60%"],"max-height":["55%"],"top":["50%"],"left":["0"],"content":["\"\""],"border-bottom":["2px dashed #e1e4e8"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

7
node_modules/primer-avatars/index.scss generated vendored Normal file
View File

@@ -0,0 +1,7 @@
@import "primer-support/index.scss";
// Avatars
@import "./lib/avatar.scss";
@import "./lib/avatar-parent-child.scss";
@import "./lib/avatar-stack.scss";
@import "./lib/circle-badge.scss";

16
node_modules/primer-avatars/lib/avatar-parent-child.scss generated vendored Normal file
View File

@@ -0,0 +1,16 @@
// .avatar-parent-child is when you see a small avatar at the bottom right
// corner of a larger avatar.
//
// No Styleguide version
.avatar-parent-child {
position: relative;
}
.avatar-child {
position: absolute;
right: -15%;
bottom: -9%;
background-color: $bg-white; // For transparent backgrounds
border-radius: 2px;
box-shadow: -2px -2px 0 rgba($white, 0.8);
}

45
node_modules/primer-avatars/lib/avatar-stack.scss generated vendored Normal file
View File

@@ -0,0 +1,45 @@
// Stacked avatars can be used to show who is participating in thread when
// there is limited space available.
//
// No styleguide references
.avatar-stack {
display: inline-block;
white-space: nowrap;
.avatar {
position: relative;
z-index: 2;
display: inline-block;
width: 20px;
height: 20px;
box-sizing: content-box;
margin-right: -15px;
background-color: $bg-white;
border-right: 1px solid $white;
border-radius: 2px;
transition: margin 0.1s ease-in-out;
&:only-child {
background-color: transparent;
}
&:first-child {
z-index: 3;
}
&:last-child {
z-index: 1;
margin-right: 0;
border-right: 0;
}
}
// When more than one avatar, margin-left will animate from -15 to 2, and reveal the stack
&:hover .avatar {
margin-right: 3px;
&:last-child {
margin-right: 0;
}
}
}

20
node_modules/primer-avatars/lib/avatar.scss generated vendored Normal file
View File

@@ -0,0 +1,20 @@
.avatar {
display: inline-block;
overflow: hidden; // Ensure page layout in Firefox should images fail to load
line-height: 1;
vertical-align: middle;
border-radius: 3px;
}
.avatar-small { border-radius: 2px; }
.avatar-link {
float: left;
line-height: 1;
}
// User for example on /stars and /user for grids of avatars
.avatar-group-item {
display: inline-block;
margin-bottom: 3px;
}

54
node_modules/primer-avatars/lib/circle-badge.scss generated vendored Normal file
View File

@@ -0,0 +1,54 @@
// Circle badge icon with drop shadow for icons and logos
.CircleBadge {
display: flex;
align-items: center;
justify-content: center;
background-color: $white;
border-radius: 50%;
box-shadow: $box-shadow-medium;
}
.CircleBadge-icon {
max-width: 60% !important;
height: auto !important;
max-height: 55% !important;
}
// Small badge
.CircleBadge--small {
width: 56px;
height: 56px;
}
// Medium badge
.CircleBadge--medium {
width: 96px;
height: 96px;
}
// Large badge
.CircleBadge--large {
width: 128px;
height: 128px;
}
// Dashed line that connects badges..
// Wrap around 2 or more badges to create a horizonal line:
.DashedConnection {
position: relative;
&::before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
content: "";
border-bottom: 2px dashed $border-gray;
}
.CircleBadge {
position: relative;
}
}

70
node_modules/primer-avatars/package.json generated vendored Normal file
View File

@@ -0,0 +1,70 @@
{
"_from": "primer-avatars@^1.0.1",
"_id": "primer-avatars@1.0.1",
"_inBundle": false,
"_integrity": "sha1-M9ZnDrZWpGcWrsK0kHnsodKh/5M=",
"_location": "/primer-avatars",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-avatars@^1.0.1",
"name": "primer-avatars",
"escapedName": "primer-avatars",
"rawSpec": "^1.0.1",
"saveSpec": null,
"fetchSpec": "^1.0.1"
},
"_requiredBy": [
"/primer-css",
"/primer-product"
],
"_resolved": "https://registry.npmjs.org/primer-avatars/-/primer-avatars-1.0.1.tgz",
"_shasum": "33d6670eb656a46716aec2b49079eca1d2a1ff93",
"_spec": "primer-avatars@^1.0.1",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Basic styles for user profile avatars.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"avatars",
"primer",
"css",
"github",
"primercss"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-avatars",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-avatars"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "1.0.1"
}

68
node_modules/primer-base/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,68 @@
# v0.4.2
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
# v0.4.1
* Creating a new version - Jon Rohan [github/github@488569b](https://github.com/github/github/commit/488569b)
* Adding list-item for summary - Jon Rohan [github/github@59070d8](https://github.com/github/github/commit/59070d8)
* Removing normalize.css from dependencies and checking into base package - Jon Rohan [github/github@459e8b7](https://github.com/github/github/commit/459e8b7)
# v0.4.0
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.3.0
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
* move over override for octicons to type base for now - Mark Otto [github/github@529af66](https://github.com/github/github/commit/529af66)
* move over all bold variable changes - Mark Otto [github/github@6b5b021](https://github.com/github/github/commit/6b5b021)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
# v0.2.3
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* un-delete this - Jon Rohan [github/github@207793a](https://github.com/github/github/commit/207793a)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
# v0.2.2
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* cleanup after merge - Jon Rohan [github/github@f9378ca](https://github.com/github/github/commit/f9378ca)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Fixing a few import paths - Jon Rohan [github/github@73e2c51](https://github.com/github/github/commit/73e2c51)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Moving text base utilities to utilities module - Jon Rohan [github/github@ac7383e](https://github.com/github/github/commit/ac7383e)
* renaming to typography-base - Jon Rohan [github/github@e34449b](https://github.com/github/github/commit/e34449b)
* Updating the readme - Jon Rohan [github/github@29ef203](https://github.com/github/github/commit/29ef203)
* Creating a base module from normalize and our primer base css - Jon Rohan [github/github@97e460f](https://github.com/github/github/commit/97e460f)

21
node_modules/primer-base/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

48
node_modules/primer-base/README.md generated vendored Normal file
View File

@@ -0,0 +1,48 @@
# Primer CSS Base
[![NPM version](http://img.shields.io/npm/v/primer-base.svg)](https://www.npmjs.org/package/primer-base)
[![Build Status](https://travis-ci.org/primer/primer-base.svg?branch=master)](https://travis-ci.org/primer/primer-base)
> GitHub's CSS to reset the browsers default styles. Built on top of normalize.css
This repository is a module of the full [primer-css][primer-css] repository. And is built off of [normalize.css](https://github.com/necolas/normalize.css/)
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-base` with this command.
```
$ npm install --save primer-base
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-base/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
You can read more about base in the [docs][docs].
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-base/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*{box-sizing:border-box}input,select,textarea,button{font-family:inherit;font-size:inherit;line-height:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:14px;line-height:1.5;color:#333;background-color:#fff}a{color:#4078c0;text-decoration:none}a:hover,a:active{text-decoration:underline}strong{font-weight:600}hr,.rule{height:0;margin:15px 0;overflow:hidden;background:transparent;border:0;border-bottom:1px solid #ddd}hr::before,.rule::before{display:table;content:""}hr::after,.rule::after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}h1{font-size:32px;font-weight:600}h2{font-size:24px;font-weight:600}h3{font-size:20px;font-weight:600}h4{font-size:16px;font-weight:600}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin-top:0;margin-bottom:10px}small{font-size:90%}blockquote{margin:0}ul,ol{padding-left:0;margin-top:0;margin-bottom:0}ol ol,ul ol{list-style-type:lower-roman}ul ul ol,ul ol ol,ol ul ol,ol ol ol{list-style-type:lower-alpha}dd{margin-left:0}tt,code{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px}pre{margin-top:0;margin-bottom:0;font:12px Consolas,"Liberation Mono",Menlo,Courier,monospace}.octicon{vertical-align:text-bottom}

1
node_modules/primer-base/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":3740,"gzipSize":1475,"humanizedSize":"4kB","humanizedGzipSize":"1kB","rules":{"total":70,"size":{"graph":[3,1,1,1,1,2,1,1,2,1,3,1,1,1,2,2,1,4,1,1,1,1,2,1,3,2,1,1,1,1,2,1,3,6,1,2,1,2,1,2,2,1,3,5,2,1,1,6,2,3,2,1,1,2,2,2,2,2,2,2,2,1,1,3,1,1,1,2,3,1],"max":6,"average":1.8}},"selectors":{"total":127,"type":104,"class":4,"id":0,"pseudoClass":6,"pseudoElement":4,"values":["html","body","article","aside","details","figcaption","figure","footer","header","main","menu","nav","section","summary","audio","canvas","progress","video","audio:not([controls])","progress","template","[hidden]","a","a:active","a:hover","abbr[title]","b","strong","b","strong","dfn","h1","mark","small","sub","sup","sub","sup","img","svg:not(:root)","code","kbd","pre","samp","figure","hr","button","input","select","textarea","optgroup","button","input","button","select","button","html [type=\"button\"]","[type=\"reset\"]","[type=\"submit\"]","button::-moz-focus-inner","[type=\"button\"]::-moz-focus-inner","[type=\"reset\"]::-moz-focus-inner","[type=\"submit\"]::-moz-focus-inner","button:-moz-focusring","[type=\"button\"]:-moz-focusring","[type=\"reset\"]:-moz-focusring","[type=\"submit\"]:-moz-focusring","fieldset","legend","textarea","[type=\"checkbox\"]","[type=\"radio\"]","[type=\"number\"]::-webkit-inner-spin-button","[type=\"number\"]::-webkit-outer-spin-button","[type=\"search\"]","[type=\"search\"]::-webkit-search-cancel-button","[type=\"search\"]::-webkit-search-decoration","::-webkit-input-placeholder","::-webkit-file-upload-button","*","input","select","textarea","button","body","a","a:hover","a:active","strong","hr",".rule","hr::before",".rule::before","hr::after",".rule::after","table","td","th","button","h1","h2","h3","h4","h5","h6","h1","h2","h3","h4","h5","h6","p","small","blockquote","ul","ol","ol ol","ul ol","ul ul ol","ul ol ol","ol ul ol","ol ol ol","dd","tt","code","pre",".octicon"],"specificity":{"max":20,"average":3.52755905511811}},"declarations":{"total":126,"unique":92,"properties":{"font-family":["sans-serif","monospace, monospace","inherit","-apple-system,BlinkMacSystemFont,\"Segoe UI\",Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"","Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"-ms-text-size-adjust":["100%"],"-webkit-text-size-adjust":["100%"],"margin":["0","0.67em 0","1em 40px","0","0 2px","15px 0","0"],"display":["block","list-item","inline-block","none","none","table","table","table"],"height":["0","0","auto","0"],"vertical-align":["baseline","baseline","text-bottom"],"background-color":["transparent","#ff0","#fff"],"-webkit-text-decoration-skip":["objects"],"outline-width":["0"],"border-bottom":["none","1px solid #ddd"],"text-decoration":["underline","underline dotted","none","underline"],"font-weight":["inherit","bolder","bold","600","600","600","600","600","600","600"],"font-style":["italic"],"font-size":["2em","80%","75%","1em","inherit","14px","32px","24px","20px","16px","14px","12px","90%","12px"],"color":["#000","inherit","inherit","#333","#4078c0"],"line-height":["0","inherit","1.5"],"position":["relative"],"bottom":["-0.25em"],"top":["-0.5em"],"border-style":["none","none"],"overflow":["hidden","visible","visible","auto","hidden"],"box-sizing":["content-box","border-box","border-box","border-box"],"font":["inherit","inherit","12px Consolas,\"Liberation Mono\",Menlo,Courier,monospace"],"text-transform":["none"],"-webkit-appearance":["button","textfield","none","button"],"padding":["0","0.35em 0.625em 0.75em","0","0","0"],"outline":["1px dotted ButtonText"],"border":["1px solid #c0c0c0","0"],"max-width":["100%"],"white-space":["normal"],"outline-offset":["-2px"],"opacity":["0.54"],"background":["transparent"],"content":["\"\"","\"\""],"clear":["both"],"border-spacing":["0"],"border-collapse":["collapse"],"cursor":["pointer"],"margin-top":["0","0","0","0"],"margin-bottom":["0","10px","0","0"],"padding-left":["0"],"list-style-type":["lower-roman","lower-alpha"],"margin-left":["0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

5
node_modules/primer-base/index.scss generated vendored Normal file
View File

@@ -0,0 +1,5 @@
@import "primer-support/index.scss";
@import "./lib/normalize.scss";
@import "./lib/base.scss";
@import "./lib/typography-base.scss";

67
node_modules/primer-base/lib/base.scss generated vendored Normal file
View File

@@ -0,0 +1,67 @@
// stylelint-disable selector-no-type
* {
box-sizing: border-box;
}
input,
select,
textarea,
button {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
body {
font-family: $body-font;
font-size: $body-font-size;
line-height: $body-line-height;
color: $text-gray-dark;
background-color: $bg-white;
}
a {
color: $text-blue;
text-decoration: none;
&:hover,
&:active {
text-decoration: underline;
}
}
strong {
font-weight: $font-weight-bold;
}
// Horizontal lines
//
// TODO-MDO: Remove `.rule` from everywhere and replace with `<hr>`s
hr,
.rule {
height: 0;
margin: 15px 0;
overflow: hidden;
background: transparent;
border: 0;
border-bottom: 1px solid #ddd;
@include clearfix();
}
//
// Remove most spacing between table cells.
//
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
button {
cursor: pointer;
}

423
node_modules/primer-base/lib/normalize.scss generated vendored Normal file
View File

@@ -0,0 +1,423 @@
// stylelint-disable
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section { /* 1 */
display: block;
}
summary {
display: list-item;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}

85
node_modules/primer-base/lib/typography-base.scss generated vendored Normal file
View File

@@ -0,0 +1,85 @@
// Headings
// --------------------------------------------------
// stylelint-disable selector-no-type
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
}
h1 { @include h1; }
h2 { @include h2; }
h3 { @include h3; }
h4 { @include h4; }
h5 { @include h5; }
h6 { @include h6; }
// Body text
// --------------------------------------------------
p {
margin-top: 0;
margin-bottom: 10px;
}
small {
font-size: 90%;
}
blockquote {
margin: 0;
}
// Lists
// --------------------------------------------------
ul,
ol {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}
ol ol,
ul ol {
list-style-type: lower-roman;
}
ul ul ol,
ul ol ol,
ol ul ol,
ol ol ol {
list-style-type: lower-alpha;
}
dd {
margin-left: 0;
}
// Code
// --------------------------------------------------
tt,
code {
font-family: $mono-font;
font-size: 12px;
}
pre {
margin-top: 0;
margin-bottom: 0;
font: 12px $mono-font;
}
// Octicons
// --------------------------------------------------
// Move this over here as a temporary override to the octicons source repo
// instead of updating that upstream.
.octicon {
vertical-align: text-bottom;
}

72
node_modules/primer-base/package.json generated vendored Normal file
View File

@@ -0,0 +1,72 @@
{
"_from": "primer-base@^0.4.0",
"_id": "primer-base@0.4.2",
"_inBundle": false,
"_integrity": "sha1-EL6nvdRUxEex7W6AFZXziIsw8B8=",
"_location": "/primer-base",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-base@^0.4.0",
"name": "primer-base",
"escapedName": "primer-base",
"rawSpec": "^0.4.0",
"saveSpec": null,
"fetchSpec": "^0.4.0"
},
"_requiredBy": [
"/primer-core",
"/primer-css"
],
"_resolved": "https://registry.npmjs.org/primer-base/-/primer-base-0.4.2.tgz",
"_shasum": "10bea7bdd454c447b1ed6e801595f3888b30f01f",
"_spec": "primer-base@^0.4.0",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-base/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "*"
},
"deprecated": false,
"description": "CSS to reset the browsers default styles",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss",
"base",
"reset",
"normalize"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-base",
"repository": {
"type": "git",
"url": "git+https://github.com/primer/primer-base.git"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepublish": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "0.4.2"
}

80
node_modules/primer-blankslate/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,80 @@
# v0.3.5
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
# v0.3.4
* update version numbers in primer-product - broccolini [github/github@5301936](https://github.com/github/github/commit/5301936)
* update rgb values with black variable - broccolini [github/github@51ef75d](https://github.com/github/github/commit/51ef75d)
* update #fff instances to white variables in primer-product modules - broccolini [github/github@49ec35d](https://github.com/github/github/commit/49ec35d)
* replace more gray hex's with variables - broccolini [github/github@fe5de70](https://github.com/github/github/commit/fe5de70)
* replace light gray hex's with variables in primer-product modules - broccolini [github/github@1088a47](https://github.com/github/github/commit/1088a47)
* replace light gray hex refs with new variable - broccolini [github/github@8d5acdc](https://github.com/github/github/commit/8d5acdc)
# v0.3.3
* bumping patch - Jon Rohan [github/github@23a6aa8](https://github.com/github/github/commit/23a6aa8)
* Missing primer-support import - Jon Rohan [github/github@d3bdb2a](https://github.com/github/github/commit/d3bdb2a)
# v0.3.2
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v0.3.1
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
* update blankslate version number - broccolini [github/github@2005521](https://github.com/github/github/commit/2005521)
* Simplify the declaration - Jon Rohan [github/github@b505cf3](https://github.com/github/github/commit/b505cf3)
# v0.3.0
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.2.4
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
# v0.2.3
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Updating octicons to deprecate the use of :symbol - Jon Rohan [github/github@9eb0c63](https://github.com/github/github/commit/9eb0c63)
* Replacing the use of :size in octicons with :height - Jon Rohan [github/github@e2dbe6f](https://github.com/github/github/commit/e2dbe6f)
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
# v0.2.2
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Moving blankslate from primer/primer - Jon Rohan [github/github@4b04c44](https://github.com/github/github/commit/4b04c44)

21
node_modules/primer-blankslate/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

138
node_modules/primer-blankslate/README.md generated vendored Normal file
View File

@@ -0,0 +1,138 @@
# Primer CSS Blankslate
[![npm version](http://img.shields.io/npm/v/primer-blankslate.svg)](https://www.npmjs.org/package/primer-blankslate)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn’t there. Be sure to provide an action to add content as well.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-blankslate` with this command.
```
$ npm install --save primer-blankslate
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-blankslate/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Blankslate
status: Stable
-->
Blankslates are for when there is a lack of content within a page or section. Use them as placeholders to tell users why something isn't there. Be sure to provide an action to add content as well.
#### Basic example
Wrap some content in the outer `.blankslate` wrapper to give it the blankslate appearance.
```html
<div class="blankslate">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
#### With Octicons
When it helps the message, include (relevant) icons in your blank slate. Add `.blankslate-icon` to any `.mega-octicon`s as the first elements in the blankslate, like so.
```html
<div class="blankslate">
<%= octicon "git-commit", :height => 32, :class => "blankslate-icon" %>
<%= octicon "tag", :height => 32, :class => "blankslate-icon" %>
<%= octicon "git-branch", :height => 32, :class => "blankslate-icon" %>
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
#### Variations
Add an additional optional class to the `.blankslate` to change its appearance.
##### Narrow
Narrows the blankslate container to not occupy the entire available width.
```html
<div class="blankslate blankslate-narrow">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
##### Capped
Removes the `border-radius` on the top corners.
```html
<div class="blankslate blankslate-capped">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
##### Spacious
Significantly increases the vertical padding.
```html
<div class="blankslate blankslate-spacious">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
##### Large
Increases the size of the text in the blankslate
```html
<div class="blankslate blankslate-large">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
##### No background
Removes the `background-color` and `border`.
```html
<div class="blankslate blankslate-clean-background">
<h3>This is a blank slate</h3>
<p>Use it to provide information when no dynamic content exists.</p>
</div>
```
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-blankslate/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.blankslate{position:relative;padding:32px;text-align:center;background-color:#fafbfc;border:1px solid #e1e4e8;border-radius:3px;box-shadow:inset 0 0 10px rgba(27,31,35,0.05)}.blankslate code{padding:2px 5px 3px;font-size:14px;background:#fff;border:1px solid #eaecef;border-radius:3px}.blankslate-icon{margin-right:4px;margin-bottom:8px;margin-left:4px;color:#a3aab1}.blankslate-capped{border-radius:0 0 3px 3px}.blankslate-spacious{padding:80px 40px}.blankslate-narrow{width:485px;margin:0 auto}.blankslate-large h3{margin:16px 0;font-size:20px}.blankslate-large p{font-size:16px}.blankslate-clean-background{background:none;border:0;box-shadow:none}

1
node_modules/primer-blankslate/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":653,"gzipSize":339,"humanizedSize":"653B","humanizedGzipSize":"339B","rules":{"total":9,"size":{"graph":[7,5,4,1,1,2,2,1,3],"max":7,"average":2.888888888888889}},"selectors":{"total":9,"type":3,"class":9,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".blankslate",".blankslate code",".blankslate-icon",".blankslate-capped",".blankslate-spacious",".blankslate-narrow",".blankslate-large h3",".blankslate-large p",".blankslate-clean-background"],"specificity":{"max":11,"average":10.333333333333334}},"declarations":{"total":26,"unique":25,"properties":{"position":["relative"],"padding":["32px","2px 5px 3px","80px 40px"],"text-align":["center"],"background-color":["#fafbfc"],"border":["1px solid #e1e4e8","1px solid #eaecef","0"],"border-radius":["3px","3px","0 0 3px 3px"],"box-shadow":["inset 0 0 10px rgba(27,31,35,0.05)","none"],"font-size":["14px","20px","16px"],"background":["#fff","none"],"margin-right":["4px"],"margin-bottom":["8px"],"margin-left":["4px"],"color":["#a3aab1"],"width":["485px"],"margin":["0 auto","16px 0"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

3
node_modules/primer-blankslate/index.scss generated vendored Normal file
View File

@@ -0,0 +1,3 @@
@import "primer-support/index.scss";
@import "./lib/blankslate.scss";

57
node_modules/primer-blankslate/lib/blankslate.scss generated vendored Normal file
View File

@@ -0,0 +1,57 @@
// stylelint-disable selector-no-type
.blankslate {
position: relative;
padding: $spacer-5;
text-align: center;
background-color: $gray-000;
border: 1px solid $gray-200;
border-radius: 3px;
box-shadow: inset 0 0 10px rgba($black, 0.05);
code {
padding: 2px 5px 3px;
font-size: 14px;
background: $bg-white;
border: 1px solid $border-gray-light;
border-radius: 3px;
}
}
.blankslate-icon {
margin-right: $spacer-1;
margin-bottom: $spacer-2;
margin-left: $spacer-1;
color: lighten($gray-400, 5%);
}
.blankslate-capped {
border-radius: 0 0 3px 3px;
}
.blankslate-spacious {
padding: ($spacer-6 * 2) $spacer-6;
}
.blankslate-narrow {
width: 485px;
margin: 0 auto;
}
// was .large-format
.blankslate-large {
h3 {
margin: $spacer-3 0;
font-size: $h3-size;
}
p {
font-size: $h4-size;
}
}
// was .clean-background
.blankslate-clean-background {
background: none;
border: 0;
box-shadow: none;
}

72
node_modules/primer-blankslate/package.json generated vendored Normal file
View File

@@ -0,0 +1,72 @@
{
"_from": "primer-blankslate@^1.0.1",
"_id": "primer-blankslate@1.0.1",
"_inBundle": false,
"_integrity": "sha1-feJj+C7rQy0QjUQfvyMk12JAQbw=",
"_location": "/primer-blankslate",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-blankslate@^1.0.1",
"name": "primer-blankslate",
"escapedName": "primer-blankslate",
"rawSpec": "^1.0.1",
"saveSpec": null,
"fetchSpec": "^1.0.1"
},
"_requiredBy": [
"/primer-css",
"/primer-product"
],
"_resolved": "https://registry.npmjs.org/primer-blankslate/-/primer-blankslate-1.0.1.tgz",
"_shasum": "7de263f82eeb432d108d441fbf2324d7624041bc",
"_spec": "primer-blankslate@^1.0.1",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Blankslates are for when there is a lack of content within a page or section.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss",
"blankslate",
"empty",
"content"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-blankslate",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-blankslate"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "1.0.1"
}

58
node_modules/primer-box/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,58 @@
# v2.1.2
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
# v2.1.1
* update version number after color variable updates - broccolini [github/github@b2a811a](https://github.com/github/github/commit/b2a811a)
* update border variable names used in components - broccolini [github/github@865ab4f](https://github.com/github/github/commit/865ab4f)
# v2.1.0
* update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
* Update some borders to correct contrast and small inconsistencies - Mark Otto [github/github@76c782a](https://github.com/github/github/commit/76c782a)
* lighter yellow for box row highlight - broccolini [github/github@ab68ca4](https://github.com/github/github/commit/ab68ca4)
# v2.0.2
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
# v2.0.1
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v2.0.0
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
* update package version - broccolini [github/github@45f6fe9](https://github.com/github/github/commit/45f6fe9)
* change Box-row-link to smaller breakpoint - broccolini [github/github@3b660b4](https://github.com/github/github/commit/3b660b4)
* bump version number - broccolini [github/github@d4d505f](https://github.com/github/github/commit/d4d505f)
* ensure first row border doesn't override header border - broccolini [github/github@42f0537](https://github.com/github/github/commit/42f0537)
* Correct doc headings - broccolini [github/github@b5408ff](https://github.com/github/github/commit/b5408ff)
* Update row styles and docs on markup structure - broccolini [github/github@9e0c44f](https://github.com/github/github/commit/9e0c44f)
* removing box overlay styles to explore in separate pr - broccolini [github/github@392109a](https://github.com/github/github/commit/392109a)
* update Subhead class name - broccolini [github/github@4c4463d](https://github.com/github/github/commit/4c4463d)
* update bg-yellow variables - broccolini [github/github@79701f2](https://github.com/github/github/commit/79701f2)
* bump box version number - broccolini [github/github@4eb2f8c](https://github.com/github/github/commit/4eb2f8c)
* Update Box-danger theme - broccolini [github/github@abb10f6](https://github.com/github/github/commit/abb10f6)
* Update Box-body-row to Box-row in scss and docs - broccolini [github/github@cdfe299](https://github.com/github/github/commit/cdfe299)
* fix density rows and doc examples - broccolini [github/github@cd18965](https://github.com/github/github/commit/cd18965)
* fix links - broccolini [github/github@c3238aa](https://github.com/github/github/commit/c3238aa)
* update header and title instances - broccolini [github/github@13cfaf0](https://github.com/github/github/commit/13cfaf0)
* update docs with new Box-body and row styles - broccolini [github/github@816ac8c](https://github.com/github/github/commit/816ac8c)
* and negative margin to footer so works with Box-body - broccolini [github/github@225b707](https://github.com/github/github/commit/225b707)
* separate body and row styles - broccolini [github/github@5a554f3](https://github.com/github/github/commit/5a554f3)
* Update intro and use automated toc - broccolini [github/github@ad3a9e9](https://github.com/github/github/commit/ad3a9e9)
* use all of the variables - broccolini [github/github@896b70a](https://github.com/github/github/commit/896b70a)
* Float right profile image, remove danger zone bg - imgonnarelph [github/github@62d3f6d](https://github.com/github/github/commit/62d3f6d)
* lint - imgonnarelph [github/github@9a5ec5a](https://github.com/github/github/commit/9a5ec5a)
* User variable for red color - imgonnarelph [github/github@c44b27c](https://github.com/github/github/commit/c44b27c)
* Style unboxed developer program section - imgonnarelph [github/github@e70aab4](https://github.com/github/github/commit/e70aab4)
# v0.0.1
* Updating box repo name - Jon Rohan [github/github@d54336a](https://github.com/github/github/commit/d54336a)
* added feedback issue to box docs - broccolini [github/github@559a4d4](https://github.com/github/github/commit/559a4d4)
* Move box into product-core cc @jonrohan - broccolini [github/github@8febc0e](https://github.com/github/github/commit/8febc0e)

21
node_modules/primer-box/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

597
node_modules/primer-box/README.md generated vendored Normal file
View File

@@ -0,0 +1,597 @@
# Primer CSS box
[![npm version](http://img.shields.io/npm/v/primer-box.svg)](https://www.npmjs.org/package/primer-box)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Box is a module for creating rounded-corner boxes with a white background and gray borders. Box has optional element styles for headers, lists, and footers.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-box` with this command.
```
$ npm install --save primer-box
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-box/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Box
status_issue: https://github.com/github/design-systems/issues/198
status: New release
-->
The `.Box` component can be used for something as simple as a rounded corner box, or more complex lists and forms. It includes optional modifiers for padding density and color themes.
{:toc}
## Box
A `.Box` is a container with a a white background ,a light gray border, and rounded corners. By default there are no additional styles such as padding, these can be added as needed with utility classes. Other styles and layouts can be achieved with box elements and modifiers shown in the documentation below.
```html
<div class="Box">
This is a box.
</div>
```
## Box elements
Box elements include `Box-header`, `Box-body`, and `Box-footer`. These elements include borders and consistent padding. Optionally, you can include use `Box-title` which applies a bold font-weight the heading.
```html
<div class="Box">
<div class="Box-header">
<h3 class="Box-title">
Box title
</h3>
</div>
<div class="Box-body">
Box body
</div>
<div class="Box-footer">
Box footer
</div>
</div>
```
### Box row
Use `Box-row` to add rows with borders and maintain the same padding. Box rows have a lighter border to give contrast between the header and footer.
**Note:** Box rows have some reliance on markup structure in order to target the first and last rows, therefore using an unordered list is recommended. See [box row markup structure](#box-row-markup-structure) for more information.
```html
<div class="Box">
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
<li class="Box-row">
Box row three
</li>
<li class="Box-row">
Box row four
</li>
</ul>
</div>
```
Rows can be used with or without `Box-header`, `Box-footer`, or `Box-body`.
```html
<div class="Box">
<div class="Box-header">
Box header
</div>
<div class="Box-body">
<strong>Box body</strong>
</div>
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
<li class="Box-row">
Box row three
</li>
<li class="Box-row">
Box row four
</li>
</ul>
<div class="Box-footer">
Box footer
</div>
</div>
```
### Box row markup structure
Box rows have some reliance on markup structure in order to target the first and last rows. Box rows are given a top border that is lighter in color than other box elements so the first row is targeted to apply a darker border color. An inner border-radius is applied to the first and last rows that that row corners don't poke outside the `Box`, this can be particularly noticeable when using a highlight on box rows.
Using an unordered list is recommended in order to target the first and last rows, however, if you need to use a `<div>` for your rows, you may want to place your rows inside a parent `<div>` so that the first and last rows are styled appropriately.
```html
<div class="Box">
<div class="Box-header">
Box header
</div>
<!-- This wrapping div ensures the first and last rows can be targeted for styling. -->
<div>
<div class="Box-row">Box row using a div</div>
<div class="Box-row">Box row using a div</div>
</div>
</div>
```
## Box padding density
You can changed the padding density of the box component.
Use `Box--condensed` to apply a more condensed line-height and reduce the padding on the Y axis.
```html
<div class="Box Box--condensed">
<div class="Box-header">
<h3 class="Box-title">
Box title
</h3>
</div>
<div class="Box-body">
Box body
</div>
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
</ul>
<div class="Box-footer">
Box footer
</div>
</div>
```
Use `Box--spacious` to increase padding and increase the title font size.
You may want to increase the overall font size to work with the larger padding, in this example the default body font size is increased to 16px using the `f4` typography utility.
```html
<div class="Box Box--spacious f4">
<div class="Box-header">
<h3 class="Box-title">
Box title
</h3>
</div>
<div class="Box-body">
Box body
</div>
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
</ul>
<div class="Box-footer">
Box footer
</div>
</div>
```
## Blue box theme
Use `Box--blue` to style the box borders and box header in blue.
```html
<div class="Box Box--blue">
<div class="Box-header">
Box header
</div>
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
</ul>
<div class="Box-footer">
Box footer
</div>
</div>
```
## Blue box header theme
Use `Box-header--blue` to add to change the header border and background to blue.
```html
<div class="Box">
<div class="Box-header Box-header--blue">
<h3 class="Box-title">Box with blue header</h3>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
## Box danger theme
Use `Box--danger` to apply a red border to the outside of the box. This theme is helpful for communicating destructive actions.
**Note:** `Box-danger` only works with either `Box-row`'s or `Box-body`.
```html
<div class="Box Box--danger">
<div class="Box-row">
Row one
</div>
<div class="Box-row">
Row two
</div>
</div>
```
`Box-danger` is often paired with a red heading. See the [subhead](/styleguide/css/styles/product/components/subhead) docs for more information.
```html
<div class="Subhead border-bottom-0">
<h2 class="Subhead-heading Subhead-heading--danger">Danger zone</h2>
</div>
<div class="Box Box--danger">
<div class="Box-body">
Box body
</div>
</div>
```
## Row themes
You can change the background color for individual rows, or change the color on hover or navigation focus.
```html
<div class="Box">
<div class="Box-row Box-row--gray">
.Box-row--gray
</div>
<div class="Box-row Box-row--hover-gray">
.Box-row--hover-gray
</div>
<div class="Box-row Box-row--yellow">
.Box-row--yellow
</div>
<div class="Box-row Box-row--hover-blue">
.Box-row--hover-blue
</div>
<div class="Box-row Box-row--blue">
.Box-row--blue
</div>
</div>
```
Use `Box-row--focus-gray` or `Box-row--focus-blue` when using along-side `navigation-focus` if you want to highlight rows when using keyboard commands.
```html
<div class="Box">
<div class="Box-row Box-row--focus-gray navigation-focus">
.Box-row--focus-gray and .navigation-focus
</div>
<div class="Box-row Box-row--focus-gray">
.Box-row--focus-gray
</div>
<div class="Box-row Box-row--focus-blue navigation-focus">
.Box-row--focus-blue and .navigation-focus
</div>
<div class="Box-row Box-row--focus-blue">
.Box-row--focus-blue
</div>
</div>
```
### Box row unread
Use `.Box-row-unread` to apply a blue vertical line highlight for indicating a row contains unread items.
```html
<div class="Box">
<div class="Box-row">
Box row
</div>
<div class="Box-row Box-row--unread">
Box row unread
</div>
<div class="Box-row">
Box row
</div>
</div>
```
### Box row link
Use .`Box-row-link` when you want a link to appear dark gray and blue on hover on desktop, and remain a blue link on mobile. This is useful to indicate links on mobile without having hover styles.
```html
<div class="Box">
<div class="Box-row">
<a class="Box-row-link" href="#box-row-link">Box row link</a>
</div>
</div>
```
## Dashed border
Use the `border-dashed` utility to apply a dashed border to a box.
```html
<div class="Box border-dashed p-2">
A box with a dashed border
</div>
```
## Boxes with flash alerts
Use `flash-full` for flash alert inside a box to remove the rounded corners. Place the flash alert above the `Box-body` and underneath the `Box-header`.
Flash alerts come in three different colors and can be used with icons and buttons, see the [alert documentation](/alerts) for more information.
```html
<div class="Box">
<div class="Box-header">
Box header
</div>
<div class="flash flash-full">
<button class="flash-close js-flash-close"><%= octicon "x" %></button>
Flash message with close button.
</div>
<div class="flash flash-full flash-success">
<%= octicon("check") %> Flash success with an icon.
</div>
<div class="flash flash-full flash-warn">
<%= octicon("alert") %> Flash warning with an icon.
</div>
<div class="flash flash-full flash-error">
Flash error inside a Box.
</div>
<div class="Box-body">
Box body
</div>
</div>
```
## Boxes with icons
Use `Box-btn-octicon` with `btn-octicon` when you want the icon to maintain the same padding as other box elements. This selector offsets margin to ensure it lines up on the left and right sides of the box so you may need to add padding neighboring elements.
```html
<div class="Box">
<div class="Box-body">
<span class="pr-2">Box body</span>
<button href="#" class="Box-btn-octicon btn-octicon"><%= octicon("pencil") %></button>
</div>
</div>
```
It's common to want to float icons to the far left or right and stop the `Box-title`from wrapping underneath. To do this you'll need to create a media object with utilities. Add `clearfix` to the surrounding div (this could be the header, body, or rows), add `overflow-hidden` to the title (or other text element), and float the icons as desired.
```html
<div class="Box">
<div class="Box-header clearfix">
<button href="#" class="Box-btn-octicon btn-octicon float-right"><%= octicon("x") %></button>
<h3 class="Box-title overflow-hidden pr-3">A very long title that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's right</h3>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
```html
<div class="Box">
<div class="Box-row clearfix">
<button href="#" class="Box-btn-octicon btn-octicon float-left"><%= octicon "check" %></button>
<p class="overflow-hidden pl-3">A very long paragraph that wraps onto multiple lines without overlapping or wrapping underneath the icon to it's left</p>
</div>
</div>
```
## Box headers with counters
Use a counter with a background that works against the contrast of the box header. The default counter colors do not stand out well against the header background so we suggest using one of the following styles:
Use `Counter--gray` for a counter with a gray background and dark gray text.
```html
<div class="Box">
<div class="Box-header">
<h3 class="Box-title">
Box title
<span class="Counter Counter--gray">12</span>
</h3>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
Use `Counter--gray-dark` for a counter with a dark gray background and white text.
```html
<div class="Box">
<div class="Box-header">
<h3 class="Box-title">
Box title
<span class="Counter Counter--gray-dark">12</span>
</h3>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
## Form elements and buttons in boxes
To achieve different layouts when adding buttons or form elements to boxes we suggest you use utilities to achieve the layout you want. Here's some common examples:
Use [flexbox utilities](../utilities/flexbox) to center align items, and avoid using floats by using `flex-auto` to have the text fill the remaining space so that the button rests on the far right.
```html
<div class="Box Box--condensed">
<div class="Box-header d-flex flex-items-center">
<h3 class="Box-title overflow-hidden flex-auto">
Box title
</h3>
<button class="btn btn-primary btn-sm">
Button
</button>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
A similar approach can be used for buttons with multiple lines of text within a row.
```html
<div class="Box">
<div class="Box-row d-flex flex-items-center">
<div class="flex-auto">
<strong>Row title</strong>
<div class="text-small text-gray-light">
Description
</div>
</div>
<button type="button" class="btn btn-primary" name="button">View</button>
</div>
<div class="Box-row d-flex flex-items-center">
<div class="flex-auto">
<strong>Row title</strong>
<div class="text-small text-gray-light">
Description
</div>
</div>
<button type="button" class="btn btn-primary" name="button">View</button>
</div>
<div class="Box-row d-flex flex-items-center">
<div class="flex-auto">
<strong>Row title</strong>
<div class="text-small text-gray-light">
Description
</div>
</div>
<button type="button" class="btn btn-primary" name="button">View</button>
</div>
</div>
```
Using flexbox along with form, button, and link styles, you can create more complex box headers for things like bulk actions and sorting.
```html
<div class="Box">
<div class="Box-header d-flex flex-items-center">
<form class="flex-auto">
<label>
<input class="mr-1" type="checkbox">
Check it
</label>
</form>
<button class="btn-link select-menu-button muted-link">
Select menu
</button>
</div>
<div class="Box-body">
Box body
</div>
</div>
```
You can put forms in boxes. Often form submission buttons are aligned to the bottom right of the form which you can do with `text-right` instead of using floats.
```html
<div class="Box">
<div class="Box-header">
<h3 class="Box-title">
Example form title
</h3>
</div>
<form>
<div class="Box-body">
<dl class="form-group">
<dt><label>Example label</label></dt>
<dd><input class="form-control" type="text"></dd>
</dl>
<div class="form-checkbox">
<label>
<input type="checkbox" checked="checked">
Yes please
</label>
</div>
</div>
<div class="Box-footer text-right">
<button class="btn btn-secondary mr-1">
Cancel
</button>
<button class="btn btn-primary">
Submit
</button>
</div>
</form>
</div>
```
When a box is all by itself centered on a page you can use [column widths](/grid) to control the width of the box. If needed, break the mold a little and use [typography utilities](../utilities/typography) instead of the built in box title styles.
```html
<div class="Box Box--spacious col-6 mx-auto text-center">
<form>
<div class="Box-body">
<h3 class="f1-light">
Example form
</h3>
<dl class="form-group mb-4">
<dt><label>Example label</label></dt>
<dd><input class="form-control" type="text"></dd>
</dl>
<button class="btn btn-primary btn-block">
Submit
</button>
</div>
</form>
</div>
```
Box patterns can also be made with, and modified with [border utilities](../utilities/borders).
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-box/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.Box{background-color:#fff;border:1px solid #d1d5da;border-radius:3px}.Box--condensed{line-height:1.25}.Box--condensed .Box-header{padding:8px 16px}.Box--condensed .Box-body{padding:8px 16px}.Box--condensed .Box-footer{padding:8px 16px}.Box--condensed .Box-btn-octicon.btn-octicon{padding:8px 16px;margin:-8px -16px;line-height:1.25}.Box--condensed .Box-row{padding:8px 16px}.Box--spacious .Box-header{padding:24px;line-height:1.25}.Box--spacious .Box-title{font-size:20px}.Box--spacious .Box-body{padding:24px}.Box--spacious .Box-footer{padding:24px}.Box--spacious .Box-btn-octicon.btn-octicon{padding:24px;margin:-24px -24px}.Box--spacious .Box-row{padding:24px}.Box-header{padding:16px;margin:-1px -1px 0 -1px;background-color:#f6f8fa;border-color:#d1d5da;border-style:solid;border-width:1px;border-top-left-radius:3px;border-top-right-radius:3px}.Box-title{font-size:14px;font-weight:600}.Box-body{padding:16px;border-bottom:1px solid #e1e4e8}.Box-body:last-of-type{margin-bottom:-1px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row{padding:16px;margin-top:-1px;list-style-type:none;border-top:1px solid #e1e4e8}.Box-row:first-of-type{border-top-color:transparent;border-top-left-radius:2px;border-top-right-radius:2px}.Box-row:last-of-type{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:2px 0 0 #0366d6 inset}.Box-row.navigation-focus .Box-row--drag-button{color:#0366d6;cursor:-webkit-grab;cursor:grab;opacity:100}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:-webkit-grabbing;cursor:grabbing}.Box-row.navigation-focus.sortable-chosen{background-color:#fafbfc}.Box-row.navigation-focus.sortable-ghost{background-color:#f6f8fa}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:#f6f8fa}.Box-row--focus-blue.navigation-focus{background-color:#f1f8ff}.Box-row--hover-gray:hover{background-color:#f6f8fa}.Box-row--hover-blue:hover{background-color:#f1f8ff}@media (min-width: 768px){.Box-row-link{color:#24292e;text-decoration:none}.Box-row-link:hover{color:#0366d6;text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{padding:16px;margin-top:-1px;border-top:1px solid #e1e4e8}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue{border-color:#c8e1ff}.Box--blue .Box-header{background-color:#f1f8ff;border-color:#c8e1ff}.Box--blue .Box-body{border-color:#c8e1ff}.Box--blue .Box-row{border-color:#c8e1ff}.Box--blue .Box-footer{border-color:#c8e1ff}.Box--danger{border-color:#d73a49}.Box--danger .Box-row:first-of-type{border-color:#d73a49}.Box--danger .Box-body:last-of-type{border-color:#d73a49}.Box-header--blue{background-color:#f1f8ff;border-color:#c8e1ff}.Box-row--yellow{background-color:#fffbdd}.Box-row--blue{background-color:#f1f8ff}.Box-row--gray{background-color:#f6f8fa}.Box-btn-octicon.btn-octicon{padding:16px 16px;margin:-16px -16px;line-height:1.5}

1
node_modules/primer-box/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":2970,"gzipSize":780,"humanizedSize":"3kB","humanizedGzipSize":"780B","rules":{"total":48,"size":{"graph":[3,1,1,1,1,3,1,2,1,1,1,2,1,8,2,2,3,4,3,2,1,4,2,1,1,1,1,1,1,1,2,2,1,3,2,1,2,1,1,1,1,1,1,2,1,1,1,3],"max":8,"average":1.75}},"selectors":{"total":49,"type":0,"class":49,"id":0,"pseudoClass":8,"pseudoElement":0,"values":[".Box",".Box--condensed",".Box--condensed .Box-header",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-footer",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-row",".Box--blue .Box-footer",".Box--danger",".Box--danger .Box-row:first-of-type",".Box--danger .Box-body:last-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"],"specificity":{"max":40,"average":18.979591836734695}},"declarations":{"total":84,"unique":49,"properties":{"background-color":["#fff","#f6f8fa","#fafbfc","#f6f8fa","#f6f8fa","#f1f8ff","#f6f8fa","#f1f8ff","#f1f8ff","#f1f8ff","#fffbdd","#f1f8ff","#f6f8fa"],"border":["1px solid #d1d5da"],"border-radius":["3px"],"line-height":["1.25","1.25","1.25","1.5"],"padding":["8px 16px","8px 16px","8px 16px","8px 16px","8px 16px","24px","24px","24px","24px","24px","16px","16px","16px","16px","16px 16px"],"margin":["-8px -16px","-24px -24px","-1px -1px 0 -1px","-16px -16px"],"font-size":["20px","14px"],"border-color":["#d1d5da","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#c8e1ff","#d73a49","#d73a49","#d73a49","#c8e1ff"],"border-style":["solid"],"border-width":["1px"],"border-top-left-radius":["3px","2px"],"border-top-right-radius":["3px","2px"],"font-weight":["600"],"border-bottom":["1px solid #e1e4e8"],"margin-bottom":["-1px"],"border-bottom-right-radius":["2px","2px"],"border-bottom-left-radius":["2px","2px"],"margin-top":["-1px","-1px"],"list-style-type":["none"],"border-top":["1px solid #e1e4e8","1px solid #e1e4e8"],"border-top-color":["transparent"],"box-shadow":["2px 0 0 #0366d6 inset"],"color":["#0366d6","#24292e","#0366d6"],"cursor":["-webkit-grab","grab","-webkit-grabbing","grabbing"],"opacity":["100","0","0"],"text-decoration":["none","none"],"max-height":["324px"],"overflow":["scroll"]}},"mediaQueries":{"total":1,"unique":1,"values":["(min-width: 768px)"],"contents":[{"value":"(min-width: 768px)","rules":{"total":2,"size":{"graph":[2,2],"max":2,"average":2}},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".Box-row-link",".Box-row-link:hover"],"specificity":{"max":20,"average":15}},"declarations":{"total":4,"unique":3,"properties":{"color":["#24292e","#0366d6"],"text-decoration":["none","none"]}}}]}}}

2
node_modules/primer-box/index.scss generated vendored Normal file
View File

@@ -0,0 +1,2 @@
@import "primer-support/index.scss";
@import "./lib/box.scss";

284
node_modules/primer-box/lib/box.scss generated vendored Normal file
View File

@@ -0,0 +1,284 @@
// Box
// Intended to replace simple-box, boxed-group, and table-list
.Box {
background-color: $white;
border: $border-width $border-style $border-gray-dark;
border-radius: $border-radius;
}
// Box padding density options
.Box--condensed {
line-height: $lh-condensed;
.Box-header {
padding: $spacer-2 $spacer-3;
}
.Box-body {
padding: $spacer-2 $spacer-3;
}
.Box-footer {
padding: $spacer-2 $spacer-3;
}
.Box-btn-octicon {
&.btn-octicon {
padding: $spacer-2 $spacer-3;
margin: (-$spacer-2) (-$spacer-3);
line-height: $lh-condensed;
}
}
.Box-row {
padding: $spacer-2 $spacer-3;
}
}
.Box--spacious {
.Box-header {
padding: $spacer-4;
line-height: $lh-condensed;
}
.Box-title {
font-size: $h3-size;
}
.Box-body {
padding: $spacer-4;
}
.Box-footer {
padding: $spacer-4;
}
.Box-btn-octicon {
&.btn-octicon {
padding: $spacer-4;
margin: (-$spacer-4) (-$spacer-4);
}
}
.Box-row {
padding: $spacer-4;
}
}
.Box-header {
padding: $spacer-3;
margin: -1px -1px 0 -1px;
background-color: $bg-gray;
border-color: $border-gray-dark;
border-style: $border-style;
border-width: $border-width;
border-top-left-radius: $border-radius;
border-top-right-radius: $border-radius;
}
.Box-title {
font-size: $body-font-size;
font-weight: $font-weight-bold;
}
.Box-body {
padding: $spacer-3;
border-bottom: $border-width $border-style $border-gray;
// Ensures bottom-border doesn't poke out when .Box-body used without box-footer
&:last-of-type {
margin-bottom: -1px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
}
// Box rows
.Box-row {
padding: $spacer-3;
margin-top: -1px;
list-style-type: none; // To account for applying Box component to a list
border-top: $border-width $border-style $border-gray;
&:first-of-type {
border-top-color: transparent;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
&:last-of-type {
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
// Adds a blue vertical line to the left of the row
// For indicating a row item is unread
&.Box-row--unread,
// .unread to be deprecated with .Box-row-unread
&.unread {
box-shadow: 2px 0 0 $blue inset;
}
&.navigation-focus {
// Focus styles for when drag icon
.Box-row--drag-button {
color: $text-blue;
cursor: grab;
opacity: 100;
}
// Grabbing while row is dragged
&.is-dragging .Box-row--drag-button {
cursor: grabbing;
}
// Row dragging styles
&.sortable-chosen {
background-color: $bg-gray-light;
}
// Makes dragging row background gray
&.sortable-ghost {
background-color: $bg-gray;
// Hides contents of row while dragging so row looks solid gray
.Box-row--drag-hide {
opacity: 0;
}
}
}
}
.Box-row--focus-gray {
&.navigation-focus {
background-color: $bg-gray;
}
}
.Box-row--focus-blue {
&.navigation-focus {
background-color: $bg-blue-light;
}
}
.Box-row--hover-gray {
&:hover {
background-color: $bg-gray;
}
}
.Box-row--hover-blue {
&:hover {
background-color: $bg-blue-light;
}
}
// Optional link style
// Makes links on mobile blue since they don't have hover state,
// and links are dark-gray with blue hover on desktop.
.Box-row-link {
@include breakpoint(md) {
color: $text-gray-dark;
text-decoration: none;
&:hover {
color: $text-blue;
text-decoration: none;
}
}
}
// Optional drag icon styles for reordering items
// Focus styles included in .Box-row above
.Box-row--drag-button {
opacity: 0;
}
.Box-footer {
padding: $spacer-3;
margin-top: -1px; // prevents double border when used with .Box-body
border-top: $border-width $border-style $border-gray;
}
// Option for a box with scrolling content
.Box--scrollable {
max-height: 324px;
overflow: scroll;
}
// Box themes
.Box--blue {
border-color: $border-blue-light;
.Box-header {
background-color: $bg-blue-light;
border-color: $border-blue-light;
}
.Box-body {
border-color: $border-blue-light;
}
.Box-row {
border-color: $border-blue-light;
}
.Box-footer {
border-color: $border-blue-light;
}
}
// Applies and red border to the outside of the box,
// but not to the border separating rows.
.Box--danger {
border-color: $border-red;
.Box-row {
&:first-of-type {
border-color: $border-red;
}
}
.Box-body {
&:last-of-type {
border-color: $border-red;
}
}
}
.Box-header--blue {
background-color: $bg-blue-light;
border-color: $border-blue-light;
}
// Box row highlight themes
.Box-row--yellow {
background-color: $yellow-100;
}
.Box-row--blue {
background-color: $bg-blue-light;
}
.Box-row--gray {
background-color: $bg-gray;
}
//Box with btn-octicon
.Box-btn-octicon {
// Increase specificity when btn-octicon is used because comes after .Box in the cascade
&.btn-octicon {
padding: $spacer-3 $spacer-3;
margin: (-$spacer-3) (-$spacer-3);
line-height: $lh-default; // override btn-octicon line-height
}
}

69
node_modules/primer-box/package.json generated vendored Normal file
View File

@@ -0,0 +1,69 @@
{
"_from": "primer-box@^2.1.7",
"_id": "primer-box@2.1.7",
"_inBundle": false,
"_integrity": "sha1-BLcZ1evmpwgPWVgb9791TJTVc0I=",
"_location": "/primer-box",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-box@^2.1.7",
"name": "primer-box",
"escapedName": "primer-box",
"rawSpec": "^2.1.7",
"saveSpec": null,
"fetchSpec": "^2.1.7"
},
"_requiredBy": [
"/primer-core",
"/primer-css"
],
"_resolved": "https://registry.npmjs.org/primer-box/-/primer-box-2.1.7.tgz",
"_shasum": "04b719d5ebe6a7080f59581bf7bf754c94d57342",
"_spec": "primer-box@^2.1.7",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "A module for creating rounded-corner boxes with options for headers, lists, and footers.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-box",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-box"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "2.1.7"
}

30
node_modules/primer-breadcrumb/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,30 @@
# v0.1.1
* bumping the version - Jon Rohan [github/github@4a72b25](https://github.com/github/github/commit/4a72b25)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
* Mark breadcrumbs as navigation ref: http://w3c.github.io/aria-practices/examples/breadcrumb/index.html - Mu-An Chiou [github/github@697312d](https://github.com/github/github/commit/697312d)
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
* Sorting and table objects. We also don't need homepage - Jon Rohan [github/github@798629d](https://github.com/github/github/commit/798629d)
* Removing duplicate headers - Jon Rohan [github/github@225cee1](https://github.com/github/github/commit/225cee1)
# v0.1.0
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* update example markdown - Patrick Marsceill [github/github@601fe9d](https://github.com/github/github/commit/601fe9d)
* Clean this up - Patrick Marsceill [github/github@c858d66](https://github.com/github/github/commit/c858d66)
* refactor breadcrumb to be better - Patrick Marsceill [github/github@30b6eaa](https://github.com/github/github/commit/30b6eaa)
* Update the names in the README files - Patrick Marsceill [github/github@75fed58](https://github.com/github/github/commit/75fed58)
* Update names for npm publising - Patrick Marsceill [github/github@451f97a](https://github.com/github/github/commit/451f97a)
* Fix import path across all scss files - Patrick Marsceill [github/github@a566f31](https://github.com/github/github/commit/a566f31)
* Smart quote :( - Patrick Marsceill [github/github@3e116ad](https://github.com/github/github/commit/3e116ad)
* Breadcrumb docs - Patrick Marsceill [github/github@9547e46](https://github.com/github/github/commit/9547e46)
* Tweak breadcrumb spacing - Patrick Marsceill [github/github@b32a8b1](https://github.com/github/github/commit/b32a8b1)
* Add breadcrumb docs - Patrick Marsceill [github/github@40a1743](https://github.com/github/github/commit/40a1743)
* Tweak breadcrumb spacing and color - Patrick Marsceill [github/github@57fd94b](https://github.com/github/github/commit/57fd94b)
* Test data for breadcrumb docs - Patrick Marsceill [github/github@9db2182](https://github.com/github/github/commit/9db2182)
* Fix variable collisions and add basecoat to site to test sass compilation errors - Patrick Marsceill [github/github@c73eee3](https://github.com/github/github/commit/c73eee3)
* Remove basecoat - Patrick Marsceill [github/github@1b1503d](https://github.com/github/github/commit/1b1503d)
* prefix bc => marketing - Patrick Marsceill [github/github@04d509a](https://github.com/github/github/commit/04d509a)
* Add breadcrumbs - Patrick Marsceill [github/github@7edec21](https://github.com/github/github/commit/7edec21)

21
node_modules/primer-breadcrumb/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

47
node_modules/primer-breadcrumb/README.md generated vendored Normal file
View File

@@ -0,0 +1,47 @@
# Primer Marketing 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.
This repository is a module of the full [primer-css][primer] repository.
## Documentation
<!-- %docs
title: Breadcrumbs
status: Stable
-->
Breadcrumbs are used to show taxonomical context on pages that are many levels deep in a site’s hierarchy. Breadcrumbs show and link to parent, grandparent, and sometimes great-grandparent pages. Breadcrumbs are most appropriate on pages that:
- Are many levels deep on a site
- Do not have a section-level navigation
- May need the ability to quickly go back to the previous (parent) page
#### Usage
```html
<nav aria-label="Breadcrumb">
<ol>
<li class="breadcrumb-item text-small"><a href="/business">Business</a></li>
<li class="breadcrumb-item text-small"><a href="/business/customers">Customers</a></li>
<li class="breadcrumb-item breadcrumb-item-selected text-small text-gray" aria-current="page">MailChimp</li>
</ol>
</nav>
```
<!-- %enddocs -->
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-breadcrumb/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.breadcrumb-item{display:inline-block;margin-left:-4px;white-space:nowrap;list-style:none}.breadcrumb-item::after{padding-right:0.5em;padding-left:0.5em;color:#e1e4e8;content:"/"}.breadcrumb-item-selected::after{content:none}

1
node_modules/primer-breadcrumb/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":226,"gzipSize":165,"humanizedSize":"226B","humanizedGzipSize":"165B","rules":{"total":3,"size":{"graph":[4,4,1],"max":4,"average":3}},"selectors":{"total":3,"type":0,"class":3,"id":0,"pseudoClass":0,"pseudoElement":2,"values":[".breadcrumb-item",".breadcrumb-item::after",".breadcrumb-item-selected::after"],"specificity":{"max":11,"average":10.666666666666666}},"declarations":{"total":9,"unique":9,"properties":{"display":["inline-block"],"margin-left":["-4px"],"white-space":["nowrap"],"list-style":["none"],"padding-right":["0.5em"],"padding-left":["0.5em"],"color":["#e1e4e8"],"content":["\"/\"","none"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

4
node_modules/primer-breadcrumb/index.scss generated vendored Normal file
View File

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

19
node_modules/primer-breadcrumb/lib/breadcrumb.scss generated vendored Normal file
View File

@@ -0,0 +1,19 @@
.breadcrumb-item {
display: inline-block;
margin-left: -4px;
white-space: nowrap;
list-style: none;
&::after {
padding-right: 0.5em;
padding-left: 0.5em;
color: $border-gray;
content: "/";
}
}
.breadcrumb-item-selected {
&::after {
content: none;
}
}

73
node_modules/primer-breadcrumb/package.json generated vendored Normal file
View File

@@ -0,0 +1,73 @@
{
"_from": "primer-breadcrumb@^1.0.1",
"_id": "primer-breadcrumb@1.0.1",
"_inBundle": false,
"_integrity": "sha1-0O9p0vHeTOnU3ZPHwFmVRQbcDuQ=",
"_location": "/primer-breadcrumb",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-breadcrumb@^1.0.1",
"name": "primer-breadcrumb",
"escapedName": "primer-breadcrumb",
"rawSpec": "^1.0.1",
"saveSpec": null,
"fetchSpec": "^1.0.1"
},
"_requiredBy": [
"/primer-css",
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-breadcrumb/-/primer-breadcrumb-1.0.1.tgz",
"_shasum": "d0ef69d2f1de4ce9d4dd93c7c059954506dc0ee4",
"_spec": "primer-breadcrumb@^1.0.1",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "^1.0.1",
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Breadcrumb navigation for pages with parents / grandparents.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"breadcrumb",
"css",
"github",
"navigation",
"primer",
"primercss",
"style"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-breadcrumb",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-breadcrumb"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "build/build.css",
"version": "1.0.1"
}

104
node_modules/primer-buttons/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,104 @@
# v1.0.0
* remove btn-outline-red - broccolini [github/github@0bebf02](https://github.com/github/github/commit/0bebf02)
* fix lint errors - broccolini [github/github@c520fa4](https://github.com/github/github/commit/c520fa4)
* update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
* more docs examples, restore gradients from @broccolini and then add additional overrides to prevent hover gradient from bleeding into active state - Mark Otto [github/github@c637891](https://github.com/github/github/commit/c637891)
* One more button redux - Mark Otto [github/github@0b7323a](https://github.com/github/github/commit/0b7323a)
* add inverse mixin for red button hover styles - broccolini [github/github@764c417](https://github.com/github/github/commit/764c417)
* btn fixes: - broccolini [github/github@d5c2110](https://github.com/github/github/commit/d5c2110)
* use variables for hidden text expander and other btn styles - broccolini [github/github@7706f4b](https://github.com/github/github/commit/7706f4b)
* Redo hover and disabled states - Mark Otto [github/github@10a29cf](https://github.com/github/github/commit/10a29cf)
* correct the mixin logic for the default button, and rematch some border styles - Mark Otto [github/github@37d1a95](https://github.com/github/github/commit/37d1a95)
* less electric blue - broccolini [github/github@5cbc253](https://github.com/github/github/commit/5cbc253)
* lighten border and darken gradient on default buttons - broccolini [github/github@9cfb1ed](https://github.com/github/github/commit/9cfb1ed)
* more grassy green - broccolini [github/github@44f8da5](https://github.com/github/github/commit/44f8da5)
* brighter blues - broccolini [github/github@ed1fa13](https://github.com/github/github/commit/ed1fa13)
* social count border - broccolini [github/github@bfccd55](https://github.com/github/github/commit/bfccd55)
* improve button styles: - broccolini [github/github@7a11abe](https://github.com/github/github/commit/7a11abe)
* remove line - Mark Otto [github/github@1c614af](https://github.com/github/github/commit/1c614af)
* ugh, move this to the other bundle - Mark Otto [github/github@b20f41d](https://github.com/github/github/commit/b20f41d)
* linting - Mark Otto [github/github@fe072d1](https://github.com/github/github/commit/fe072d1)
* try another disabled state - Mark Otto [github/github@95ea411](https://github.com/github/github/commit/95ea411)
* more linting - Mark Otto [github/github@9172515](https://github.com/github/github/commit/9172515)
* more simplification and cleanup of button styles - Mark Otto [github/github@a18b600](https://github.com/github/github/commit/a18b600)
* tighten up examples - Mark Otto [github/github@183559e](https://github.com/github/github/commit/183559e)
* rip out old code - Mark Otto [github/github@45cfc22](https://github.com/github/github/commit/45cfc22)
* more linting - Mark Otto [github/github@56fe624](https://github.com/github/github/commit/56fe624)
* rip out .btn-shadowed since it's unused - Mark Otto [github/github@9860c76](https://github.com/github/github/commit/9860c76)
* add a shorthand docs example - Mark Otto [github/github@b61ee2b](https://github.com/github/github/commit/b61ee2b)
* linting - Mark Otto [github/github@e198d03](https://github.com/github/github/commit/e198d03)
* tweak colors, tweak button focus/active styles - Mark Otto [github/github@a57e89e](https://github.com/github/github/commit/a57e89e)
* first pass at redoing buttons - Mark Otto [github/github@32bf290](https://github.com/github/github/commit/32bf290)
# v0.4.2
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
# v0.4.1
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v0.4.0
* Removing needless disables - Jon Rohan [github/github@6233c40](https://github.com/github/github/commit/6233c40)
* update buttons version number - broccolini [github/github@6504e09](https://github.com/github/github/commit/6504e09)
* Make all href #url - Mu-An Chiou [github/github@27ba40c](https://github.com/github/github/commit/27ba40c)
* Add placeholder URL and aria-expanded - Mu-An Chiou [github/github@8f6b03d](https://github.com/github/github/commit/8f6b03d)
* Make sure :disabled state is different from normal state on .btn-link - Mu-An Chiou [github/github@3e17fe6](https://github.com/github/github/commit/3e17fe6)
* bump padding on social-count - broccolini [github/github@f12bd30](https://github.com/github/github/commit/f12bd30)
* Make padding on btn-large more normal - Patrick Marsceill [github/github@6db7bbe](https://github.com/github/github/commit/6db7bbe)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.3.1
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
# v0.3.0
* Bumping to a new version - Jon Rohan [github/github@ff32813](https://github.com/github/github/commit/ff32813)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
* First part of genpopping all system font changes: remove typographic overrides for font-size, line-height, etc on global components - Mark Otto [github/github@6c50e2d](https://github.com/github/github/commit/6c50e2d)
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
# v0.2.3
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Updating octicons to deprecate the use of :symbol - Jon Rohan [github/github@9eb0c63](https://github.com/github/github/commit/9eb0c63)
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
# v0.2.2
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Fixing sort lint - Jon Rohan [github/github@ba9ce3d](https://github.com/github/github/commit/ba9ce3d)
* Moving primer/primer buttons to a css module - Jon Rohan [github/github@39c07f3](https://github.com/github/github/commit/39c07f3)

21
node_modules/primer-buttons/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

258
node_modules/primer-buttons/README.md generated vendored Normal file
View File

@@ -0,0 +1,258 @@
# Primer CSS Buttons
[![npm version](http://img.shields.io/npm/v/primer-buttons.svg)](https://www.npmjs.org/package/primer-buttons)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Buttons are used for actions, like in forms, while textual hyperlinks are used for destinations, or moving from one page to another.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-buttons` with this command.
```
$ npm install --save primer-buttons
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-buttons/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Buttons
status: Stable
-->
Buttons are used for **actions**, like in forms, while textual hyperlinks are used for **destinations**, or moving from one page to another.
#### Buttons
```html
<button class="m-1 btn" type="button">Close</button>
<button class="m-1 btn btn-primary" type="button">Comment</button>
<button class="m-1 btn btn-danger" type="button">Rename repository</button>
<button class="m-1 btn btn-blue" type="button">Sign up for free</button>
<button class="m-1 btn btn-purple" type="button">Try if for free</button>
<br>
<button class="m-1 btn hover" type="button">Close</button>
<button class="m-1 btn btn-primary hover" type="button">Comment</button>
<button class="m-1 btn btn-danger hover" type="button">Rename repository</button>
<button class="m-1 btn btn-blue hover" type="button">Sign up for free</button>
<button class="m-1 btn btn-purple hover" type="button">Try if for free</button>
<br>
<button class="m-1 btn focus" type="button">Close</button>
<button class="m-1 btn btn-primary focus" type="button">Comment</button>
<button class="m-1 btn btn-danger focus" type="button">Rename repository</button>
<button class="m-1 btn btn-blue focus" type="button">Sign up for free</button>
<button class="m-1 btn btn-purple focus" type="button">Try if for free</button>
<br>
<button class="m-1 btn selected" type="button">Close</button>
<button class="m-1 btn btn-primary selected" type="button">Comment</button>
<button class="m-1 btn btn-danger selected" type="button">Rename repository</button>
<button class="m-1 btn btn-blue selected" type="button">Sign up for free</button>
<button class="m-1 btn btn-purple selected" type="button">Try if for free</button>
<br>
<button class="m-1 btn disabled" type="button">Close</button>
<button class="m-1 btn btn-primary disabled" type="button">Comment</button>
<button class="m-1 btn btn-danger disabled" type="button">Rename repository</button>
<button class="m-1 btn btn-blue disabled" type="button">Sign up for free</button>
<button class="m-1 btn btn-purple disabled" type="button">Try if for free</button>
```
#### Default buttons
Use the standard—yet classy—`.btn` for form actions and primary page actions. These are used extensively around the site.
When using a `<button>` element, **always specify a `type`**. When using a `<a>` element, **always add `role="button"` for accessibility**.
```html
<button class="btn" type="button">Button button</button>
<a class="btn" href="#url" role="button">Link button</a>
```
You can find them in two sizes: the default `.btn` and the smaller `.btn-sm`.
```html
<button class="btn" type="button">Button</button>
<button class="btn btn-sm" type="button">Small button</button>
```
#### Primary
Primary buttons are green and are used to indicate the *primary* action on a page. When you need your buttons to stand out, use `.btn.btn-primary`. You can use it with both button sizes—just add `.btn-primary`.
```html
<button class="btn btn-primary" type="button">Primary button</button>
<button class="btn btn-sm btn-primary" type="button">Small primary button</button>
```
#### Danger
Danger buttons are red. They help reiterate that the intended action is important or potentially dangerous (e.g., deleting a repo or transferring ownership). Similar to the primary buttons, just add `.btn-danger`.
```html
<button class="btn btn-danger" type="button">Danger button</button>
<button class="btn btn-sm btn-danger" type="button">Small danger button</button>
```
#### Outline
Outline buttons downplay an action as they appear like boxy links. Just add `.btn-outline` and go.
```html
<button class="btn btn-outline" type="button">Outline button</button>
<button class="btn btn-sm btn-outline" type="button">Outline button</button>
```
#### Disabled state
Disable `<button>` elements with the boolean `disabled` attribute and `<a>` elements with the `.disabled` class.
```html
<button class="btn" type="button" disabled>Disabled button</button>
<a class="btn disabled" href="#url" role="button">Disabled button</a>
```
Similar styles are applied to primary, danger, and outline buttons:
```html
<button class="btn btn-primary" type="button" disabled>Disabled button</button>
<a class="btn btn-primary disabled" href="#url" role="button">Disabled button</a>
```
```html
<button class="btn btn-danger" type="button" disabled>Disabled button</button>
<a class="btn btn-danger disabled" href="#url" role="button">Disabled button</a>
```
```html
<button class="btn btn-outline" type="button" disabled>Disabled button</button>
<a class="btn btn-outline disabled" href="#url" role="button">Disabled button</a>
```
#### Block buttons
Make any button full-width by adding `.btn-block`. It adds `width: 100%;`, changes the `display` from `inline-block` to `block`, and centers the button text.
```html
<p><button class="btn btn-block" type="button">Block button</button></p>
<p><button class="btn btn-sm btn-block" type="button">Small block button</button></p>
```
#### With counts
You can easily append a count to a **small button**. Add the `.with-count` class to the `.btn-sm` and then add the `.social-count` after the button.
**Be sure to clear the float added by the additional class.**
```html
<div class="clearfix">
<a class="btn btn-sm btn-with-count" href="#url" role="button">
<%= octicon "eye" %>
Watch
</a>
<a class="social-count" href="#url">6</a>
</div>
```
You can also use the [counter](../../product/components/labels) component within buttons:
```html
<button class="btn" type="button">
Button
<span class="Counter">12</span>
</button>
<button class="btn btn-primary" type="button">
Button
<span class="Counter">12</span>
</button>
<button class="btn btn-danger" type="button">
Button
<span class="Counter">12</span>
</button>
<button class="btn btn-outline" type="button">
Button
<span class="Counter">12</span>
</button>
```
#### Button groups
Have a hankering for a series of buttons that are attached to one another? Wrap them in a `.BtnGroup` and the buttons will be rounded and spaced automatically.
```html
<div class="BtnGroup mr-2">
<button class="btn BtnGroup-item" type="button">Button</button>
<button class="btn BtnGroup-item" type="button">Button</button>
<button class="btn BtnGroup-item" type="button">Button</button>
</div>
<div class="BtnGroup mr-2">
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
<button class="btn BtnGroup-item btn-outline" type="button">Button</button>
</div>
<div class="BtnGroup">
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
<button class="btn BtnGroup-item btn-sm" type="button">Button</button>
</div>
```
Add `.BtnGroup-form` to `<form>`s within `.BtnGroup`s for proper spacing and rounded corners.
```html
<div class="BtnGroup">
<button class="btn BtnGroup-item" type="button">Button</button>
<form class="BtnGroup-form">
<button class="btn BtnGroup-item" type="button">Button in a form</button>
</form>
<button class="btn BtnGroup-item" type="button">Button</button>
<button class="btn BtnGroup-item" type="button">Button</button>
</div>
```
#### Hidden text button
Use `.hidden-text-expander` to indicate and toggle hidden text.
```html
<span class="hidden-text-expander">
<button type="button" class="ellipsis-expander" aria-expanded="false">&hellip;</button>
</span>
```
You can also make the expander appear inline by adding `.inline`.
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-buttons/build/build.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
node_modules/primer-buttons/build/index.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

3
node_modules/primer-buttons/index.scss generated vendored Normal file
View File

@@ -0,0 +1,3 @@
@import "primer-support/index.scss";
@import "./lib/button.scss";
@import "./lib/button-group.scss";

79
node_modules/primer-buttons/lib/button-group.scss generated vendored Normal file
View File

@@ -0,0 +1,79 @@
// Button group
//
// A button group is a series of buttons laid out next to each other, all part
// of one visual button, but separated by rules to be separate.
.BtnGroup {
display: inline-block;
vertical-align: middle;
@include clearfix();
// Proper spacing for multiple button groups (a la, gollum editor)
+ .BtnGroup,
+ .btn {
margin-left: 5px;
}
}
.BtnGroup-item {
position: relative;
float: left;
border-right-width: 0;
border-radius: 0;
&:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child {
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
&.selected,
&:focus,
&:active,
&:hover {
border-right-width: 1px;
+ .BtnGroup-item,
+ .BtnGroup-form .BtnGroup-item {
border-left-width: 0;
}
}
}
.BtnGroup-form {
float: left;
&:first-child .BtnGroup-item {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
&:last-child .BtnGroup-item {
border-right-width: 1px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.BtnGroup-item {
border-right-width: 0;
border-radius: 0;
}
&.selected,
&:focus,
&:active,
&:hover {
.BtnGroup-item {
border-right-width: 1px;
}
+ .BtnGroup-item,
+ .BtnGroup-form .BtnGroup-item {
border-left-width: 0;
}
}
}

204
node_modules/primer-buttons/lib/button.scss generated vendored Normal file
View File

@@ -0,0 +1,204 @@
// stylelint-disable selector-no-type, block-opening-brace-space-before, no-duplicate-selectors
// Base button styles
.btn {
position: relative;
display: inline-block;
padding: 6px 12px;
font-size: $body-font-size;
font-weight: $font-weight-bold;
line-height: 20px; // Specifically not inherit our `<body>` default
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
user-select: none;
background-repeat: repeat-x;
background-position: -1px -1px;
background-size: 110% 110%;
border: 1px solid transparentize($black, 0.8);
border-radius: 0.25em;
appearance: none; // Corrects inability to style clickable `input` types in iOS.
i {
font-style: normal;
font-weight: 500;
opacity: 0.6;
}
.octicon {
vertical-align: text-top;
}
// Darken for just a tad more contrast against the button background
.Counter {
color: $gray-600;
text-shadow: none;
background-color: rgba($black, 0.1);
}
&:hover {
text-decoration: none;
background-repeat: repeat-x;
}
&:focus {
outline: 0;
}
&:disabled,
&.disabled {
cursor: default;
// Repeat `background-position` because `:hover`
background-position: 0 0;
}
&:active,
&.selected {
background-image: none;
}
}
.btn { @include btn-solid($text-gray-dark, $gray-000, darken($gray-100, 2%)); }
.btn-primary { @include btn-solid($text-white, $green-400, $green-500); }
.btn-purple { @include btn-solid($text-white, lighten($purple-500, 5%), darken($purple-500, 5%)); }
.btn-blue { @include btn-solid($text-white, lighten($blue-500, 8%), darken($blue-500, 2%)); }
.btn-danger { @include btn-inverse($red-600, $gray-000, darken($gray-100, 2%)); }
// Outline button
//
// For when we need a linky-action that's not too heavy in busier
// areas like conversation timelines.
.btn-outline {
@include btn-outline($text-blue);
}
// Social button count
.btn-with-count {
float: left;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
// Minibutton overrides
//
// Tweak `line-height` to make them smaller.
.btn-sm {
padding: 3px 10px;
font-size: $font-size-small;
line-height: 20px;
}
// 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;
font-size: inherit;
border-radius: 6px;
}
// Hidden text button
//
// Use `.hidden-text-expander` to indicate and expand hidden text.
.hidden-text-expander {
display: block;
&.inline {
position: relative;
top: -1px;
display: inline-block;
margin-left: 5px;
line-height: 0;
}
}
.hidden-text-expander a,
.ellipsis-expander {
display: inline-block;
height: 12px;
padding: 0 5px 5px;
font-size: 12px;
font-weight: $font-weight-bold;
line-height: 6px;
color: $gray-700;
text-decoration: none;
vertical-align: middle;
background: lighten($gray-300, 5%);
border: 0;
border-radius: 1px;
&:hover {
text-decoration: none;
background-color: darken($gray-300, 4%);
}
&:active {
color: $text-white;
background-color: $blue-400;
}
}
// Social count bubble
//
// A container that is used for social bubbles counts.
.social-count {
float: left;
padding: 3px 10px;
font-size: $font-size-small;
font-weight: $font-weight-bold;
line-height: 20px;
color: $text-gray-dark;
vertical-align: middle;
background-color: $bg-white;
border: 1px solid transparentize($black, 0.8); // match with .btn
border-left: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
&:hover,
&:active {
text-decoration: none;
}
&:hover {
color: $text-blue;
cursor: pointer;
}
}
// Full-width button
//
// These buttons expand to the full width of their parent container
.btn-block {
display: block;
width: 100%;
text-align: center;
}
// Radio buttons
//
// Buttons backed by radio or checkbox control. Requires the use of `.hidden`
// on the `input` to properly hide it.
.btn-link {
display: inline-block;
padding: 0;
font-size: inherit;
color: $text-blue;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
user-select: none;
background-color: transparent;
border: 0;
appearance: none; // Corrects inability to style clickable `input` types in iOS.
&:hover {
text-decoration: underline;
}
&:disabled {
&,
&:hover {
color: rgba($gray-600, 0.5);
cursor: default;
}
}
}

71
node_modules/primer-buttons/package.json generated vendored Normal file
View File

@@ -0,0 +1,71 @@
{
"_from": "primer-buttons@^2.0.5",
"_id": "primer-buttons@2.0.5",
"_inBundle": false,
"_integrity": "sha1-C97B8QLf+yPv8RKXHyng2DajAog=",
"_location": "/primer-buttons",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-buttons@^2.0.5",
"name": "primer-buttons",
"escapedName": "primer-buttons",
"rawSpec": "^2.0.5",
"saveSpec": null,
"fetchSpec": "^2.0.5"
},
"_requiredBy": [
"/primer-core",
"/primer-css"
],
"_resolved": "https://registry.npmjs.org/primer-buttons/-/primer-buttons-2.0.5.tgz",
"_shasum": "0bdec1f102dffb23eff112971f29e0d836a30288",
"_spec": "primer-buttons@^2.0.5",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "A collection of buttons used for primary and secondary actions.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss",
"buttons",
"styles"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-buttons",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-buttons"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "2.0.5"
}

31
node_modules/primer-cards/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,31 @@
# v0.1.2
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
# v0.1.1
* bumping the version - Jon Rohan [github/github@4a72b25](https://github.com/github/github/commit/4a72b25)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
* don't change the versions yet - Jon Rohan [github/github@6bebcff](https://github.com/github/github/commit/6bebcff)
* Bumping version - Jon Rohan [github/github@df8b91c](https://github.com/github/github/commit/df8b91c)
* Cleaning up devDependencies versions and simplifying npm scripts - Jon Rohan [github/github@2c42571](https://github.com/github/github/commit/2c42571)
* Sorting and table objects. We also don't need homepage - Jon Rohan [github/github@798629d](https://github.com/github/github/commit/798629d)
* Removing duplicate headers - Jon Rohan [github/github@225cee1](https://github.com/github/github/commit/225cee1)
# v0.1.0
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Update border radius for cards because it is not the same as box. - Patrick Marsceill [github/github@9dc19b3](https://github.com/github/github/commit/9dc19b3)
* fix a typo - Patrick Marsceill [github/github@24acfeb](https://github.com/github/github/commit/24acfeb)
* Update the names in the README files - Patrick Marsceill [github/github@75fed58](https://github.com/github/github/commit/75fed58)
* Update pathing on cards README - Patrick Marsceill [github/github@443f2e2](https://github.com/github/github/commit/443f2e2)
* Update names for npm publising - Patrick Marsceill [github/github@451f97a](https://github.com/github/github/commit/451f97a)
* Fix import path across all scss files - Patrick Marsceill [github/github@a566f31](https://github.com/github/github/commit/a566f31)
* RIP unused styles - Patrick Marsceill [github/github@31dc325](https://github.com/github/github/commit/31dc325)
* fix cards - Patrick Marsceill [github/github@a6beedf](https://github.com/github/github/commit/a6beedf)
* Add cards to docs - Sophie Shepherd [github/github@b421a08](https://github.com/github/github/commit/b421a08)
* Fix variable collisions and add basecoat to site to test sass compilation errors - Patrick Marsceill [github/github@c73eee3](https://github.com/github/github/commit/c73eee3)
* Remove basecoat - Patrick Marsceill [github/github@1b1503d](https://github.com/github/github/commit/1b1503d)
* prefix bc => marketing - Patrick Marsceill [github/github@04d509a](https://github.com/github/github/commit/04d509a)
* Cards - Patrick Marsceill [github/github@306cbfc](https://github.com/github/github/commit/306cbfc)

21
node_modules/primer-cards/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

58
node_modules/primer-cards/README.md generated vendored Normal file
View File

@@ -0,0 +1,58 @@
# 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)
> 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.
## Documentation
<!-- %docs
title: Cards
status: In review
-->
Documentation & refactor coming very soon
<!-- %enddocs -->
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-cards` with this command.
```
$ npm install --save primer-cards
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-cards/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css`
```
$ npm run build
```
## License
MIT &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[primer-support]: https://github.com/primer/primer-support
[support]: https://github.com/primer/primer-support
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-cards/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.card{background-color:#fff;border:1px #e1e4e8 solid;border-radius:6px;box-shadow:0 1px 1px rgba(27,31,35,0.1)}

1
node_modules/primer-cards/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":112,"gzipSize":121,"humanizedSize":"112B","humanizedGzipSize":"121B","rules":{"total":1,"size":{"graph":[4],"max":4,"average":4}},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".card"],"specificity":{"max":10,"average":10}},"declarations":{"total":4,"unique":4,"properties":{"background-color":["#fff"],"border":["1px #e1e4e8 solid"],"border-radius":["6px"],"box-shadow":["0 1px 1px rgba(27,31,35,0.1)"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

4
node_modules/primer-cards/index.scss generated vendored Normal file
View File

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

6
node_modules/primer-cards/lib/cards.scss generated vendored Normal file
View File

@@ -0,0 +1,6 @@
.card {
background-color: $white;
border: $border;
border-radius: 6px;
box-shadow: $box-shadow;
}

72
node_modules/primer-cards/package.json generated vendored Normal file
View File

@@ -0,0 +1,72 @@
{
"_from": "primer-cards@^0.1.7",
"_id": "primer-cards@0.1.7",
"_inBundle": false,
"_integrity": "sha1-mm6sbVO9PeK0XzlWoBKz9jf7K3o=",
"_location": "/primer-cards",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-cards@^0.1.7",
"name": "primer-cards",
"escapedName": "primer-cards",
"rawSpec": "^0.1.7",
"saveSpec": null,
"fetchSpec": "^0.1.7"
},
"_requiredBy": [
"/primer-css",
"/primer-marketing"
],
"_resolved": "https://registry.npmjs.org/primer-cards/-/primer-cards-0.1.7.tgz",
"_shasum": "9a6eac6d53bd3de2b45f3956a012b3f637fb2b7a",
"_spec": "primer-cards@^0.1.7",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-marketing-support": "^1.0.1",
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Card-like containers to group semantically related content together on marketing websites at GitHub.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"cards",
"css",
"github",
"primer",
"primercss",
"style"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-cards",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-cards"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "build/build.css",
"version": "0.1.7"
}

3
node_modules/primer-core/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,3 @@
# 1.0.0
- Grouping primer modules into core

21
node_modules/primer-core/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

48
node_modules/primer-core/README.md generated vendored Normal file
View File

@@ -0,0 +1,48 @@
# Primer Core
[![npm version](http://img.shields.io/npm/v/primer-core.svg)](https://www.npmjs.org/package/primer-core)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Primer core is one of 3 meta-packages that belong to the Primer CSS framework. Primer core contains packages that are shared between GitHub product and marketing websites.
This repository is a compilation of [several CSS packages](https://github.com/primer/primer-css). You can break it down into smaller sections using npm.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-css` with this command. **You must have npm >=3.0 installed to be able to satisfy the dependency paths**
```
$ npm install --save primer-core
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-core/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **CSS** version of this module, an npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.
```
$ npm run build
```
## Documentation
You can read more about primer in the [docs][docs].
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

6
node_modules/primer-core/build/build.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
node_modules/primer-core/build/index.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

28
node_modules/primer-core/index.scss generated vendored Normal file
View File

@@ -0,0 +1,28 @@
/*!
* Primer-core
* http://primercss.io
*
* Released under MIT license. Copyright 2015 GitHub, Inc.
*/
// Primer master file
//
// Imports all Primer files in their intended order for easy mass-inclusion.
// Should you need specific files, you can easily use separate `@import`s.
// Global requirements
@import "primer-support/index.scss";
// Core modules
@import "primer-base/index.scss";
@import "primer-box/index.scss";
@import "primer-buttons/index.scss";
@import "primer-table-object/index.scss";
@import "primer-forms/index.scss";
@import "primer-layout/index.scss";
@import "primer-navigation/index.scss";
@import "primer-tooltips/index.scss";
@import "primer-truncate/index.scss";
// Utilities always go last so that they can override components
@import "primer-utilities/index.scss";

69
node_modules/primer-core/package.json generated vendored Normal file
View File

@@ -0,0 +1,69 @@
{
"_from": "primer-core@^5.0.1",
"_id": "primer-core@5.0.1",
"_inBundle": false,
"_integrity": "sha1-TZq/WuR3s7BJr7/lG78YpAA/0Ms=",
"_location": "/primer-core",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-core@^5.0.1",
"name": "primer-core",
"escapedName": "primer-core",
"rawSpec": "^5.0.1",
"saveSpec": null,
"fetchSpec": "^5.0.1"
},
"_requiredBy": [
"/primer-css"
],
"_resolved": "https://registry.npmjs.org/primer-core/-/primer-core-5.0.1.tgz",
"_shasum": "4d9abf5ae477b3b049afbfe51bbf18a4003fd0cb",
"_spec": "primer-core@^5.0.1",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-base": "^0.4.0",
"primer-box": "^2.1.7",
"primer-buttons": "^2.0.5",
"primer-forms": "^1.0.12",
"primer-layout": "^1.0.4",
"primer-navigation": "^1.0.5",
"primer-support": "^4.0.6",
"primer-table-object": "^1.0.8",
"primer-tooltips": "^1.0.1",
"primer-truncate": "^1.0.1",
"primer-utilities": "^4.3.4"
},
"deprecated": false,
"description": "Primer CSS's core modules",
"devDependencies": {
"primer-module-build": "*"
},
"files": [
"index.scss",
"build"
],
"homepage": "http://primercss.io/",
"license": "MIT",
"main": "build/index.js",
"name": "primer-core",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-core"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build"
},
"style": "build/build.css",
"version": "5.0.1"
}

26
node_modules/primer-css/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,26 @@
# HEAD
# 4.4.0
- Adding primer-marketing module to primer
# 4.3.0
- Using primer-core and primer-product modules
# 4.1.0
- Added: [primer-markdown](https://github.com/primer/markdown) to the build
- Fixes: Pointing "style" package.json to `build/build.css` file.
# 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

21
node_modules/primer-css/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

48
node_modules/primer-css/README.md generated vendored Normal file
View File

@@ -0,0 +1,48 @@
# Primer CSS
[![npm version](http://img.shields.io/npm/v/primer-css.svg)](https://www.npmjs.org/package/primer-css)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
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.
The Primer CSS repo is managed as a monorepo that is composed of many npm packages.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `Primer-CSS` with this command.
```
$ npm install --save primer-css
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-css/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **CSS** version of this module, a npm script is included that will output a CSS version to `build/build.css` The built CSS file is also included in the npm package.
```
$ npm run build
```
## Documentation
You can read more about primer in the [docs][docs].
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

21
node_modules/primer-css/build/build.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
node_modules/primer-css/build/index.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

16
node_modules/primer-css/index.scss generated vendored Normal file
View File

@@ -0,0 +1,16 @@
/*!
* Primer
* http://primercss.io
*
* Released under MIT license. Copyright 2015 GitHub, Inc.
*/
// Primer master file
//
// Imports all Primer files in their intended order for easy mass-inclusion.
// Should you need specific files, you can easily use separate `@import`s.
// Global requirements
@import "primer-core/index.scss";
@import "primer-product/index.scss";
@import "primer-marketing/index.scss";

92
node_modules/primer-css/package.json generated vendored Normal file
View File

@@ -0,0 +1,92 @@
{
"_from": "primer-css",
"_id": "primer-css@8.0.0",
"_inBundle": false,
"_integrity": "sha1-5XYtq/f62SXzCXi7vFiPO9Rmrl8=",
"_location": "/primer-css",
"_phantomChildren": {},
"_requested": {
"type": "tag",
"registry": true,
"raw": "primer-css",
"name": "primer-css",
"escapedName": "primer-css",
"rawSpec": "",
"saveSpec": null,
"fetchSpec": "latest"
},
"_requiredBy": [
"#USER",
"/"
],
"_resolved": "https://registry.npmjs.org/primer-css/-/primer-css-8.0.0.tgz",
"_shasum": "e5762dabf7fad925f30978bbbc588f3bd466ae5f",
"_spec": "primer-css",
"_where": "/Users/bkeepers/projects/probot/probot.github.io",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-alerts": "^1.1.7",
"primer-avatars": "^1.0.1",
"primer-base": "^0.4.0",
"primer-blankslate": "^1.0.1",
"primer-box": "^2.1.7",
"primer-breadcrumb": "^1.0.1",
"primer-buttons": "^2.0.5",
"primer-cards": "^0.1.7",
"primer-core": "^5.0.1",
"primer-forms": "^1.0.12",
"primer-labels": "^1.1.5",
"primer-layout": "^1.0.4",
"primer-markdown": "^3.3.12",
"primer-marketing": "^5.0.1",
"primer-marketing-support": "^1.0.1",
"primer-marketing-type": "^1.0.1",
"primer-marketing-utilities": "^1.0.1",
"primer-navigation": "^1.0.5",
"primer-page-headers": "^1.0.1",
"primer-page-sections": "^1.0.1",
"primer-product": "^5.0.1",
"primer-support": "^4.0.6",
"primer-table-object": "^1.0.8",
"primer-tables": "^1.0.1",
"primer-tooltips": "^1.0.1",
"primer-truncate": "^1.0.1",
"primer-utilities": "^4.3.4"
},
"deprecated": false,
"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.",
"devDependencies": {
"primer-module-build": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss"
],
"license": "MIT",
"name": "primer-css",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-css"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build"
},
"style": "build/build.css",
"version": "8.0.0"
}

123
node_modules/primer-forms/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,123 @@
# v1.0.6
* Bump all the version numbers for readme - Mu-An Chiou [github/github@a9d152f](https://github.com/github/github/commit/a9d152f)
* Fix all the travis badge URL - Mu-An Chiou [github/github@9cd6d84](https://github.com/github/github/commit/9cd6d84)
# v1.0.5
* @muan review on changelog and package.json - pifafu [github/github@96e78ad](https://github.com/github/github/commit/96e78ad)
# v1.0.4
* Bump version again - Mu-An Chiou [github/github@026744a](https://github.com/github/github/commit/026744a)
# v1.0.3
* update variables in forms and bump version - broccolini [github/github@bd52621](https://github.com/github/github/commit/bd52621)
# v1.0.2
* update variable name and bump version - broccolini [github/github@2777e1e](https://github.com/github/github/commit/2777e1e)
* update border names in form group - broccolini [github/github@c5ed399](https://github.com/github/github/commit/c5ed399)2
# v1.0.1
# v1.0.0
* remove unrelated changes - Mark Otto [github/github@40855c4](https://github.com/github/github/commit/40855c4)
* update primer-core version number - broccolini [github/github@6846743](https://github.com/github/github/commit/6846743)
* update form validation color variables - broccolini [github/github@c0ce84b](https://github.com/github/github/commit/c0ce84b)
* replace instances of #ddd with variable in primer-core - broccolini [github/github@4a95523](https://github.com/github/github/commit/4a95523)
* update border variable - broccolini [github/github@2fb7a3e](https://github.com/github/github/commit/2fb7a3e)
* update new repo colors - broccolini [github/github@40aeda5](https://github.com/github/github/commit/40aeda5)
* redo focus of comment styles - Mark Otto [github/github@3f1c99c](https://github.com/github/github/commit/3f1c99c)
* deprecate flash-text variable - broccolini [github/github@b2ae205](https://github.com/github/github/commit/b2ae205)
* replace light gray hex refs with new variable - broccolini [github/github@8d5acdc](https://github.com/github/github/commit/8d5acdc)
* update yellows everywhere - broccolini [github/github@eef13c9](https://github.com/github/github/commit/eef13c9)
# v0.7.3
* Rev package number - Patrick Marsceill [github/github@a0ec34d](https://github.com/github/github/commit/a0ec34d)
* Add aria-live for accessability and update docs - Patrick Marsceill [github/github@913473c](https://github.com/github/github/commit/913473c)
* Make form-radio-details -> form-checkbox-details to match existing - Patrick Marsceill [github/github@5be1795](https://github.com/github/github/commit/5be1795)
# v0.7.2
* update version numbers for primer package with bold update - broccolini [github/github@5d3e089](https://github.com/github/github/commit/5d3e089)
# v0.7.1
* More versions - Jon Rohan [github/github@e12ba2e](https://github.com/github/github/commit/e12ba2e)
* Pointing main js file to build - Jon Rohan [github/github@3575651](https://github.com/github/github/commit/3575651)
# v0.7.0
* updating versions after running version script - broccolini [github/github@61b8c6f](https://github.com/github/github/commit/61b8c6f)
* Fix alignment of features box in repo settings - pifafu [github/github@499abb6](https://github.com/github/github/commit/499abb6)
* Add many label and ids and aria to form controls - Mu-An Chiou [github/github@9bcb1dc](https://github.com/github/github/commit/9bcb1dc)
# v0.6.0
* Cutting new versions of primer modules - Jon Rohan [github/github@157f5ab](https://github.com/github/github/commit/157f5ab)
* Rename repository with prefix primer- - Jon Rohan [github/github@ec8774a](https://github.com/github/github/commit/ec8774a)
* Separating out modules into primer-core and primer-product - Jon Rohan [github/github@ddf698c](https://github.com/github/github/commit/ddf698c)
# v0.5.0
* Updating version - Jon Rohan [github/github@6bf5fe5](https://github.com/github/github/commit/6bf5fe5)
* Updating link to real primer-css repository - Jon Rohan [github/github@bbaedda](https://github.com/github/github/commit/bbaedda)
* Updating the modules stylelint - Jon Rohan [github/github@389609f](https://github.com/github/github/commit/389609f)
* move over the form-checkbox input alignment change - Mark Otto [github/github@962e653](https://github.com/github/github/commit/962e653)
* revert these changes - Jon Rohan [github/github@5ad3478](https://github.com/github/github/commit/5ad3478)
* dropping some browser hacks - Jon Rohan [github/github@2969e8a](https://github.com/github/github/commit/2969e8a)
# v0.4.0
* Bumping to a new version - Jon Rohan [github/github@ff32813](https://github.com/github/github/commit/ff32813)
* Make sure the modules build without error before publishing - Jon Rohan [github/github@57ac5e6](https://github.com/github/github/commit/57ac5e6)
* Rename spacer variables - Sophie Shepherd [github/github@e5ffa47](https://github.com/github/github/commit/e5ffa47)
* First part of genpopping all system font changes: remove typographic overrides for font-size, line-height, etc on global components - Mark Otto [github/github@6c50e2d](https://github.com/github/github/commit/6c50e2d)
* Adding documentation status to most of the modules - Jon Rohan [github/github@b97695c](https://github.com/github/github/commit/b97695c)
* update forms docs to include kitchen sink examples for testing - Mark Otto [github/github@80a7094](https://github.com/github/github/commit/80a7094)
# v0.3.0
* Publishing a new version - Jon Rohan [github/github@eed0e96](https://github.com/github/github/commit/eed0e96)
* Updating octicons to deprecate the use of :symbol - Jon Rohan [github/github@9eb0c63](https://github.com/github/github/commit/9eb0c63)
* It should be on the desktop site - Pat Nakajima [github/github@5080f9d](https://github.com/github/github/commit/5080f9d)
* Adding link to homepage in readme docs - Jon Rohan [github/github@633f421](https://github.com/github/github/commit/633f421)
* Removing some unnecessary lint plugins and using native - Jon Rohan [github/github@2ae0070](https://github.com/github/github/commit/2ae0070)
* including no-utility lint plugin - Jon Rohan [github/github@5cb86ed](https://github.com/github/github/commit/5cb86ed)
* Adding lint plugins for new config - Jon Rohan [github/github@7fb9613](https://github.com/github/github/commit/7fb9613)
# v0.2.2
* Mentioning the build file - Jon Rohan [github/github@64ca4a7](https://github.com/github/github/commit/64ca4a7)
* Including build/build.css in distributed npm module - Jon Rohan [github/github@e4effbf](https://github.com/github/github/commit/e4effbf)
* Updating modules to run on prepublish to include build.css in distribution - Jon Rohan [github/github@5b573a0](https://github.com/github/github/commit/5b573a0)
* Re-ordering the docs to the bottom of the readme - Jon Rohan [github/github@9c1f291](https://github.com/github/github/commit/9c1f291)
* Updating the link - Jon Rohan [github/github@f67684b](https://github.com/github/github/commit/f67684b)
# v0.2.1
* Bumping version to include postcss.json in npm - Jon Rohan [github/github@9e560ba](https://github.com/github/github/commit/9e560ba)
* Using stylelint to lint the modules instead of scss_lint - Jon Rohan [github/github@cb0b8fd](https://github.com/github/github/commit/cb0b8fd)
* Updating for stylelint instead of scss_lint - Jon Rohan [github/github@87a2c68](https://github.com/github/github/commit/87a2c68)
# v0.2.0
* Cutting new version 0.2.0 - Jon Rohan [github/github@a6f6586](https://github.com/github/github/commit/a6f6586)
* Don't link requirements - Jon Rohan [github/github@7740e81](https://github.com/github/github/commit/7740e81)
* Updating the README with more detailed instructions - Jon Rohan [github/github@5dd7c34](https://github.com/github/github/commit/5dd7c34)
* Reorganize the module folders into a more flexible organization - Jon Rohan [github/github@5a07101](https://github.com/github/github/commit/5a07101)
* cleaning up the package.json files - Jon Rohan [github/github@77763a1](https://github.com/github/github/commit/77763a1)
* Adding npm version badges to readme - Jon Rohan [github/github@90b1871](https://github.com/github/github/commit/90b1871)
* Adding tavisci build badges to the readmes - Jon Rohan [github/github@1a6126f](https://github.com/github/github/commit/1a6126f)
# v0.1.0
* Updating support dependency versions - Jon Rohan [github/github@76d97ec](https://github.com/github/github/commit/76d97ec)
* Disable lint - Jon Rohan [github/github@877f9e7](https://github.com/github/github/commit/877f9e7)
* Adding form-validation from old modules in github/github - Jon Rohan [github/github@aa4fcbf](https://github.com/github/github/commit/aa4fcbf)
* Moving forms from primer/primer - Jon Rohan [github/github@edd4f62](https://github.com/github/github/commit/edd4f62)

21
node_modules/primer-forms/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

347
node_modules/primer-forms/README.md generated vendored Normal file
View File

@@ -0,0 +1,347 @@
# Primer CSS Forms
[![npm version](http://img.shields.io/npm/v/primer-forms.svg)](https://www.npmjs.org/package/primer-forms)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Style individual form controls and utilize common layouts.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-forms` with this command.
```
$ npm install --save primer-forms
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-forms/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Forms
status: Stable
-->
Style individual form controls and utilize common layouts.
- We reset several elements' default styles for cross browser consistency and easier manipulation later. This includes `<fieldset>`s, WebKit validation bubbles, and most textual `<input>`s.
- Specific types of textual `<input>`s are styled automatically, but `.form-control` is available should you need it.
- Always declare a `type` on your `<button>`s.
- Form layouts rely on form groups.
#### Kitchen sink
All our inputs and buttons side-by-side for easy testing of sizing and alignment with one another.
```html
<p>
<button class="btn" type="button">Button</button>
<button class="btn select-menu-button" type="button" aria-expanded="false" aria-haspopup="true">
Select menu
</button>
<input class="form-control" type="text" placeholder="Standard input" aria-label="Repository description">
<input class="form-control input-monospace" type="text" placeholder="Monospace input" aria-label="SHA">
<select class="form-select" aria-label="Important decision">
<option>Select</option>
<option value="option 2">Option 2</option>
</select>
</p>
<p>
<button class="btn btn-sm" type="button">Small button</button>
<button class="btn btn-sm select-menu-button" type="button" aria-expanded="false" aria-haspopup="true">
Select menu
</button>
<input class="form-control input-sm" type="text" placeholder="Small input" aria-label="Repository description">
<select class="form-select select-sm" aria-label="Important decision">
<option>Select</option>
<option value="option 1">Option 1</option>
</select>
</p>
```
#### Example form
Form controls in Primer currently have no basic layout specified (this is by design). You'll need to use `<fieldset>`s, `<div>`s, or other elements and styles to rearrange them.
```html
<form>
<label for="name">Name</label>
<input class="form-control" type="text" id="name">
<label for="email">Email address</label>
<input class="form-control" type="email" id="email">
<label>
<input type="checkbox"> Remember me
</label>
<label>
<input type="radio" id="herp" name="herpderp" checked> Herp
</label>
<label>
<input type="radio" id="derp" name="herpderp"> Derp
</label>
<button class="btn" type="submit">Submit</button>
</form>
```
#### Form contrast
Textual form controls have a white background by default. You can change this to a light gray with `.input-contrast`.
```html
<form>
<input class="form-control" type="text" placeholder="Default input" aria-label="Default input">
<input class="form-control input-contrast" type="text" placeholder="Input with contrast" aria-label="Input with contrast">
</form>
```
#### Sizing
Make inputs smaller, larger, or full-width with an additional class.
##### Small
```html
<form>
<input class="form-control input-sm" type="text" placeholder="Small input" aria-label="Small input">
</form>
```
##### Large
```html
<form>
<input class="form-control input-lg" type="text" placeholder="Large input" aria-label="Large input">
</form>
```
##### Block
```html
<form>
<input class="form-control input-block" type="text" placeholder="Full-width input" aria-label="Full-width input">
</form>
```
##### Hide webkit's contact info autofill icon
Webkit sometimes gets confused and tries to add an icon/dropdown to autofill contact information on fields that may not be appropriate (such as input for number of users). Use this class to override the display of this icon.
```html
<form>
<input class="form-control input-hide-webkit-autofill" placeholder="Hide Webkit's contact autofill on this input" type="text" aria-label="Hide Webkit's contact autofill on this input">
</form>
```
#### Selects
Primer adds light `height` and `vertical-align` styles to `<select>`s for all browsers to render them consistently with textual inputs.
```html
<form>
<select class="form-select" aria-label="Preference">
<option>Choose an option</option>
<option>Git</option>
<option>Subversion</option>
<option>Social Coding</option>
<option>Beets</option>
<option>Bears</option>
<option>Battlestar Galactica</option>
</select>
</form>
```
##### Small
Use the `.select-sm` class to resize both default and custom `<select>`s to match the size of [our small buttons](/buttons/#default-buttons).
```html
<select class="form-select select-sm" aria-label="Preference">
<option>Choose an option</option>
<option>Git</option>
<option>Subversion</option>
<option>Social Coding</option>
<option>Beets</option>
<option>Bears</option>
<option>Battlestar Galactica</option>
</select>
<select class="form-select select-sm" aria-label="Preference">
<option>Choose an option</option>
<option>Git</option>
<option>Subversion</option>
<option>Social Coding</option>
<option>Beets</option>
<option>Bears</option>
<option>Battlestar Galactica</option>
</select>
```
#### Form groups
```html
<form>
<dl class="form-group">
<dt><label for="example-text">Example Text</label></dt>
<dd><input class="form-control" type="text" value="Example Value" id="example-text"></dd>
</dl>
<dl class="form-group">
<dt><label for="example-select">Example Select</label></dt>
<dd>
<select class="form-select" id="example-select">
<option>Choose an option</option>
<option>Git</option>
<option>Subversion</option>
<option>Social Coding</option>
<option>Beets</option>
<option>Bears</option>
<option>Battlestar Galactica</option>
</select>
</dd>
</dl>
<dl class="form-group">
<dt><label for="example-textarea">Example Textarea</label></dt>
<dd>
<textarea class="form-control" id="example-textarea"></textarea>
</dd>
</dl>
</form>
```
#### Form group validation
Convey errors and warnings for form groups. Add the appropriate class—either `.errored` or `.warn`—to the `<dl class="form-group">` to start. Then, house your error messaging in an additional `<dd>` with either `.error` or `.warning`.
```html
<form>
<dl class="form-group errored">
<dt><label for="example-text-errored">Example Text</label></dt>
<dd><input class="form-control" type="text" value="Example Value" id="example-text-errored" aria-describedby="form-error-text"></dd>
<dd class="error" id="form-error-text">This example input has an error.</dd>
</dl>
<br>
<dl class="form-group warn">
<dt><label for="example-text-warn">Example Text</label></dt>
<dd><input class="form-control" type="text" value="Example Value" id="example-text-warn" aria-describedby="form-warning-text"></dd>
<dd class="warning" id="form-warning-text">This example input has a warning.</dd>
</dl>
</form>
```
#### Checkboxes and radios
Utilities to spice up the alignment and styling of checkbox and radio controls.
```html
<form>
<div class="form-checkbox">
<label>
<input type="checkbox" checked="checked" aria-describedby="help-text-for-checkbox">
Available for hire
</label>
<p class="note" id="help-text-for-checkbox">
This will do insanely <strong>awesome</strong> and <strong>amazing</strong> things!
</p>
</div>
</form>
```
You may also add emphasis to the label:
```html
<form>
<div class="form-checkbox">
<label>
<input type="checkbox" checked="checked">
<em class="highlight">Available for hire</em>
</label>
</div>
</form>
```
##### Show / hide content based on a checkbox or radio button state
Content that is hidden by default should only be done so if it is non-essential for the context of the surrounding content. Be sure to use the `aria-live="polite"` attribute on the parent label for added content to be announced when displayed.
```html
<form>
<div class="form-checkbox">
<label>
<input type="radio" name="hireme">
Not available for hire
</label>
</div>
<div class="form-checkbox">
<label aria-live="polite">
<input type="radio" class="form-checkbox-details-trigger" name="hireme">
Available for hire
<span class="form-checkbox-details text-normal">
<span class="d-block mb-1">Available hours per week</span>
<input type="text" name="" class="form-control input-contrast" size="3">
<span class="text-small text-gray pl-2">hours per week</span>
</span>
</label>
</div>
</form>
```
#### Input group
Attached an input and button to one another.
```html
<form>
<div class="input-group">
<input class="form-control" type="text" placeholder="Username" aria-label="Username">
<span class="input-group-button">
<button class="btn" type="button" aria-label="Copy to clipboard">
<%= octicon "clippy" %>
</button>
</span>
</div>
</form>
```
#### Form actions
Align buttons to the right—via `float: right` on the buttons—in forms with `.form-actions`. The floats are automatically cleared for you.
```html
<div class="form-actions">
<button type="submit" class="btn btn-primary">Save changes</button>
<button type="button" class="btn">Cancel</button>
</div>
```
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-forms/build/build.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
node_modules/primer-forms/build/index.js generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

5
node_modules/primer-forms/index.scss generated vendored Normal file
View File

@@ -0,0 +1,5 @@
@import "primer-support/index.scss";
@import "./lib/form-control.scss";
@import "./lib/form-select.scss";
@import "./lib/form-group.scss";
@import "./lib/form-validation.scss";

211
node_modules/primer-forms/lib/form-control.scss generated vendored Normal file
View File

@@ -0,0 +1,211 @@
// Needs refactoring
// stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors
// stylelint-disable selector-no-type
// Base form controls
//
// Overrides for common inputs for easier styling.
fieldset {
padding: 0;
margin: 0;
border: 0;
}
label {
font-weight: $font-weight-bold;
}
.form-control,
.form-select {
min-height: 34px;
padding: 6px 8px;
font-size: $body-font-size;
line-height: 20px;
color: $text-gray-dark;
vertical-align: middle;
background-color: $bg-white;
background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
border: 1px solid $border-gray-dark;
border-radius: 3px;
outline: none;
box-shadow: $form-control-shadow;
&.focus,
&:focus {
border-color: $blue-400;
outline: none;
box-shadow: $form-control-shadow, $btn-input-focus-shadow;
}
}
// Inputs with contrast for easy light gray backgrounds against white.
.input-contrast {
background-color: $bg-gray-light;
&:focus { background-color: $bg-white; }
}
// Custom styling for HTML5 validation bubbles (WebKit only)
::placeholder {
color: $text-gray-light;
}
// Mini inputs, to match .minibutton
.input-sm {
min-height: 28px;
padding-top: 3px;
padding-bottom: 3px;
font-size: $font-size-small;
line-height: 20px;
}
// Large inputs
.input-lg {
padding: 4px 10px;
font-size: 16px;
}
// Full-width inputs
.input-block {
display: block;
width: 100%;
}
// Inputs with monospace text
.input-monospace {
font-family: $mono-font;
}
// Hide the icon that tries to autofill contact info in webkit
.input-hide-webkit-autofill {
&::-webkit-contacts-auto-fill-button {
position: absolute;
right: 0;
display: none !important;
pointer-events: none;
visibility: hidden;
}
}
// Checkboxes and Radiobuttons
//
// For checkboxes and radio button selections.
.form-checkbox {
padding-left: 20px;
margin: 15px 0;
vertical-align: middle;
label {
em.highlight {
position: relative;
left: -4px;
padding: 2px 4px;
font-style: normal;
background: $yellow-100;
border-radius: 3px;
}
}
input[type=checkbox],
input[type=radio] {
float: left;
margin: 5px 0 0 -20px;
vertical-align: middle;
}
.note {
display: block;
margin: 0;
font-size: 12px;
font-weight: normal;
color: $gray-600;
}
}
.form-checkbox-details {
display: none;
}
.form-checkbox-details-trigger {
&:checked {
~ * .form-checkbox-details, // child of sibling
~ .form-checkbox-details { // or sibling
display: block;
}
}
}
// Field groups
//
// Wrap field groups in `<div.hfields>` to lay them out horizontally - great for
// the top of pages with autosave.
.hfields {
margin: 15px 0;
@include clearfix;
.form-group {
float: left;
margin: 0 30px 0 0;
dt {
label {
display: inline-block;
margin: 5px 0 0;
color: $gray-600;
}
img {
position: relative;
top: -2px;
}
}
}
.btn {
float: left;
margin: 28px 25px 0 -20px;
}
.form-select { margin-top: 5px; }
}
// Hide the up/down buttons in <input type="number"> in the login form, the
// input is used for two-factor auth codes, type="number" makes it more usable
// on phones
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
margin: 0;
appearance: none;
}
// Input groups
.form-actions {
@include clearfix;
.btn {
float: right;
+ .btn {
margin-right: 5px;
}
}
}
.form-warning {
padding: 8px 10px;
margin: 10px 0;
font-size: 14px;
color: $yellow-900;
background: $yellow-100;
border: 1px solid $border-yellow;
border-radius: 3px;
p {
margin: 0;
line-height: 1.5;
}
a { font-weight: $font-weight-bold; }
}

215
node_modules/primer-forms/lib/form-group.scss generated vendored Normal file
View File

@@ -0,0 +1,215 @@
// Form groups
//
// Typical form groups - `<dl.form-group>` with a `<dt>` containing the label and
// `<dd> containing the form elements.
// stylelint-disable selector-max-compound-selectors
// stylelint-disable selector-no-type
.form-group {
margin: 15px 0;
// Text fields
.form-control {
width: 440px;
max-width: 100%;
margin-right: 5px;
background-color: $bg-gray-light;
&:focus {
background-color: $bg-white;
}
&.shorter { width: 130px; }
&.short { width: 250px; }
&.long { width: 100%; }
}
// Textarea
// stylelint-disable selector-no-qualifying-type
textarea.form-control {
width: 100%;
height: 200px;
min-height: 200px;
&.short {
height: 50px;
min-height: 50px;
}
}
// stylelint-enable selector-no-qualifying-type
// The Label
dt {
margin: 0 0 6px;
}
label {
position: relative;
}
&.flattened dt {
float: left;
margin: 0;
line-height: 32px;
}
&.flattened dd {
line-height: 32px;
}
//
// Form Elements
//
// stylelint-disable selector-no-qualifying-type
dd {
h4 {
margin: 4px 0 0;
&.is-error { color: $text-red; }
&.is-success { color: $text-green; }
+ .note {
margin-top: 0;
}
}
}
// stylelint-enable selector-no-qualifying-type
//
// Variants
//
&.required {
dt label::after {
padding-left: 5px;
color: $text-red;
content: "*";
}
}
// Form AJAX states
//
// Form fields that need feedback for AJAX loading, success
// states and errored states.
.success,
.error,
.indicator {
display: none;
font-size: 12px;
font-weight: $font-weight-bold;
}
&.loading {
opacity: 0.5;
.indicator {
display: inline;
}
.spinner {
display: inline-block;
vertical-align: middle;
}
}
&.successful {
.success {
display: inline;
color: $text-green;
}
}
// Form validation
//
// Our inline errors
&.warn,
&.errored {
.warning,
.error {
position: absolute;
z-index: 10;
display: block; // Show up in errored/warn state
max-width: 450px; // Keep our long errors readable
padding: 5px 8px;
margin: $spacer-1 0 0;
font-size: 13px;
font-weight: normal;
border-style: solid;
border-width: 1px;
border-radius: 3px;
&::after,
&::before {
position: absolute;
bottom: 100%;
left: 10px;
z-index: 15;
width: 0;
height: 0;
pointer-events: none;
content: " ";
border: solid transparent;
}
&::after {
border-width: 5px;
}
&::before {
margin-left: -1px;
border-width: 6px;
}
}
}
&.warn {
.warning {
color: $yellow-900;
background-color: $yellow-100;
border-color: $border-yellow;
&::after {
border-bottom-color: $yellow-100;
}
&::before {
border-bottom-color: $border-yellow;
}
}
}
&.errored {
label {
color: $text-red;
}
.error {
color: $red-900;
background-color: $bg-red-light;
border-color: $border-red-light;
&::after {
border-bottom-color: $bg-red-light;
}
&::before {
border-bottom-color: $border-red-light;
}
}
}
}
.note {
min-height: 17px;
margin: 4px 0 2px;
font-size: 12px;
color: $text-gray;
.spinner {
margin-right: 3px;
vertical-align: middle;
}
}

38
node_modules/primer-forms/lib/form-select.scss generated vendored Normal file
View File

@@ -0,0 +1,38 @@
// Custom select
//
// Apply `.select` to any `<select>` element for custom styles.
.form-select {
display: inline-block;
max-width: 100%;
height: 34px;
// IE9 hacks to reduce padding
padding-right: 24px;
padding-right: 8px \9;
background: $bg-white url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC") no-repeat right 8px center;
// IE9 hacks to hide the background-image
background-image: none \9;
background-size: 8px 10px;
appearance: none;
// Hides the default caret in IE11
&::-ms-expand {
opacity: 0;
}
&[multiple] {
height: auto;
}
}
.select-sm {
height: 28px;
min-height: 28px;
padding-top: 3px;
padding-bottom: 3px;
font-size: $font-size-small;
&[multiple] {
height: auto;
min-height: 0;
}
}

398
node_modules/primer-forms/lib/form-validation.scss generated vendored Normal file
View File

@@ -0,0 +1,398 @@
// Needs refactoring
// stylelint-disable selector-no-qualifying-type, selector-no-type
dl.form-group > dd {
.form-control {
&.is-autocheck-loading,
&.is-autocheck-successful,
&.is-autocheck-errored {
padding-right: 30px; // Leave some space for our validation icons
}
&.is-autocheck-loading {
background-image: url("/images/spinners/octocat-spinner-16px.gif");
}
&.is-autocheck-successful {
background-image: url("/images/modules/ajax/success.png");
}
&.is-autocheck-errored {
background-image: url("/images/modules/ajax/error.png");
}
}
}
// Retinization of form validation icons that aren't octicons yet
@include retina-media-query {
dl.form-group > dd {
.form-control {
&.is-autocheck-loading,
&.is-autocheck-successful,
&.is-autocheck-errored {
background-size: 16px 16px;
}
&.is-autocheck-loading {
background-image: url("/images/spinners/octocat-spinner-32.gif");
}
&.is-autocheck-successful {
background-image: url("/images/modules/ajax/success@2x.png");
}
&.is-autocheck-errored {
background-image: url("/images/modules/ajax/error@2x.png");
}
}
}
}
// Credit cards
//
// A selector for credit cards. Shows all credit cards we have available and
// dims the non-selected ones.
.form-cards {
height: 31px;
margin: 0 0 15px;
.card {
float: left;
width: 47px;
height: 31px;
text-indent: -9999px;
background-image: url("/images/modules/pricing/credit-cards-@1x.png");
background-position: 0 0;
opacity: 0.6;
&.visa { background-position: 0 0; }
&.amex { background-position: -50px 0; }
&.mastercard { background-position: -100px 0; }
&.discover { background-position: -150px 0; }
&.jcb { background-position: -200px 0; }
&.dinersclub { background-position: -250px 0; }
&.enabled { opacity: 1; }
&.disabled { opacity: 0.2; }
}
> .cards {
margin: 0;
> li {
float: left;
margin: 0 4px 0 0;
list-style-type: none;
&.text {
line-height: 31px;
}
}
}
}
@include retina-media-query {
.form-cards > .cards .card {
background-image: url("/images/modules/pricing/credit-cards-@2x.png");
background-size: 300px 31px;
}
}
// Inline verification
// This overrides primer's inline form stuff
.status-indicator {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 5px;
.octicon {
display: none;
}
}
.status-indicator-success {
// Override primer
&::before {
content: "";
}
.octicon-check {
display: inline-block;
color: $green;
fill: $green;
}
.octicon-x {
display: none;
}
}
.status-indicator-failed {
// Override primer
&::before {
content: "";
}
.octicon-check {
display: none;
}
.octicon-x {
display: inline-block;
color: $text-red;
fill: $red;
}
}
.status-indicator-loading {
width: 16px;
background: url("/images/spinners/octocat-spinner-32-EAF2F5.gif") 0 0 no-repeat;
background-size: 16px;
}
.inline-form {
display: inline-block;
.btn-plain {
background-color: transparent;
border: 0;
}
}
// Drag and drop
//
// Previously part of `_forms.scss` in Primer. Needs accounting for.
.drag-and-drop {
padding: 7px 10px;
margin: 0;
font-size: 13px;
line-height: 16px;
color: $text-gray;
background-color: $gray-000;
border: 1px solid darken($gray-300, 5%);
border-top: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
.default,
.loading,
.error {
display: none;
}
.error {
color: $text-red;
}
// Spinner
img {
vertical-align: top;
}
}
.is-default .drag-and-drop .default {
display: inline-block;
}
.is-uploading .drag-and-drop .loading {
display: inline-block;
}
.is-bad-file .drag-and-drop .bad-file {
display: inline-block;
}
.is-duplicate-filename .drag-and-drop .duplicate-filename {
display: inline-block;
}
.is-too-big .drag-and-drop .too-big {
display: inline-block;
}
.is-hidden-file .drag-and-drop .hidden-file {
display: inline-block;
}
.is-empty .drag-and-drop .empty {
display: inline-block;
}
.is-bad-permissions .drag-and-drop .bad-permissions {
display: inline-block;
}
.is-repository-required .drag-and-drop .repository-required {
display: inline-block;
}
.drag-and-drop-error-info {
font-weight: normal;
color: $text-gray;
a {
color: $text-blue;
}
}
.is-failed .drag-and-drop .failed-request {
display: inline-block;
}
.manual-file-chooser {
position: absolute;
width: 240px;
padding: 5px;
margin-left: -80px;
cursor: pointer;
opacity: 0.0001;
}
.manual-file-chooser:hover + .manual-file-chooser-text {
text-decoration: underline;
}
.btn {
// align manual-file-chooser inside a button
.manual-file-chooser {
top: 0;
padding: 0;
line-height: 34px;
}
}
// Focused Textarea styles
.upload-enabled {
textarea {
display: block;
border-bottom: 1px dashed lighten($gray-300, 5%);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
&.focused {
border-radius: 3px;
box-shadow: $form-control-shadow, $btn-input-focus-shadow;
.form-control {
box-shadow: none;
}
.drag-and-drop {
border-color: lighten($blue-400, 8%);
}
}
}
// Dropping a file on top
.dragover textarea,
.dragover .drag-and-drop {
box-shadow: rgba(#c9ff00, 1) 0 0 3px;
}
.write-content {
position: relative;
}
// Form style with a write and a preview tab
.previewable-comment-form {
position: relative;
.tabnav {
position: relative;
padding: $spacer-2 $spacer-2 0;
}
.comment {
border: 1px solid darken($gray-300, 5%);
}
.comment-form-error { margin-bottom: $spacer-2; }
.write-content,
.preview-content {
display: none;
margin: 0 $spacer-2 $spacer-2;
}
&.write-selected .write-content,
&.preview-selected .preview-content {
display: block;
}
textarea {
display: block;
width: 100%;
min-height: 100px;
max-height: 500px;
padding: $spacer-2;
resize: vertical;
}
}
// Used in our boxed-group-less form styles. Give the sumbit button enough space
// to breathe without the need for the extra hr.
.form-action-spacious {
margin-top: 10px;
}
// A two column form, with a .main and a .sidebar column
//
// Override some `.timeline-comment-wrapper` defaults.
// The `div` is needed to be more specific than the other class.
div.composer {
margin-top: 0;
border: 0;
}
// Override the previewable comment form defaults
.composer .comment-form-textarea {
height: 200px;
min-height: 200px;
}
.composer .tabnav { margin: 0 0 10px; }
// Misc CSS
//
// Previously part of `_forms.scss` in Primer. Needs accounting for.
h2.account {
margin: 15px 0 0;
font-size: 18px;
font-weight: normal;
color: $gray-600;
}
p.explain {
position: relative;
font-size: 12px;
color: $gray-600;
strong {
color: $text-gray-dark;
}
.octicon {
margin-right: 5px;
color: $gray-400;
}
.minibutton {
top: -4px;
float: right;
}
}
// fix for chrome bug, see https://github.com/github/github/issues/53931
.form-group label {
position: static;
}

72
node_modules/primer-forms/package.json generated vendored Normal file
View File

@@ -0,0 +1,72 @@
{
"_from": "primer-forms@^1.0.12",
"_id": "primer-forms@1.0.12",
"_inBundle": false,
"_integrity": "sha1-AbmPUIhScvqLeH4gQzeYPlf38BU=",
"_location": "/primer-forms",
"_phantomChildren": {},
"_requested": {
"type": "range",
"registry": true,
"raw": "primer-forms@^1.0.12",
"name": "primer-forms",
"escapedName": "primer-forms",
"rawSpec": "^1.0.12",
"saveSpec": null,
"fetchSpec": "^1.0.12"
},
"_requiredBy": [
"/primer-core",
"/primer-css"
],
"_resolved": "https://registry.npmjs.org/primer-forms/-/primer-forms-1.0.12.tgz",
"_shasum": "01b98f50885272fa8b787e204337983e57f7f015",
"_spec": "primer-forms@^1.0.12",
"_where": "/Users/bkeepers/projects/probot/probot.github.io/node_modules/primer-css",
"author": {
"name": "GitHub, Inc."
},
"bugs": {
"url": "https://github.com/primer/primer-css/issues"
},
"bundleDependencies": false,
"dependencies": {
"primer-support": "^4.0.6"
},
"deprecated": false,
"description": "Style individual form controls and utilize common layouts.",
"devDependencies": {
"primer-module-build": "*",
"stylelint": "*",
"stylelint-config-primer": "*"
},
"files": [
"index.scss",
"lib",
"build"
],
"homepage": "http://primercss.io/",
"keywords": [
"primer",
"css",
"github",
"primercss",
"forms",
"inputs",
"select menus"
],
"license": "MIT",
"main": "build/index.js",
"name": "primer-forms",
"repository": {
"type": "git",
"url": "https://github.com/primer/primer-css/tree/master/packages/primer-forms"
},
"scripts": {
"build": "primer-module-build index.scss",
"prepare": "npm run build",
"test": "npm run build && stylelint **/*.scss -c .stylelintrc.json -s scss"
},
"style": "index.scss",
"version": "1.0.12"
}

46
node_modules/primer-labels/CHANGELOG.md generated vendored Normal file
View File

@@ -0,0 +1,46 @@
# v1.1.0
* remove icon size because it's overkill - broccolini [github/github@e20af9c](https://github.com/github/github/commit/e20af9c)
* add new modifier and use octicons in examples - broccolini [github/github@b208b57](https://github.com/github/github/commit/b208b57)
* em padding for better alignment - broccolini [github/github@21b2c0f](https://github.com/github/github/commit/21b2c0f)
* bump to minor because of new functionality - broccolini [github/github@a2a48f8](https://github.com/github/github/commit/a2a48f8)
* add State--small modifier - broccolini [github/github@7233380](https://github.com/github/github/commit/7233380)
* bump patch version - broccolini [github/github@ebe45c9](https://github.com/github/github/commit/ebe45c9)
* fix typo in readme - broccolini [github/github@1f1ff91](https://github.com/github/github/commit/1f1ff91)
* add feedback issue link to readme - broccolini [github/github@3b69fea](https://github.com/github/github/commit/3b69fea)
* correct travis ci url - broccolini [github/github@6538109](https://github.com/github/github/commit/6538109)
# v1.0.0
* update outlined to outline - broccolini [github/github@a40b29a](https://github.com/github/github/commit/a40b29a)
* add title attributes and why - broccolini [github/github@daceb6b](https://github.com/github/github/commit/daceb6b)
* Improve label description and headings - broccolini [github/github@7cf9200](https://github.com/github/github/commit/7cf9200)
* update base syntax to BEM - broccolini [github/github@fbca227](https://github.com/github/github/commit/fbca227)
* tweak state docs - broccolini [github/github@b2b93a3](https://github.com/github/github/commit/b2b93a3)
* update state-closed syntax - broccolini [github/github@d9f2f18](https://github.com/github/github/commit/d9f2f18)
* update state-merged syntax and class name - broccolini [github/github@ef8f114](https://github.com/github/github/commit/ef8f114)
* remove deprecated styles - broccolini [github/github@d5a6f3a](https://github.com/github/github/commit/d5a6f3a)
* deprecate state-proposed - broccolini [github/github@51052d8](https://github.com/github/github/commit/51052d8)
* change state-open to State--green - broccolini [github/github@3cceff6](https://github.com/github/github/commit/3cceff6)
* improve state docs - broccolini [github/github@f461ef7](https://github.com/github/github/commit/f461ef7)
* deprecate state-renamed - broccolini [github/github@3ccc908](https://github.com/github/github/commit/3ccc908)
* tidy up states css - broccolini [github/github@ba35026](https://github.com/github/github/commit/ba35026)
* deprecate Label--private - broccolini [github/github@4c4f4c3](https://github.com/github/github/commit/4c4f4c3)
* fix hrefs for a11y - broccolini [github/github@f547724](https://github.com/github/github/commit/f547724)
* merge label outline and private styles - broccolini [github/github@0798aea](https://github.com/github/github/commit/0798aea)
* remove private label from docs - broccolini [github/github@39fb41e](https://github.com/github/github/commit/39fb41e)
* fix counter class names in docs - broccolini [github/github@f7aaed1](https://github.com/github/github/commit/f7aaed1)
* update counter class names - broccolini [github/github@37afa73](https://github.com/github/github/commit/37afa73)
* update class names in docs - broccolini [github/github@c8c8bea](https://github.com/github/github/commit/c8c8bea)
* update label naming convention - broccolini [github/github@5958538](https://github.com/github/github/commit/5958538)
* complete label docs with theme descriptions - broccolini [github/github@504399d](https://github.com/github/github/commit/504399d)
* move label-link into custom repo-labels css - broccolini [github/github@2b56021](https://github.com/github/github/commit/2b56021)
* change label-membership-pending to label-orange - broccolini [github/github@8abdc2a](https://github.com/github/github/commit/8abdc2a)
* change label-active to label-green - broccolini [github/github@337dbcd](https://github.com/github/github/commit/337dbcd)
* update label-recommended to label-outlined-green - broccolini [github/github@0caf7b6](https://github.com/github/github/commit/0caf7b6)
* change label-neutral to label-gray-darker - broccolini [github/github@77a6c12](https://github.com/github/github/commit/77a6c12)
* fix typo - broccolini [github/github@53762ed](https://github.com/github/github/commit/53762ed)
* update label-admin to label-gray - broccolini [github/github@a6db40b](https://github.com/github/github/commit/a6db40b)
* basic label and counter docs - broccolini [github/github@ba8f318](https://github.com/github/github/commit/ba8f318)
* change label-generic to label-outlined - broccolini [github/github@dd8e68a](https://github.com/github/github/commit/dd8e68a)
* Move states and counters and labels into labels primer module - broccolini [github/github@ceb22a5](https://github.com/github/github/commit/ceb22a5)

21
node_modules/primer-labels/LICENSE generated vendored Normal file
View File

@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 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
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

185
node_modules/primer-labels/README.md generated vendored Normal file
View File

@@ -0,0 +1,185 @@
# Primer CSS Labels
[![npm version](http://img.shields.io/npm/v/primer-labels.svg)](https://www.npmjs.org/package/primer-labels)
[![Build Status](https://travis-ci.org/primer/primer-css.svg?branch=master)](https://travis-ci.org/primer/primer-css)
> Labels add metadata or indicate status of items and navigational elements.
This repository is a module of the full [primer-css][primer-css] repository.
## Install
This repository is distributed with [npm][npm]. After [installing npm][install-npm], you can install `primer-labels` with this command.
```
$ npm install --save primer-labels
```
## Usage
The source files included are written in [Sass][sass] (`scss`) You can simply point your sass `include-path` at your `node_modules` directory and import it like this.
```scss
@import "primer-labels/index.scss";
```
You can also import specific portions of the module by importing those partials from the `/lib/` folder. _Make sure you import any requirements along with the modules._
## Build
For a compiled **css** version of this module, a npm script is included that will output a css version to `build/build.css` The built css file is also included in the npm package.
```
$ npm run build
```
## Documentation
<!-- %docs
title: Labels
status_issue: https://github.com/github/design-systems/issues/332
status: New release
-->
Labels add metatdata or indicate status of items and navigational elements. Three different types of labels are available: [Labels](#default-label-styles) for adding metadata, [States](#states) for indicating status, and [Counters](#counters) for showing the count for a number of items.
{:toc}
## Labels
The base label component styles the text, adds padding and rounded corners, and an inset box shadow. Labels come in various themes which apply colors and different border styles.
GitHub also programmatically generates and applies a background color for labels on items such as issues and pull requests. Users are able to select any background color and the text color will adjust to work with light and dark background colors.
The base `Label` style does not apply a background color, here's an example using the `bg-blue` utility to apply a blue background:
```html
<span title="Label: default label" class="Label bg-blue">default label</span>
```
**Note:** Be sure to include a title attribute on labels, it's helpful for people using screen-readers to differentiate a label from other text. I.e. without the title attribute, the following example would read as _"New select component design"_, rather than identifying `design` as a label.
```html
<a href="#url">New select component</a><span class="Label bg-blue ml-1">design</span>
```
### Label themes
Labels come in a few different themes. Use a theme that helps communicate the content of the label, and ensure it's used consistently.
Use `Label--gray` to create a label with a light gray background and gray text. This label is neutral in color and can be used in contexts where all you need to communicate is metadata, or whe you want a label to feel less prominent compared with labels with stronger colors.
```html
<span title="Label: gray label" class="Label Label--gray">gray label</span>
```
Use `Label--gray-darker` to create a label with a dark-gray background color. This label is also neutral in color, however, since it's background is darker it can stand out more compared to `Label--gray`.
```html
<span title="Label: dark gray label" class="Label Label--gray-darker">dark gray label</span>
```
Use `Label--orange` to communicate "warning". The orange background color is very close to red, so avoid using next to labels with a red background color since most people will find it hard to tell the difference.
```html
<span title="Label: orange label" class="Label Label--orange">orange label</span>
```
Use `Label--outline` to create a label with gray text, a gray border, and a transparent background. The outline reduces the contrast of this label in combination with filled labels. Use this in contexts where you need it to stand out less than other labels and communicate a neutral message.
```html
<span title="Label: outline label" class="Label Label--outline">outlined label</span>
```
Use `Label--outline-green` in combination with `Label--outline` to communicate a positive message.
```html
<span title="Label: green outline label" class="Label Label--outline Label--outline-green">green outlined label</span>
```
## States
Use state labels to inform users of an items status. States are large labels with bolded text. The default state has a gray background.
```html
<span class="State">Default</span>
```
### State themes
States come in a few variations that apply different colors. Use the state that best communicates the status or function.
```html
<span title="Status: open" class="State State--green"><%= octicon "git-pull-request" %> Open</span>
<span title="Status: closed" class="State State--red"><%= octicon "git-pull-request" %> Closed</span>
<span title="Status: merged" class="State State--purple"><%= octicon "git-merge" %> Merged</span>
```
**Note:** Similar to [labels](#labels), you should include the title attribute on states to differentiate them from other content.
### Small states
Use `State--small` for a state label with reduced padding a smaller font size. This is useful in denser areas of content.
```html
<span title="Status: open" class="State State--green State--small"><%= octicon "issue-opened" %> Open</span>
<span title="Status: closed" class="State State--red State--small"><%= octicon "issue-closed" %> Closed</span>
```
## Counters
Use the `Counter` component to add a count to navigational elements and buttons. Counters come in 3 variations: the default `Counter` with a light gray background, `Counter--gray` with a dark-gray background and inverse white text, and `Counter--gray-light` with a light-gray background and dark gray text.
```html
<span class="Counter">16</span>
<span class="Counter Counter--gray">32</span>
<span class="Counter Counter--gray-light">64</span>
```
Use the `Counter` in navigation to indicate the number of items without the user having to click through or count the items, such as open issues in a GitHub repo. See more options in [navigation](../../core/components/navigation).
```html
<div class="tabnav">
<nav class="tabnav-tabs" aria-label="Foo bar">
<a href="#url" class="tabnav-tab selected" aria-current="page">Foo tab <span class="Counter">23</a>
<a href="#url" class="tabnav-tab">Bar tab</a>
</nav>
</div>
```
Counters can also be used in `Box` headers to indicate the number of items in a list. See more on the [box component](../../core/components/box).
```html
<div class="Box">
<div class="Box-header">
<h3 class="Box-title">
Box title
<span class="Counter Counter--gray">3</span>
</h3>
</div>
<ul>
<li class="Box-row">
Box row one
</li>
<li class="Box-row">
Box row two
</li>
<li class="Box-row">
Box row three
</li>
</ul>
</div>
```
<!-- %enddocs -->
## License
[MIT](./LICENSE) &copy; [GitHub](https://github.com/)
[primer-css]: https://github.com/primer/primer
[docs]: http://primercss.io/
[npm]: https://www.npmjs.com/
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
[sass]: http://sass-lang.com/

1
node_modules/primer-labels/build/build.css generated vendored Normal file
View File

@@ -0,0 +1 @@
.labels{position:relative}.label,.Label{display:inline-block;padding:3px 4px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:2px;box-shadow:inset 0 -1px 0 rgba(27,31,35,0.12)}.label:hover,.Label:hover{text-decoration:none}.Label--gray{color:#586069;background-color:#eaecef}.Label--outline{margin-top:-1px;margin-bottom:-1px;font-weight:normal;color:#586069;background-color:transparent;border:1px solid rgba(27,31,35,0.15);box-shadow:none}.Label--outline-green{color:#28a745;border:1px solid #34d058}.Label--gray-darker{background-color:#6a737d}.Label--orange{background-color:#d15704}.state,.State{display:inline-block;padding:4px 8px;font-weight:600;line-height:20px;color:#fff;text-align:center;background-color:#6a737d;border-radius:3px}.State--green{background-color:#2cbe4e}.State--purple{background-color:#6f42c1}.State--red{background-color:#cb2431}.State--small{padding:0.125em 4px;font-size:12px}.State--small .octicon{width:1em}.Counter{display:inline-block;padding:2px 5px;font-size:12px;font-weight:600;line-height:1;color:#586069;background-color:rgba(27,31,35,0.08);border-radius:20px}.Counter--gray-light{color:#24292e;background-color:rgba(27,31,35,0.15)}.Counter--gray{color:#fff;background-color:#6a737d}

1
node_modules/primer-labels/build/index.js generated vendored Normal file
View File

@@ -0,0 +1 @@
module.exports = {"cssstats":{"size":1247,"gzipSize":499,"humanizedSize":"1kB","humanizedGzipSize":"499B","rules":{"total":17,"size":{"graph":[1,8,1,2,7,2,1,1,8,1,1,1,2,1,8,2,2],"max":8,"average":2.8823529411764706}},"selectors":{"total":20,"type":0,"class":20,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".labels",".label",".Label",".label:hover",".Label:hover",".Label--gray",".Label--outline",".Label--outline-green",".Label--gray-darker",".Label--orange",".state",".State",".State--green",".State--purple",".State--red",".State--small",".State--small .octicon",".Counter",".Counter--gray-light",".Counter--gray"],"specificity":{"max":20,"average":11.5}},"declarations":{"total":49,"unique":36,"properties":{"position":["relative"],"display":["inline-block","inline-block","inline-block"],"padding":["3px 4px","4px 8px","0.125em 4px","2px 5px"],"font-size":["12px","12px","12px"],"font-weight":["600","normal","600","600"],"line-height":["1","20px","1"],"color":["#fff","#586069","#586069","#28a745","#fff","#586069","#24292e","#fff"],"border-radius":["2px","3px","20px"],"box-shadow":["inset 0 -1px 0 rgba(27,31,35,0.12)","none"],"text-decoration":["none"],"background-color":["#eaecef","transparent","#6a737d","#d15704","#6a737d","#2cbe4e","#6f42c1","#cb2431","rgba(27,31,35,0.08)","rgba(27,31,35,0.15)","#6a737d"],"margin-top":["-1px"],"margin-bottom":["-1px"],"border":["1px solid rgba(27,31,35,0.15)","1px solid #34d058"],"text-align":["center"],"width":["1em"]}},"mediaQueries":{"total":0,"unique":0,"values":[],"contents":[]}}}

Some files were not shown because too many files have changed in this diff Show More