@primer/css 22.0.2-rc.fee73cfa → 22.1.0-rc.546c7206
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +9 -30
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/meta.json +44 -44
- package/dist/primer.css +1 -1
- package/dist/primer.css.map +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/forms/form-control.scss +2 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @primer/css
|
|
2
2
|
|
|
3
|
+
## 22.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#2907](https://github.com/primer/css/pull/2907) [`67109bd`](https://github.com/primer/css/commit/67109bda0dcd7e191c3071f5eb58006fdbe4e3c8) Thanks [@langermank](https://github.com/langermank)! - Change `contrast` input background to `bgColor-default`
|
|
8
|
+
|
|
3
9
|
## 22.0.2
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/README.md
CHANGED
|
@@ -1,35 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
</p>
|
|
1
|
+
# Primer CSS
|
|
2
|
+
The CSS implementation of GitHub's Primer Design System
|
|
4
3
|
|
|
5
|
-
|
|
4
|
+
[](https://www.npmjs.com/package/@primer/css)
|
|
5
|
+
[](https://github.com/primer/css/actions/workflows/ci.yml)
|
|
6
|
+
[](https://github.com/primer/css/graphs/contributors)
|
|
7
|
+
[](https://github.com/primer/css/commits/main)
|
|
8
|
+
[](https://github.com/primer/css/blob/main/LICENSE)
|
|
6
9
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
<p align="center">
|
|
10
|
-
<a aria-label="npm package" href="https://www.npmjs.com/package/@primer/css">
|
|
11
|
-
<img alt="" src="https://img.shields.io/npm/v/@primer/css.svg">
|
|
12
|
-
</a>
|
|
13
|
-
<a aria-label="build status" href="https://github.com/primer/css/actions/workflows/ci.yml">
|
|
14
|
-
<img alt="" src="https://github.com/primer/css/actions/workflows/ci.yml/badge.svg">
|
|
15
|
-
</a>
|
|
16
|
-
<a aria-label="contributors graph" href="https://github.com/primer/css/graphs/contributors">
|
|
17
|
-
<img alt="" src="https://img.shields.io/github/contributors/primer/css.svg">
|
|
18
|
-
</a>
|
|
19
|
-
<a aria-label="last commit" href="https://github.com/primer/css/commits/main">
|
|
20
|
-
<img alt="" src="https://img.shields.io/github/last-commit/primer/css.svg">
|
|
21
|
-
</a>
|
|
22
|
-
<a aria-label="license" href="https://github.com/primer/css/blob/main/LICENSE">
|
|
23
|
-
<img src="https://img.shields.io/github/license/primer/css.svg" alt="">
|
|
24
|
-
</a>
|
|
25
|
-
</p>
|
|
10
|
+
> :warning: **This project is in KTLO mode!** Use existing utility classes from this project where needed. For more complete patterns that include styling and markup, please use [primer/react](https://github.com/primer/react) or, if necessary, [primer/view_components](https://github.com/primer/view_components).
|
|
26
11
|
|
|
27
12
|
## Documentation
|
|
28
|
-
|
|
29
|
-
> :warning: It is encouraged that you use [primer/react](https://github.com/primer/react) and [primer/view_components](https://github.com/primer/view_components) for styling and markup.
|
|
30
|
-
|
|
31
|
-
> :warning: **The documentation of this repo is not maintained anymore**. Please raise any documentation-specific pull requests in [primer.style/design](https://github.com/primer/design/)
|
|
32
|
-
|
|
33
13
|
Our documentation site lives at [primer.style/css](https://primer.style/css). You'll be able to find detailed documentation on getting started, all of the components, our theme, our principles, and more.
|
|
34
14
|
|
|
35
15
|
## Install
|
|
@@ -40,7 +20,7 @@ npm install --save @primer/css
|
|
|
40
20
|
```
|
|
41
21
|
|
|
42
22
|
## Usage
|
|
43
|
-
The included source files are written in [Sass] using SCSS syntax.
|
|
23
|
+
The included source files are written in [Sass] using SCSS syntax. Once installed, you can add your project's `node_modules` directory to your Sass [include paths](https://github.com/sass/node-sass#includepaths) (AKA [load paths](http://technology.customink.com/blog/2014/10/09/understanding-and-using-sass-load-paths/) in Ruby), then import it like this:
|
|
44
24
|
|
|
45
25
|
```scss
|
|
46
26
|
@import "@primer/css/index.scss";
|
|
@@ -67,5 +47,4 @@ You can find docs about our release process in [RELEASING.md](RELEASING.md).
|
|
|
67
47
|
|
|
68
48
|
[install-npm]: https://docs.npmjs.com/getting-started/installing-node
|
|
69
49
|
[npm]: https://www.npmjs.com/
|
|
70
|
-
[primer]: https://primer.style/
|
|
71
50
|
[sass]: http://sass-lang.com/
|