pdap-design-system 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CONTRIBUTING.md +4 -0
- package/LICENSE +21 -0
- package/README.md +24 -0
- package/docs/getting-started.md +6 -0
- package/package.json +22 -0
- package/system/css/global-styles.css +726 -0
- package/system/css/normalize.css +349 -0
- package/system/demo.html +184 -0
- package/system/images/acronym.svg +16 -0
- package/system/images/favicon.png +0 -0
- package/system/images/icons/automation.svg +50 -0
- package/system/images/icons/community.svg +38 -0
- package/system/images/icons/scrapers.svg +64 -0
- package/system/images/icons/sources.svg +43 -0
- package/system/images/icons/standard.svg +38 -0
- package/system/images/lockup.svg +68 -0
- package/system/images/logo.svg +8 -0
- package/system/images/webclip.gif +0 -0
package/CONTRIBUTING.md
ADDED
package/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2023 Police Data Accessibility Project
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
13
|
+
copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# Design System
|
2
|
+
These are styling resources like CSS and templates for new PDAP microservices or branded web projects.
|
3
|
+
|
4
|
+
Open `system/demo.html` to see how things look.
|
5
|
+
`global-styles.css` are the styles used across all PDAP applications.
|
6
|
+
`normalize.css` is used for more consistent cross-browser rendering.
|
7
|
+
|
8
|
+
# Context
|
9
|
+
We are making tools for transparency about a serious subject. We are be focused, friendly, and open.
|
10
|
+
|
11
|
+
## Principles
|
12
|
+
This is a first pass, so they're not etched in stone. Open to suggestions.
|
13
|
+
|
14
|
+
- Our design should take accessibility seriously.
|
15
|
+
- Keep it simple: things should not do anything they don't need to do.
|
16
|
+
- We should keep our users informed and in control with timely, relevant feedback.
|
17
|
+
- Things that look the same should behave in the same way, and an action should always produce the same result.
|
18
|
+
- Don't reinvent the wheel: use standard conventions and cues.
|
19
|
+
- Provide help to people in context, not in the docs.
|
20
|
+
- Establish good visual hierarchy by ensuring each page and object has a primary function.
|
21
|
+
|
22
|
+
## Assets
|
23
|
+
Use these [brand assets](https://docs.pdap.io/meta/about/staff/brand-assets).
|
24
|
+
Use this [terminology](https://docs.pdap.io/activities/terms-and-definitions).
|
package/package.json
ADDED
@@ -0,0 +1,22 @@
|
|
1
|
+
{
|
2
|
+
"name": "pdap-design-system",
|
3
|
+
"version": "1.0.0",
|
4
|
+
"description": "Global styles for PDAP apps",
|
5
|
+
"main": "system/css/global-styles.css",
|
6
|
+
"directories": {
|
7
|
+
"doc": "docs"
|
8
|
+
},
|
9
|
+
"scripts": {
|
10
|
+
"test": "echo \\\"No tests for CSS-only package.\\\" && exit 0"
|
11
|
+
},
|
12
|
+
"repository": {
|
13
|
+
"type": "git",
|
14
|
+
"url": "git+https://github.com/Police-Data-Accessibility-Project/design-system.git"
|
15
|
+
},
|
16
|
+
"author": "Police Data Accessibility Project, Inc.",
|
17
|
+
"license": "ISC",
|
18
|
+
"bugs": {
|
19
|
+
"url": "https://github.com/Police-Data-Accessibility-Project/design-system/issues"
|
20
|
+
},
|
21
|
+
"homepage": "https://github.com/Police-Data-Accessibility-Project/design-system#readme"
|
22
|
+
}
|