mirror of
https://github.com/primer/css.git
synced 2024-12-23 22:24:11 +03:00
Merge branch 'dev' into import-input-groups
This commit is contained in:
Shawn Allen
GitHub
commit
107d446093
7
.github/pull_request_template.md
vendored
Normal file
7
.github/pull_request_template.md
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
↖ First, change the base branch from "master" to "dev".
|
||||
|
||||
↑ Next, briefly describe your proposal in the title.
|
||||
|
||||
Finally, tell us more about the change here, in the description.
|
||||
|
||||
/cc @primer/ds-core
|
||||
@ -10,7 +10,7 @@ setOptions({
|
||||
})
|
||||
|
||||
addDecorator(story => (
|
||||
<div className="p-4">
|
||||
<div className='p-4'>
|
||||
{story()}
|
||||
</div>
|
||||
))
|
||||
|
||||
45
.storybook/lib/storiesFromMarkdown.js
Normal file
45
.storybook/lib/storiesFromMarkdown.js
Normal file
@ -0,0 +1,45 @@
|
||||
import remark from 'remark'
|
||||
import parents from 'unist-util-parents'
|
||||
import select from 'unist-util-select'
|
||||
import findBefore from 'unist-util-find-before'
|
||||
import htmlToReact from 'html-to-react'
|
||||
import parsePairs from 'parse-pairs'
|
||||
|
||||
const htmlParser = new htmlToReact.Parser()
|
||||
|
||||
const nodeToStory = (node, file) => {
|
||||
const html = node.value
|
||||
const element = htmlParser.parse(html)
|
||||
const pairs = node.lang.replace(/^html\s*/, '')
|
||||
const attrs = pairs.length ? parsePairs(pairs) : {}
|
||||
const title = attrs.title || getPreviousHeading(node) ||
|
||||
`story @ ${file}:${node.position.start.line}`
|
||||
return {
|
||||
title,
|
||||
story: () => element,
|
||||
attrs,
|
||||
html,
|
||||
file,
|
||||
node,
|
||||
}
|
||||
}
|
||||
|
||||
const getPreviousHeading = node => {
|
||||
const heading = findBefore(node.parent, node, 'heading')
|
||||
return (heading && !heading.used)
|
||||
? (heading.used = true, heading.children.map(c => c.value).join(''))
|
||||
: undefined
|
||||
}
|
||||
|
||||
export default req => {
|
||||
return req.keys().reduce((stories, file) => {
|
||||
const content = req(file)
|
||||
const ast = parents(remark.parse(content))
|
||||
const path = file.replace(/^\.\//, '')
|
||||
return stories.concat(
|
||||
select(ast, 'code[lang^=html]')
|
||||
.map(node => nodeToStory(node, path))
|
||||
.filter(({attrs}) => attrs.story !== "false")
|
||||
)
|
||||
}, [])
|
||||
}
|
||||
@ -5,6 +5,10 @@ const modulesPath = path.resolve(__dirname, "../modules")
|
||||
module.exports = {
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.md$/,
|
||||
use: "raw-loader",
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
loaders: [
|
||||
@ -28,7 +32,7 @@ module.exports = {
|
||||
},
|
||||
],
|
||||
include: modulesPath,
|
||||
}
|
||||
]
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
|
||||
@ -26,6 +26,7 @@ deploy:
|
||||
skip_cleanup: true
|
||||
on:
|
||||
branch: release*
|
||||
tags: false
|
||||
|
||||
# publish "final" releases on master
|
||||
- provider: script
|
||||
@ -33,6 +34,7 @@ deploy:
|
||||
skip_cleanup: true
|
||||
on:
|
||||
branch: master
|
||||
tags: false
|
||||
|
||||
notifications:
|
||||
slack:
|
||||
|
||||
@ -1 +0,0 @@
|
||||
modules/primer-css/CHANGELOG.md
|
||||
271
CHANGELOG.md
Normal file
271
CHANGELOG.md
Normal file
@ -0,0 +1,271 @@
|
||||
# 9.3.0
|
||||
|
||||
## Added
|
||||
- Docs for `primer-layout` (grid), `primer-support`, `primer-utilities`, and `primer-marketing-utilities`
|
||||
- Primer keys for `category` and `module_type` to `package.json` (for use in documentation and gathering stats)
|
||||
|
||||
## Changes
|
||||
- Removes `docs` from `gitignore`
|
||||
- Removes the `^` from all dependencies so that we can publish exact versions
|
||||
- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md`
|
||||
|
||||
# 9.2.0
|
||||
|
||||
## Added
|
||||
|
||||
- Add `test-docs` npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs
|
||||
|
||||
## Changes
|
||||
|
||||
- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284
|
||||
- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
|
||||
- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
|
||||
|
||||
# 9.1.1
|
||||
|
||||
This release updates primer modules to use variables for spacing units instead of pixel values.
|
||||
|
||||
## Changes
|
||||
|
||||
- primer-alerts: 1.2.0 => 1.2.1
|
||||
- primer-avatars: 1.1.0 => 1.1.1
|
||||
- primer-base: 1.2.0 => 1.2.1
|
||||
- primer-blankslate: 1.1.0 => 1.1.1
|
||||
- primer-box: 2.2.0 => 2.2.1
|
||||
- primer-breadcrumb: 1.1.0 => 1.1.1
|
||||
- primer-buttons: 2.1.0 => 2.1.1
|
||||
- primer-cards: 0.2.0 => 0.2.1
|
||||
- primer-core: 6.1.0 => 6.1.1
|
||||
- primer-css: 9.1.0 => 9.1.1
|
||||
- primer-forms: 1.1.0 => 1.1.1
|
||||
- primer-labels: 1.2.0 => 1.2.1
|
||||
- primer-layout: 1.1.0 => 1.1.1
|
||||
- primer-markdown: 3.4.0 => 3.4.1
|
||||
- primer-marketing-type: 1.1.0 => 1.1.1
|
||||
- primer-marketing-utilities: 1.1.0 => 1.1.1
|
||||
- primer-marketing: 5.1.0 => 5.1.1
|
||||
- primer-navigation: 1.1.0 => 1.1.1
|
||||
- primer-page-headers: 1.1.0 => 1.1.1
|
||||
- primer-page-sections: 1.1.0 => 1.1.1
|
||||
- primer-product: 5.1.0 => 5.1.1
|
||||
- primer-support: 4.1.0 => 4.1.1
|
||||
- primer-table-object: 1.1.0 => 1.1.1
|
||||
- primer-tables: 1.1.0 => 1.1.1
|
||||
- primer-tooltips: 1.1.0 => 1.1.1
|
||||
- primer-truncate: 1.1.0 => 1.1.1
|
||||
- primer-utilities: 4.4.0 => 4.4.1
|
||||
|
||||
# 9.1.0
|
||||
|
||||
This release updates our [stylelint config](/primer/stylelint-config-primer) to [v2.0.0](https://github.com/primer/stylelint-config-primer/releases/tag/v2.0.0), and to stylelint v7.13.0. Each module also now has a `lint` npm script, and there are top-level `test` and `lint` scripts that you can use to lint and test all modules in one go.
|
||||
|
||||
This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm.
|
||||
|
||||
# 9.0.0 - Core dependency & repo urls
|
||||
|
||||
We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages.
|
||||
|
||||
See PR [#243](https://github.com/primer/primer-css/pull/243)
|
||||
|
||||
## Changes
|
||||
|
||||
### Primer Core v6.0.0
|
||||
- Fixed `primer-base` dependency to point to latest version
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-base v1.1.5
|
||||
- primer-box v2.1.8
|
||||
- primer-buttons v2.0.6
|
||||
- primer-forms v1.0.13
|
||||
- primer-layout v1.0.5
|
||||
- primer-navigation v1.0.6
|
||||
- primer-support v4.0.7
|
||||
- primer-table-object v1.0.9
|
||||
- primer-tooltips v1.0.2
|
||||
- primer-truncate v1.0.2
|
||||
- primer-utilities v4.3.5
|
||||
|
||||
### Primer Product v5.0.2
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-alerts v1.1.8
|
||||
- primer-avatars v1.0.2
|
||||
- primer-blankslate v1.0.2
|
||||
- primer-labels v1.1.6
|
||||
- primer-markdown v3.3.13
|
||||
- primer-support v4.0.7
|
||||
|
||||
### Primer Marketing v5.0.2
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-breadcrumb v1.0.2
|
||||
- primer-cards v0.1.8
|
||||
- primer-marketing-support v1.0.2
|
||||
- primer-marketing-type v1.0.2
|
||||
- primer-marketing-utilities v1.0.2
|
||||
- primer-page-headers v1.0.2
|
||||
- primer-page-sections v1.0.2
|
||||
- primer-support v4.0.7
|
||||
- primer-tables v1.0.2
|
||||
|
||||
# 8.0.0 - Imports
|
||||
|
||||
Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239)
|
||||
|
||||
|
||||
## Changes
|
||||
|
||||
### Primer Core v5.0.1
|
||||
- Re-ordered imports in `index.scss` to ensure utilities come last in the cascade
|
||||
|
||||
### Primer Product v5.0.1
|
||||
- Re-ordered imports in `index.scss` to move markdown import to end of list to match former setup in GitHub.com
|
||||
|
||||
### Primer Marketing v5.0.1
|
||||
- Re-ordered imports in `index.scss` to ensure marketing utilities come last in the cascade
|
||||
|
||||
# 7.0.0 - Monorepo
|
||||
|
||||
In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
|
||||
|
||||
This is exciting because:
|
||||
|
||||
- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use
|
||||
- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer
|
||||
- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
|
||||
- **we can accept pull requests from external contributors** again!
|
||||
|
||||
See PR for more details on this change: https://github.com/primer/primer-css/pull/230
|
||||
|
||||
## Other changes:
|
||||
|
||||
### Primer Core v4.0.3
|
||||
|
||||
#### primer-support v4.0.5
|
||||
- Update fade color variables to use rgba instead of transparentize color function for better Sass readability
|
||||
- Update support variables and mixins to use new color variables
|
||||
|
||||
#### primer-layout v1.0.3
|
||||
- Update grid gutter styles naming convention and add responsive modifiers
|
||||
- Deprecate `single-column` and `table-column` from layout module
|
||||
- Remove `@include clearfix` from responsive container classes
|
||||
|
||||
#### primer-utilities v4.3.3
|
||||
- Add `show-on-focus` utility class for accessibility
|
||||
- Update typography utilities to use new color variables
|
||||
- Add `.p-responsive` class
|
||||
|
||||
#### primer-base v1.1.3
|
||||
- Update `b` tag font weight to use variable in base styles
|
||||
|
||||
### Primer Marketing v4.0.3
|
||||
|
||||
#### primer-tables
|
||||
- Update marketing table colors to use new variables
|
||||
|
||||
|
||||
# 6.0.0
|
||||
- Add `State--small` to labels module
|
||||
- Fix responsive border utilities
|
||||
- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes
|
||||
- Darken `.box-shadow-extra-large` shadow
|
||||
- Update `.tooltip-multiline` to remove `word-break: break-word` property
|
||||
- Add `.border-purple` utility class
|
||||
- Add responsive border utilities to primer-marketing
|
||||
- Add `ws-normal` utility for `whitespace: normal`
|
||||
- Updated syntax and classnames for `Counters` and `Labels`, moved into combined module with states.
|
||||
|
||||
# 5.1.0
|
||||
- Add negative margin utilities
|
||||
- Move `.d-flex` & `.d-flex-inline` to be with other display utility classes in `visibility-display.scss`
|
||||
- Delete `.shade-gradient` in favor of `.bg-shade-gradient`
|
||||
- Removed alt-body-font variable from primer-marketing
|
||||
- Removed un-used `alt` typography styles from primer-marketing
|
||||
- Add green border utility
|
||||
|
||||
# 5.0.0
|
||||
- Added new border variable and utility, replaced deprecated flash border variables
|
||||
- Updated variable name in form validation
|
||||
- Updated `.sr-only` to not use negative margin
|
||||
- Added and removed border variables and utilities
|
||||
- Add filter utility to Primer Marketing
|
||||
- Removed all custom color variables within Primer-marketing in favor of the new color system
|
||||
- Updated style for form group error display so it is positioned properly
|
||||
- Updated state closed color and text and background pending utilities
|
||||
- Removed local font css file from primer-marketing/support
|
||||
- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules
|
||||
- Added layout utility `.sr-only` for creating screen reader only elements
|
||||
- Added `.flex{-infix}-item-equal` utilities for creating equal width and equal height flex items.
|
||||
- Added `.flex{-infix}-row-reverse` utility for reversing rows of content
|
||||
- Updated `.select-menu-button-large` to use `em` units for sizing of the CSS triangle.
|
||||
- Added `.box-shadow-extra-large` utility for large, diffused shadow
|
||||
- Updated: removed background color from markdown body
|
||||
- Updated: remove background on the only item in an avatar stack
|
||||
- Added form utility `.form-checkbox-details` to allow content to be shown/hidden based on a radio button being checked
|
||||
- Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information
|
||||
|
||||
# 4.7.0
|
||||
- Update primer modules to use bold variable applying `font-weight: 600`
|
||||
|
||||
# 4.6.0
|
||||
- Added `CircleBadge` component for badge-like displays within product/components/avatars
|
||||
- Added Box shadow utilities `box-shadow`, `box-shadow-medium`, `box-shadow-large`, `box-shadow-none`
|
||||
- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial
|
||||
- Added `flex-shrink-0` to address Flexbox Safari bug
|
||||
- Updated: Using spacing variables in the `.flash` component
|
||||
- Updated Box component styles and documentation
|
||||
- Added `.wb-break-all` utility
|
||||
|
||||
# 4.4.0
|
||||
- Adding primer-marketing module to primer
|
||||
- Added red and blue border color variables and utilities
|
||||
- Updated: `$spacer-5` has been changed to `32px` from `36px`
|
||||
- Updated: `$spacer-6` has been changed to `40px` from `48px`
|
||||
- Deprecated `link-blue`, updated `link-gray` and `link-gray-dark`, added `link-hover-blue` - Updated: blankslate module to use support variables for sizing
|
||||
|
||||
# 4.3.0
|
||||
- Renamed `.flex-table` to `.TableObject`
|
||||
- Updated: `$spacer-1` has been changed to `4px` from `3px`
|
||||
- Updated: `$spacer-2` has been changed to `6px` from `8px`
|
||||
- Added: `.text-shadow-dark` & `.text-shadow-light` utilities
|
||||
- Updated: Moved non-framework CSS out of Primer modules. Added `box.scss` to `primer-core`. Added `discussion-timeline.scss` to `primer-product`, and moved `blob-csv.scss` into `/primer-product/markdown` directory
|
||||
- Added: Flex utilities
|
||||
- Refactor: Site typography to use Primer Marketing styles
|
||||
- Added: `.list-style-none` utility
|
||||
- Refactor: Button groups into some cleaner CSS
|
||||
- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css
|
||||
|
||||
|
||||
# 4.2.0
|
||||
- Added: Responsive styles for margin and padding utilities, display, float, and new responsive hide utility, and updates to make typography responsive
|
||||
- Added: new container styles and grid styles with responsive options
|
||||
- Added: updated underline nav styles
|
||||
- Deprecate: Deprecating a lot of color and layout utilities
|
||||
- Added: More type utilities for different weights and larger sizes.
|
||||
- Added: Well defined browser support
|
||||
|
||||
|
||||
# 4.1.0
|
||||
- Added: [primer-markdown](https://github.com/primer/markdown) to the build
|
||||
- Fixes: Pointing "style" package.json to `build/build.css` file.
|
||||
- Added: Update font stack to system fonts
|
||||
- Added: Updated type scale as part of system font update
|
||||
- Added: `.Box` component for replacing boxed groups, simple box, and table-list styles
|
||||
- Added: New type utilities for headings and line-height
|
||||
- Deprecated: `vertical-middle` was replaced with `v-align-middle`.
|
||||
- Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
|
||||
- Added: Changing from font icons to SVG
|
||||
|
||||
# 4.0.2
|
||||
- Added npm build scripts to add `build/build.css` to the npm package
|
||||
|
||||
# 4.0.1
|
||||
- Fixed: missing primer-layout from build
|
||||
|
||||
# 4.0.0
|
||||
- Whole new npm build system, pulling in the code from separate component repos
|
||||
|
||||
# 3.0.0
|
||||
- Added: Animation utilities
|
||||
- Added: Whitespace scale, and margin and padding utilities
|
||||
- Added: Border utilities
|
||||
@ -1,9 +1,9 @@
|
||||
# Primer Marketing CSS Breadcrumb Navigation
|
||||
# Primer CSS Breadcrumb Navigation
|
||||
|
||||
[](https://www.npmjs.org/package/primer-breadcrumb)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
> Breadcrumb navigation for GitHub's marketing pages with parents / grandparents.
|
||||
> Breadcrumb navigation for GitHub's pages with parents / grandparents.
|
||||
|
||||
This repository is a module of the full [primer-css][primer] repository.
|
||||
|
||||
@ -22,7 +22,7 @@ Breadcrumbs are used to show taxonomical context on pages that are many levels d
|
||||
|
||||
#### Usage
|
||||
|
||||
```html
|
||||
```html title="Breadcrumb"
|
||||
<nav aria-label="Breadcrumb">
|
||||
<ol>
|
||||
<li class="breadcrumb-item text-small"><a href="/business">Business</a></li>
|
||||
|
||||
@ -1,4 +1,3 @@
|
||||
// support files
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/breadcrumb.scss";
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
"style": "build/build.css",
|
||||
"main": "build/index.js",
|
||||
"primer": {
|
||||
"category": "marketing",
|
||||
"category": "core",
|
||||
"module_type": "components"
|
||||
},
|
||||
"files": [
|
||||
@ -28,7 +28,6 @@
|
||||
"test": "../../script/npm-run-all build lint test-docs"
|
||||
},
|
||||
"dependencies": {
|
||||
"primer-marketing-support": "1.3.0",
|
||||
"primer-support": "4.3.0"
|
||||
},
|
||||
"keywords": [
|
||||
|
||||
@ -1,13 +1,10 @@
|
||||
import React from 'react'
|
||||
import { storiesOf } from '@storybook/react'
|
||||
import storiesFromMarkdown from '../../.storybook/lib/storiesFromMarkdown'
|
||||
|
||||
storiesOf('Breadcrumb', module)
|
||||
.add('breadcrumb', () => (
|
||||
<nav aria-label='Breadcrumb'>
|
||||
<ol>
|
||||
<li className='breadcrumb-item text-small'><a href='/business'>Business</a></li>
|
||||
<li className='breadcrumb-item text-small'><a href='/business/customers'>Customers</a></li>
|
||||
<li className='breadcrumb-item breadcrumb-item-selected text-small text-gray' aria-current='page'>MailChimp</li>
|
||||
</ol>
|
||||
</nav>
|
||||
))
|
||||
const stories = storiesOf('Breadcrumb', module)
|
||||
|
||||
storiesFromMarkdown(require.context('.', true, /\.md$/))
|
||||
.forEach(({title, story}) => {
|
||||
stories.add(title, story)
|
||||
})
|
||||
@ -1,8 +1,12 @@
|
||||
# Primer Marketing CSS Cards
|
||||
|
||||
# Primer Marketing CSS Cards
|
||||
[](https://www.npmjs.org/package/primer-cards)
|
||||
[](https://travis-ci.org/primer/primer-css)
|
||||
|
||||
# ⚠️ The primer-cards module is being deprecated in the next major version. Use primer-box instead.
|
||||
|
||||
|
||||
|
||||
> Card-like containers to group semantically related content together on marketing websites at GitHub.
|
||||
|
||||
This repository is a module of the full [primer-css][primer] repository.
|
||||
|
||||
@ -1,4 +1,6 @@
|
||||
// support files
|
||||
@warn "primer-cards: The primer-cards module is being deprecated in the next major version. Use primer-box instead.";
|
||||
|
||||
@import "primer-support/index.scss";
|
||||
@import "primer-marketing-support/index.scss";
|
||||
@import "./lib/cards.scss";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "0.4.0",
|
||||
"version": "0.4.1",
|
||||
"name": "primer-cards",
|
||||
"description": "Card-like containers to group semantically related content together on marketing websites at GitHub.",
|
||||
"homepage": "http://primercss.io/",
|
||||
|
||||
@ -16,6 +16,7 @@
|
||||
// Core modules
|
||||
@import "primer-base/index.scss";
|
||||
@import "primer-box/index.scss";
|
||||
@import "primer-breadcrumb/index.scss";
|
||||
@import "primer-buttons/index.scss";
|
||||
@import "primer-table-object/index.scss";
|
||||
@import "primer-forms/index.scss";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "6.3.0",
|
||||
"version": "6.3.1",
|
||||
"name": "primer-core",
|
||||
"description": "Primer CSS's core modules",
|
||||
"homepage": "http://primercss.io/",
|
||||
@ -28,14 +28,15 @@
|
||||
"dependencies": {
|
||||
"primer-base": "1.4.0",
|
||||
"primer-box": "2.4.0",
|
||||
"primer-breadcrumb": "1.3.0",
|
||||
"primer-buttons": "2.3.0",
|
||||
"primer-forms": "1.3.0",
|
||||
"primer-forms": "1.3.1",
|
||||
"primer-layout": "1.3.0",
|
||||
"primer-navigation": "1.3.0",
|
||||
"primer-support": "4.3.0",
|
||||
"primer-table-object": "1.3.0",
|
||||
"primer-tooltips": "1.3.0",
|
||||
"primer-truncate": "1.3.0",
|
||||
"primer-utilities": "4.6.0"
|
||||
"primer-utilities": "4.7.0"
|
||||
}
|
||||
}
|
||||
|
||||
@ -1,271 +0,0 @@
|
||||
# 9.3.0
|
||||
|
||||
## Added
|
||||
- Docs for `primer-layout` (grid), `primer-support`, `primer-utilities`, and `primer-marketing-utilities`
|
||||
- Primer keys for `category` and `module_type` to `package.json` (for use in documentation and gathering stats)
|
||||
|
||||
## Changes
|
||||
- Removes `docs` from `gitignore`
|
||||
- Removes the `^` from all dependencies so that we can publish exact versions
|
||||
- Consolidates release notes from various sources into one changelog located in `/modules/primer-css/CHANGELOG.md`
|
||||
|
||||
# 9.2.0
|
||||
|
||||
## Added
|
||||
|
||||
- Add `test-docs` npm script in each module to check that every CSS class is documented (or at least mentioned) in the module's own markdown docs
|
||||
|
||||
## Changes
|
||||
|
||||
- Remove per-module configurations (`.gitignore`, `.postcss.json`, `.stylelintrc.json`) and `CHANGELOG.md` files in #284
|
||||
- Replace most static `font-size`, `font-weight`, and `line-height` CSS property values with their [SCSS variable equivalents](https://github.com/primer/primer-css/blob/c9ea37316fbb73c4d9931c52b42bc197260c0bf6/modules/primer-support/lib/variables/typography.scss#L12-L33) in #252
|
||||
- Refactor CI scripts to use Travis conditional deployment for release candidate and final release publish steps in #290
|
||||
|
||||
# 9.1.1
|
||||
|
||||
This release updates primer modules to use variables for spacing units instead of pixel values.
|
||||
|
||||
## Changes
|
||||
|
||||
- primer-alerts: 1.2.0 => 1.2.1
|
||||
- primer-avatars: 1.1.0 => 1.1.1
|
||||
- primer-base: 1.2.0 => 1.2.1
|
||||
- primer-blankslate: 1.1.0 => 1.1.1
|
||||
- primer-box: 2.2.0 => 2.2.1
|
||||
- primer-breadcrumb: 1.1.0 => 1.1.1
|
||||
- primer-buttons: 2.1.0 => 2.1.1
|
||||
- primer-cards: 0.2.0 => 0.2.1
|
||||
- primer-core: 6.1.0 => 6.1.1
|
||||
- primer-css: 9.1.0 => 9.1.1
|
||||
- primer-forms: 1.1.0 => 1.1.1
|
||||
- primer-labels: 1.2.0 => 1.2.1
|
||||
- primer-layout: 1.1.0 => 1.1.1
|
||||
- primer-markdown: 3.4.0 => 3.4.1
|
||||
- primer-marketing-type: 1.1.0 => 1.1.1
|
||||
- primer-marketing-utilities: 1.1.0 => 1.1.1
|
||||
- primer-marketing: 5.1.0 => 5.1.1
|
||||
- primer-navigation: 1.1.0 => 1.1.1
|
||||
- primer-page-headers: 1.1.0 => 1.1.1
|
||||
- primer-page-sections: 1.1.0 => 1.1.1
|
||||
- primer-product: 5.1.0 => 5.1.1
|
||||
- primer-support: 4.1.0 => 4.1.1
|
||||
- primer-table-object: 1.1.0 => 1.1.1
|
||||
- primer-tables: 1.1.0 => 1.1.1
|
||||
- primer-tooltips: 1.1.0 => 1.1.1
|
||||
- primer-truncate: 1.1.0 => 1.1.1
|
||||
- primer-utilities: 4.4.0 => 4.4.1
|
||||
|
||||
# 9.1.0
|
||||
|
||||
This release updates our [stylelint config](/primer/stylelint-config-primer) to [v2.0.0](https://github.com/primer/stylelint-config-primer/releases/tag/v2.0.0), and to stylelint v7.13.0. Each module also now has a `lint` npm script, and there are top-level `test` and `lint` scripts that you can use to lint and test all modules in one go.
|
||||
|
||||
This release also includes major improvements to our Travis build scripts to automatically publish PR builds, release candidates, and the "final" versions to npm.
|
||||
|
||||
# 9.0.0 - Core dependency & repo urls
|
||||
|
||||
We discovered that `primer-core` specified and outdated version of `primer-base` in it's dependencies. The outdated version did not have `normalize.scss` included which could cause some issues. This has issue occurred during v7.0.0 when creating the new monorepo. Also fixes repo urls in `package.json` for individual packages.
|
||||
|
||||
See PR [#243](https://github.com/primer/primer-css/pull/243)
|
||||
|
||||
## Changes
|
||||
|
||||
### Primer Core v6.0.0
|
||||
- Fixed `primer-base` dependency to point to latest version
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-base v1.1.5
|
||||
- primer-box v2.1.8
|
||||
- primer-buttons v2.0.6
|
||||
- primer-forms v1.0.13
|
||||
- primer-layout v1.0.5
|
||||
- primer-navigation v1.0.6
|
||||
- primer-support v4.0.7
|
||||
- primer-table-object v1.0.9
|
||||
- primer-tooltips v1.0.2
|
||||
- primer-truncate v1.0.2
|
||||
- primer-utilities v4.3.5
|
||||
|
||||
### Primer Product v5.0.2
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-alerts v1.1.8
|
||||
- primer-avatars v1.0.2
|
||||
- primer-blankslate v1.0.2
|
||||
- primer-labels v1.1.6
|
||||
- primer-markdown v3.3.13
|
||||
- primer-support v4.0.7
|
||||
|
||||
### Primer Marketing v5.0.2
|
||||
|
||||
**Repo urls corrected from `packages` to `modules` in:**
|
||||
- primer-breadcrumb v1.0.2
|
||||
- primer-cards v0.1.8
|
||||
- primer-marketing-support v1.0.2
|
||||
- primer-marketing-type v1.0.2
|
||||
- primer-marketing-utilities v1.0.2
|
||||
- primer-page-headers v1.0.2
|
||||
- primer-page-sections v1.0.2
|
||||
- primer-support v4.0.7
|
||||
- primer-tables v1.0.2
|
||||
|
||||
# 8.0.0 - Imports
|
||||
|
||||
Fixes issues with the ordering of imports in each of our meta-packages. See PR [#239](https://github.com/primer/primer-css/pull/239)
|
||||
|
||||
|
||||
## Changes
|
||||
|
||||
### Primer Core v5.0.1
|
||||
- Re-ordered imports in `index.scss` to ensure utilities come last in the cascade
|
||||
|
||||
### Primer Product v5.0.1
|
||||
- Re-ordered imports in `index.scss` to move markdown import to end of list to match former setup in GitHub.com
|
||||
|
||||
### Primer Marketing v5.0.1
|
||||
- Re-ordered imports in `index.scss` to ensure marketing utilities come last in the cascade
|
||||
|
||||
# 7.0.0 - Monorepo
|
||||
|
||||
In an effort to improve our publishing workflow we turned Primer CSS into a monorepo, made this repo the source of truth for Primer by removing Primer modules from GitHub, and setup Lerna for managing multiple packages and maintaining independent versioning for all our modules.
|
||||
|
||||
This is exciting because:
|
||||
|
||||
- we can spend less time hunting down the cause of a broken build and more time focussing on making Primer more useful and robust for everyone to use
|
||||
- we can be more confident that changes we publish won't cause unexpected problems on GitHub.com and many other GitHub websites that use Primer
|
||||
- we no longer have files like package.json, scripts, and readme's in the GitHub app that don't really belong there
|
||||
- **we can accept pull requests from external contributors** again!
|
||||
|
||||
See PR for more details on this change: https://github.com/primer/primer-css/pull/230
|
||||
|
||||
## Other changes:
|
||||
|
||||
### Primer Core v4.0.3
|
||||
|
||||
#### primer-support v4.0.5
|
||||
- Update fade color variables to use rgba instead of transparentize color function for better Sass readability
|
||||
- Update support variables and mixins to use new color variables
|
||||
|
||||
#### primer-layout v1.0.3
|
||||
- Update grid gutter styles naming convention and add responsive modifiers
|
||||
- Deprecate `single-column` and `table-column` from layout module
|
||||
- Remove `@include clearfix` from responsive container classes
|
||||
|
||||
#### primer-utilities v4.3.3
|
||||
- Add `show-on-focus` utility class for accessibility
|
||||
- Update typography utilities to use new color variables
|
||||
- Add `.p-responsive` class
|
||||
|
||||
#### primer-base v1.1.3
|
||||
- Update `b` tag font weight to use variable in base styles
|
||||
|
||||
### Primer Marketing v4.0.3
|
||||
|
||||
#### primer-tables
|
||||
- Update marketing table colors to use new variables
|
||||
|
||||
|
||||
# 6.0.0
|
||||
- Add `State--small` to labels module
|
||||
- Fix responsive border utilities
|
||||
- Added and updated typography variables and mixins; updated variables used in typography utilities; updated margin, padding, and typography readmes
|
||||
- Darken `.box-shadow-extra-large` shadow
|
||||
- Update `.tooltip-multiline` to remove `word-break: break-word` property
|
||||
- Add `.border-purple` utility class
|
||||
- Add responsive border utilities to primer-marketing
|
||||
- Add `ws-normal` utility for `whitespace: normal`
|
||||
- Updated syntax and classnames for `Counters` and `Labels`, moved into combined module with states.
|
||||
|
||||
# 5.1.0
|
||||
- Add negative margin utilities
|
||||
- Move `.d-flex` & `.d-flex-inline` to be with other display utility classes in `visibility-display.scss`
|
||||
- Delete `.shade-gradient` in favor of `.bg-shade-gradient`
|
||||
- Removed alt-body-font variable from primer-marketing
|
||||
- Removed un-used `alt` typography styles from primer-marketing
|
||||
- Add green border utility
|
||||
|
||||
# 5.0.0
|
||||
- Added new border variable and utility, replaced deprecated flash border variables
|
||||
- Updated variable name in form validation
|
||||
- Updated `.sr-only` to not use negative margin
|
||||
- Added and removed border variables and utilities
|
||||
- Add filter utility to Primer Marketing
|
||||
- Removed all custom color variables within Primer-marketing in favor of the new color system
|
||||
- Updated style for form group error display so it is positioned properly
|
||||
- Updated state closed color and text and background pending utilities
|
||||
- Removed local font css file from primer-marketing/support
|
||||
- Updated all color variables and replaced 579 hex refs across modules with new variables, added additional shades to start introducing a new color system which required updating nearly all primer modules
|
||||
- Added layout utility `.sr-only` for creating screen reader only elements
|
||||
- Added `.flex{-infix}-item-equal` utilities for creating equal width and equal height flex items.
|
||||
- Added `.flex{-infix}-row-reverse` utility for reversing rows of content
|
||||
- Updated `.select-menu-button-large` to use `em` units for sizing of the CSS triangle.
|
||||
- Added `.box-shadow-extra-large` utility for large, diffused shadow
|
||||
- Updated: removed background color from markdown body
|
||||
- Updated: remove background on the only item in an avatar stack
|
||||
- Added form utility `.form-checkbox-details` to allow content to be shown/hidden based on a radio button being checked
|
||||
- Added form utility to override Webkit's incorrect assumption of where to try to autofill contact information
|
||||
|
||||
# 4.7.0
|
||||
- Update primer modules to use bold variable applying `font-weight: 600`
|
||||
|
||||
# 4.6.0
|
||||
- Added `CircleBadge` component for badge-like displays within product/components/avatars
|
||||
- Added Box shadow utilities `box-shadow`, `box-shadow-medium`, `box-shadow-large`, `box-shadow-none`
|
||||
- Moved visibility and display utilities to separate partial at the end of the imports list, moved flexbox to it's own partial
|
||||
- Added `flex-shrink-0` to address Flexbox Safari bug
|
||||
- Updated: Using spacing variables in the `.flash` component
|
||||
- Updated Box component styles and documentation
|
||||
- Added `.wb-break-all` utility
|
||||
|
||||
# 4.4.0
|
||||
- Adding primer-marketing module to primer
|
||||
- Added red and blue border color variables and utilities
|
||||
- Updated: `$spacer-5` has been changed to `32px` from `36px`
|
||||
- Updated: `$spacer-6` has been changed to `40px` from `48px`
|
||||
- Deprecated `link-blue`, updated `link-gray` and `link-gray-dark`, added `link-hover-blue` - Updated: blankslate module to use support variables for sizing
|
||||
|
||||
# 4.3.0
|
||||
- Renamed `.flex-table` to `.TableObject`
|
||||
- Updated: `$spacer-1` has been changed to `4px` from `3px`
|
||||
- Updated: `$spacer-2` has been changed to `6px` from `8px`
|
||||
- Added: `.text-shadow-dark` & `.text-shadow-light` utilities
|
||||
- Updated: Moved non-framework CSS out of Primer modules. Added `box.scss` to `primer-core`. Added `discussion-timeline.scss` to `primer-product`, and moved `blob-csv.scss` into `/primer-product/markdown` directory
|
||||
- Added: Flex utilities
|
||||
- Refactor: Site typography to use Primer Marketing styles
|
||||
- Added: `.list-style-none` utility
|
||||
- Refactor: Button groups into some cleaner CSS
|
||||
- Updated: Reorganizing how we separate primer-core, primer-product, primer-marketing css
|
||||
|
||||
|
||||
# 4.2.0
|
||||
- Added: Responsive styles for margin and padding utilities, display, float, and new responsive hide utility, and updates to make typography responsive
|
||||
- Added: new container styles and grid styles with responsive options
|
||||
- Added: updated underline nav styles
|
||||
- Deprecate: Deprecating a lot of color and layout utilities
|
||||
- Added: More type utilities for different weights and larger sizes.
|
||||
- Added: Well defined browser support
|
||||
|
||||
|
||||
# 4.1.0
|
||||
- Added: [primer-markdown](https://github.com/primer/markdown) to the build
|
||||
- Fixes: Pointing "style" package.json to `build/build.css` file.
|
||||
- Added: Update font stack to system fonts
|
||||
- Added: Updated type scale as part of system font update
|
||||
- Added: `.Box` component for replacing boxed groups, simple box, and table-list styles
|
||||
- Added: New type utilities for headings and line-height
|
||||
- Deprecated: `vertical-middle` was replaced with `v-align-middle`.
|
||||
- Added: Layout utilities for vertical alignment, overflow, width and height, visibility, and display table
|
||||
- Added: Changing from font icons to SVG
|
||||
|
||||
# 4.0.2
|
||||
- Added npm build scripts to add `build/build.css` to the npm package
|
||||
|
||||
# 4.0.1
|
||||
- Fixed: missing primer-layout from build
|
||||
|
||||
# 4.0.0
|
||||
- Whole new npm build system, pulling in the code from separate component repos
|
||||
|
||||
# 3.0.0
|
||||
- Added: Animation utilities
|
||||
- Added: Whitespace scale, and margin and padding utilities
|
||||
- Added: Border utilities
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "9.3.0",
|
||||
"version": "9.4.0",
|
||||
"name": "primer-css",
|
||||
"description": "Primer is the CSS framework that powers GitHub's front-end design. Primer-css includes 23 packages that are grouped into 3 core meta-packages for easy install. Each package and meta-package is independently versioned and distributed via npm, so it's easy to include all or part of Primer within your own project.",
|
||||
"homepage": "http://primercss.io/",
|
||||
@ -34,27 +34,27 @@
|
||||
"primer-box": "2.4.0",
|
||||
"primer-breadcrumb": "1.3.0",
|
||||
"primer-buttons": "2.3.0",
|
||||
"primer-cards": "0.4.0",
|
||||
"primer-core": "6.3.0",
|
||||
"primer-cards": "0.4.1",
|
||||
"primer-core": "6.3.1",
|
||||
"primer-dropdown": "0.1.0",
|
||||
"primer-forms": "1.3.0",
|
||||
"primer-forms": "1.3.1",
|
||||
"primer-labels": "1.4.0",
|
||||
"primer-layout": "1.3.0",
|
||||
"primer-markdown": "3.6.0",
|
||||
"primer-marketing": "5.3.0",
|
||||
"primer-marketing": "5.3.1",
|
||||
"primer-marketing-support": "1.3.0",
|
||||
"primer-marketing-type": "1.3.0",
|
||||
"primer-marketing-utilities": "1.3.0",
|
||||
"primer-navigation": "1.3.0",
|
||||
"primer-page-headers": "1.3.0",
|
||||
"primer-page-sections": "1.3.0",
|
||||
"primer-product": "5.3.0",
|
||||
"primer-product": "5.3.1",
|
||||
"primer-support": "4.3.0",
|
||||
"primer-table-object": "1.3.0",
|
||||
"primer-tables": "1.3.0",
|
||||
"primer-tooltips": "1.3.0",
|
||||
"primer-truncate": "1.3.0",
|
||||
"primer-utilities": "4.6.0"
|
||||
"primer-utilities": "4.7.0"
|
||||
},
|
||||
"keywords": [
|
||||
"primer",
|
||||
|
||||
@ -52,6 +52,8 @@ dl.form-group > dd {
|
||||
// A selector for credit cards. Shows all credit cards we have available and
|
||||
// dims the non-selected ones.
|
||||
|
||||
@warn "primer-forms: The credit cards component is being deprecated in next major version.";
|
||||
|
||||
.form-cards {
|
||||
height: 31px;
|
||||
margin: 0 0 15px;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "1.3.0",
|
||||
"version": "1.3.1",
|
||||
"name": "primer-forms",
|
||||
"description": "Style individual form controls and utilize common layouts.",
|
||||
"homepage": "http://primercss.io/",
|
||||
|
||||
@ -16,7 +16,6 @@
|
||||
|
||||
// marketing specific css modules
|
||||
@import "primer-marketing-type/index.scss";
|
||||
@import "primer-breadcrumb/index.scss";
|
||||
@import "primer-cards/index.scss";
|
||||
@import "primer-page-headers/index.scss";
|
||||
@import "primer-page-sections/index.scss";
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "5.3.0",
|
||||
"version": "5.3.1",
|
||||
"name": "primer-marketing",
|
||||
"description": "Primer CSS marketing packages",
|
||||
"homepage": "http://primercss.io/",
|
||||
@ -27,7 +27,7 @@
|
||||
},
|
||||
"dependencies": {
|
||||
"primer-breadcrumb": "1.3.0",
|
||||
"primer-cards": "0.4.0",
|
||||
"primer-cards": "0.4.1",
|
||||
"primer-marketing-support": "1.3.0",
|
||||
"primer-marketing-type": "1.3.0",
|
||||
"primer-marketing-utilities": "1.3.0",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "5.3.0",
|
||||
"version": "5.3.1",
|
||||
"name": "primer-product",
|
||||
"description": "Primer CSS's product modules",
|
||||
"homepage": "http://primercss.io/",
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
{
|
||||
"version": "4.6.0",
|
||||
"version": "4.7.0",
|
||||
"name": "primer-utilities",
|
||||
"description": "Immutable, atomic CSS classes to rapidly build product",
|
||||
"homepage": "http://primercss.io/",
|
||||
|
||||
@ -11,7 +11,7 @@
|
||||
"release-pr": "script/release-pr",
|
||||
"release-candidate": "script/release-candidate",
|
||||
"release": "script/release",
|
||||
"bump": "lerna publish --exact --skip-npm",
|
||||
"bump": "lerna publish --exact --skip-npm --since \"v$(npm info primer-css version)\"",
|
||||
"new-module": "script/new-module",
|
||||
"test": "lerna run test"
|
||||
},
|
||||
@ -24,20 +24,27 @@
|
||||
"commit-status": "^4.1.0",
|
||||
"css-loader": "^0.28.4",
|
||||
"glob": "^7.1.2",
|
||||
"html-to-react": "^1.2.11",
|
||||
"lerna": "^2.0.0",
|
||||
"node-sass": "^4.5.3",
|
||||
"npm-run-all": "^4.0.2",
|
||||
"octicons": "^6.0.1",
|
||||
"parse-pairs": "^0.2.2",
|
||||
"postcss-loader": "^2.0.6",
|
||||
"primer-module-build": "^1.0.2",
|
||||
"raw-loader": "^0.5.1",
|
||||
"react": "^15.6.1",
|
||||
"react-dom": "^15.6.1",
|
||||
"react-svg-inline": "^2.0.0",
|
||||
"remark": "^8.0.0",
|
||||
"sass-loader": "^6.0.6",
|
||||
"semver": "^5.3.0",
|
||||
"style-loader": "^0.18.2",
|
||||
"stylelint": "^7.13.0",
|
||||
"stylelint-config-primer": "^2.0.0",
|
||||
"unist-util-find-before": "^2.0.1",
|
||||
"unist-util-parents": "^1.0.0",
|
||||
"unist-util-select": "^1.5.0",
|
||||
"yo": "^2.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user