primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-29 14:14:26 +03:00
Code Issues Projects Releases Wiki Activity

Auto-bump: @primer/gatsby-theme-doctocat@0.25.1 (#1169)

Browse Source 
* Upgrading @primer/gatsby-theme-doctocat to 0.25.1

* Add @babel/preset-react to fix Vercel build issue

* Make babel presets regular dependencies

* Fix MDX syntax issue

* Update gatsby and related deps

* doctocat@0.25.2
This commit is contained in:
Michelle Tilley 2020-09-18 11:29:57 -07:00 committed by GitHub
parent fdf5286e71
commit f89b519e3b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12938 additions and 5252 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/.babelrc Normal file
View File

@ -0,0 +1,6 @@
{
"presets": [
"babel-preset-gatsby",
"@babel/preset-react"
]
}

26
docs/content/utilities/colors.mdx
View File

@ -8,14 +8,6 @@ status_issue: 'https://github.com/github/design-systems/issues/97'
import {Box, BorderBox} from '@primer/components'
import {palettes, allColors} from '../../src/color-variables'
import {PaletteTable, PaletteTableFragment, PaletteHeading, PaletteCell, PaletteValue} from '../../src/color-system'
const textColumns = [
{
title: 'Alias',
Cell: props => <PaletteCell.Alias {...props} style={{borderBottom: `1px solid ${props.value} !important`}} />
},
'variable',
{title: 'Value', Cell: PaletteCell.Background, Value: PaletteValue.Value}
]
Use color utilities to apply color to the background of elements, text, and borders.
@ -128,9 +120,23 @@ You can set the color inheritance on an element by using the `text-inherit` clas
### Text color utilities
<PaletteTable columns={textColumns}>
<PaletteTable columns={[
{
title: 'Alias',
Cell: props => <PaletteCell.Alias {...props} style={{borderBottom: `1px solid ${props.value} !important`}} />
},
'variable',
{title: 'Value', Cell: PaletteCell.Background, Value: PaletteValue.Value}
]}>
{palettes.map(({name, title, value}) => (
<PaletteTableFragment name={name} type="text" sparse prefix="color" columns={textColumns}>
<PaletteTableFragment name={name} type="text" sparse prefix="color" columns={[
{
title: 'Alias',
Cell: props => <PaletteCell.Alias {...props} style={{borderBottom: `1px solid ${props.value} !important`}} />
},
'variable',
{title: 'Value', Cell: PaletteCell.Background, Value: PaletteValue.Value}
]}>
<tr>
<PaletteHeading indicatorColor={value} colSpan="4">
{title}

18053
docs/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

11
docs/package.json
View File

@ -9,18 +9,21 @@
"build": "./script/now-build.sh"
},
"dependencies": {
"@babel/preset-react": "^7.10.4",
"@loadable/component": "^5.10.2",
"@primer/components": "^17.1.0",
"@primer/gatsby-theme-doctocat": "^0.20.0",
"@primer/gatsby-theme-doctocat": "^0.25.2",
"@primer/octicons": "^9.1.1",
"@primer/octicons-react": "^9.1.1",
"@svgr/webpack": "^4.3.2",
"autoprefixer": "^9.6.1",
"babel-preset-gatsby": "^0.5.10",
"chroma-js": "^2.0.6",
"gatsby": "^2.10.4",
"core-js": "^3.6.5",
"gatsby": "^2.24.62",
"gatsby-plugin-alias-imports": "^1.0.5",
"gatsby-plugin-google-analytics": "^2.1.7",
"gatsby-plugin-sass": "^2.1.0",
"gatsby-plugin-google-analytics": "^2.3.14",
"gatsby-plugin-sass": "^2.3.13",
"gatsby-plugin-svgr": "^2.0.2",
"postcss-loader": "^3.0.0",
"postcss-node-sass": "^2.1.8",