primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-09-11 16:36:07 +03:00
Code Issues Projects Releases Wiki Activity

Setup new primer-primitive bundle (#2078)

Browse Source 
* bump

* add index

* add storybook support

* gatsby import

* Create itchy-wasps-refuse.md
This commit is contained in:
Katie Langerman 2022-05-18 18:21:47 -07:00 committed by GitHub
parent faa2ee36c6
commit 92ac0e39e6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 1585 additions and 1171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/itchy-wasps-refuse.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Setup new `primer-primitive` bundle

6
docs/.storybook/main.js
View File

@ -8,5 +8,9 @@ module.exports = {
'@whitespace/storybook-addon-html',
'storybook-addon-designs',
'storybook-color-picker'
]
],
framework: '@storybook/react',
core: {
builder: 'webpack5'
}
}

11
docs/.storybook/preview.js
View File

@ -2,6 +2,17 @@ import '../../src/docs.scss'
import '../../src/index.scss'
import '../../src/base/index.scss'
import '../src/stories/helpers/storybook-styles.scss'
// temporary import until primitives moves to core bundle
// importing the index from /css didn't play nice with Storybook
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/base/size/size.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/base/typography/typography.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/border.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/breakpoints.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-coarse.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-fine.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/viewport.css'
import '../../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/typography/typography.css'
import renderToHTML from '../src/stories/helpers/code-snippet-html-helper'
const customViewports = {

11
docs/gatsby-browser.js Normal file
View File

@ -0,0 +1,11 @@
// temporary import until primitives moves to core bundle
// importing the index from /css didn't play nice with Gatsby
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/base/size/size.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/base/typography/typography.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/border.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/breakpoints.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-coarse.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-fine.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/size.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/size/viewport.css'
import '../node_modules/@primer/primitives/tokens-v2-private/css/tokens/functional/typography/typography.css'

16
docs/package.json
View File

@ -15,7 +15,7 @@
"@primer/gatsby-theme-doctocat": "3.1.1",
"@primer/octicons": "17.0.0",
"@primer/octicons-react": "17.0.0",
"@primer/primitives": "7.3.0",
"@primer/primitives": "7.8.3",
"@svgr/webpack": "5.5.0",
"autoprefixer": "10.4.2",
"babel-preset-gatsby": "^2.11.1",
@ -47,16 +47,18 @@
},
"devDependencies": {
"@babel/core": "^7.16.7",
"@storybook/addon-a11y": "6.4.19",
"@storybook/addon-actions": "^6.4.12",
"@storybook/addon-essentials": "^6.4.12",
"@storybook/addon-links": "^6.4.12",
"@storybook/addon-a11y": "6.5.0",
"@storybook/addon-actions": "^6.5.0",
"@storybook/addon-essentials": "^6.5.0",
"@storybook/addon-links": "^6.5.0",
"@storybook/addon-postcss": "2.0.0",
"@storybook/builder-webpack5": "^6.5.0",
"@storybook/manager-webpack5": "^6.5.0",
"@storybook/preset-scss": "^1.0.3",
"@storybook/react": "6.4.19",
"@storybook/react": "6.5.0",
"@whitespace/storybook-addon-html": "^5.0.0",
"babel-loader": "^8.2.3",
"storybook-addon-designs": "6.2.1",
"storybook-color-picker": "2.3.0"
"storybook-color-picker": "2.3.1"
}
}

2694
docs/yarn.lock
View File

File diff suppressed because it is too large Load Diff

2
package.json
View File

@ -41,7 +41,7 @@
"storybook": "cd docs && yarn && yarn storybook"
},
"dependencies": {
"@primer/primitives": "^7.7.0"
"@primer/primitives": "^7.8.3"
},
"devDependencies": {
"@changesets/changelog-github": "0.4.4",

9
src/primitives/index.scss Normal file
View File

@ -0,0 +1,9 @@
@import '@primer/primitives/tokens-v2-private/css/tokens/base/size/size.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/base/typography/typography.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/border.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/breakpoints.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-coarse.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-fine.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/viewport.css';
@import '@primer/primitives/tokens-v2-private/css/tokens/functional/typography/typography.css';

2
yarn.lock
View File

@ -1162,7 +1162,7 @@
"@nodelib/fs.scandir" "2.1.5"
fastq "^1.6.0"
"@primer/primitives@^7.7.0":
"@primer/primitives@^7.8.3":
version "7.8.3"
resolved "https://registry.yarnpkg.com/@primer/primitives/-/primitives-7.8.3.tgz#de7e03492cf977e99f2417490d76421db9715e9f"
integrity sha512-04ZwfJhpZ0QFwDrJfCuLX6iOh0BflWDTvuoRA80lQH9xk0RtIg16INbruwwtnbSgnKKXXRSykRRJ5BbxnqufRA==