@pantheon-systems/pds-design-tokens 0.1.0-dev.1

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.
Files changed (10) hide show
  1. package/LICENSE +674 -0
  2. package/README.md +13 -0
  3. package/build/css/pds-tokens-dark-mode.css +74 -0
  4. package/build/css/pds-tokens.css +74 -0
  5. package/build/figma/pds-tokens-figma.json +4450 -0
  6. package/build/json/pds-tokens-dark-mode.json +1753 -0
  7. package/build/json/pds-tokens.json +3073 -0
  8. package/build/scss/_pds-tokens-dark-mode.scss +71 -0
  9. package/build/scss/_pds-tokens.scss +71 -0
  10. package/package.json +29 -0
package/build/scss/_pds-tokens-dark-mode.scss ADDED
@@ -0,0 +1,71 @@
1
+
2
+ //
3
+ // Pantheon Systems
4
+ //
5
+ // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
6
+ // !! DO NOT EDIT THIS FILE DIRECTLY !!
7
+ // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
8
+ //
9
+ // This file has been generated automatically.
10
+
11
+ $pds-color-accents-secondary: #B6AAF3;
12
+ $pds-color-accents-secondary-dark: #907AF0;
13
+ $pds-color-accents-tertiary: #FFB3E6;
14
+ $pds-color-accents-tertiary-dark: #FF8AD8;
15
+ $pds-color-border-default: $pds-color-neutrals-dark;
16
+ $pds-color-brand-primary: #FFDC28;
17
+ $pds-color-brand-primary-dark: #CCB020;
18
+ $pds-color-brand-primary-light: #FFF0A0;
19
+ $pds-color-input-background-disabled: $pds-color-neutrals-medium-light;
20
+ $pds-color-input-border-active: $pds-color-accents-secondary;
21
+ $pds-color-input-border-default: $pds-color-neutrals-dark;
22
+ $pds-color-input-border-disabled: $pds-color-neutrals-medium-dark;
23
+ $pds-color-input-border-error: $pds-color-status-error;
24
+ $pds-color-input-border-focus: $pds-color-accents-secondary;
25
+ $pds-color-input-border-hover: $pds-color-accents-secondary-dark;
26
+ $pds-color-input-border-success: $pds-color-status-success;
27
+ $pds-color-input-checked-background: $pds-color-accents-secondary;
28
+ $pds-color-input-checked-foreground: $pds-color-neutrals-lightest;
29
+ $pds-color-input-focus-outline: #127CBB;
30
+ $pds-color-input-label-active: $pds-color-accents-secondary;
31
+ $pds-color-input-label-default: $pds-color-text-default;
32
+ $pds-color-input-label-disabled: $pds-color-text-disabled;
33
+ $pds-color-input-label-error: $pds-color-status-error;
34
+ $pds-color-input-label-focus: $pds-color-accents-secondary;
35
+ $pds-color-input-label-hover: $pds-color-accents-secondary;
36
+ $pds-color-input-label-success: $pds-color-status-success;
37
+ $pds-color-input-message-default: $pds-color-neutrals-dark;
38
+ $pds-color-input-message-error: $pds-color-status-error;
39
+ $pds-color-input-message-success: $pds-color-status-success;
40
+ $pds-color-link-active: $pds-color-accents-tertiary-dark;
41
+ $pds-color-link-default: #5092D9;
42
+ $pds-color-link-hover: $pds-color-accents-tertiary;
43
+ $pds-color-link-visited: $pds-color-accents-secondary;
44
+ $pds-color-neutrals-dark: #393359;
45
+ $pds-color-neutrals-darker: #25233B;
46
+ $pds-color-neutrals-darkest: #1C1B2D;
47
+ $pds-color-neutrals-desaturated: #F3F3F3;
48
+ $pds-color-neutrals-light: #f6f6f7;
49
+ $pds-color-neutrals-lightest: #FFFFFF;
50
+ $pds-color-neutrals-medium: #9B9BA3;
51
+ $pds-color-neutrals-medium-dark: #777681;
52
+ $pds-color-neutrals-medium-light: #D2D1D5;
53
+ $pds-color-panel-background: $pds-color-neutrals-lightest;
54
+ $pds-color-panel-border: $pds-color-neutrals-medium;
55
+ $pds-color-status-error: #FF4B55;
56
+ $pds-color-status-error-dark: #D5353F;
57
+ $pds-color-status-error-light: #FFBEC2;
58
+ $pds-color-status-info: #82AAE4;
59
+ $pds-color-status-info-dark: #2760B0;
60
+ $pds-color-status-info-light: #D5E3F6;
61
+ $pds-color-status-success: #3DA378;
62
+ $pds-color-status-success-dark: #007B48;
63
+ $pds-color-status-success-light: #CCE7DC;
64
+ $pds-color-status-warning: #FF922D;
65
+ $pds-color-status-warning-dark: #995210;
66
+ $pds-color-status-warning-light: #FFDEBF;
67
+ $pds-color-text-bodycopy: $pds-color-text-default;
68
+ $pds-color-text-default: $pds-color-neutrals-darkest;
69
+ $pds-color-text-disabled: $pds-color-neutrals-dark;
70
+ $pds-color-text-headings: $pds-color-text-default;
71
+ $pds-color-text-placeholder: $pds-color-neutrals-dark;
package/build/scss/_pds-tokens.scss ADDED
@@ -0,0 +1,71 @@
1
+
2
+ //
3
+ // Pantheon Systems
4
+ //
5
+ // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
6
+ // !! DO NOT EDIT THIS FILE DIRECTLY !!
7
+ // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
8
+ //
9
+ // This file has been generated automatically.
10
+
11
+ $pds-color-accents-secondary: #3017A1;
12
+ $pds-color-accents-secondary-dark: #24107B;
13
+ $pds-color-accents-tertiary: #DE0093;
14
+ $pds-color-accents-tertiary-dark: #92005A;
15
+ $pds-color-border-default: $pds-color-neutrals-dark;
16
+ $pds-color-brand-primary: #FFDC28;
17
+ $pds-color-brand-primary-dark: #CCB020;
18
+ $pds-color-brand-primary-light: #FFF0A0;
19
+ $pds-color-input-background-disabled: $pds-color-neutrals-medium-light;
20
+ $pds-color-input-border-active: $pds-color-accents-secondary;
21
+ $pds-color-input-border-default: $pds-color-neutrals-dark;
22
+ $pds-color-input-border-disabled: $pds-color-neutrals-medium-dark;
23
+ $pds-color-input-border-error: $pds-color-status-error;
24
+ $pds-color-input-border-focus: $pds-color-accents-secondary;
25
+ $pds-color-input-border-hover: $pds-color-accents-secondary-dark;
26
+ $pds-color-input-border-success: $pds-color-status-success;
27
+ $pds-color-input-checked-background: $pds-color-accents-secondary;
28
+ $pds-color-input-checked-foreground: $pds-color-neutrals-lightest;
29
+ $pds-color-input-focus-outline: #127CBB;
30
+ $pds-color-input-label-active: $pds-color-accents-secondary;
31
+ $pds-color-input-label-default: $pds-color-text-default;
32
+ $pds-color-input-label-disabled: $pds-color-text-disabled;
33
+ $pds-color-input-label-error: $pds-color-status-error;
34
+ $pds-color-input-label-focus: $pds-color-accents-secondary;
35
+ $pds-color-input-label-hover: $pds-color-accents-secondary;
36
+ $pds-color-input-label-success: $pds-color-status-success;
37
+ $pds-color-input-message-default: $pds-color-neutrals-dark;
38
+ $pds-color-input-message-error: $pds-color-status-error;
39
+ $pds-color-input-message-success: $pds-color-status-success;
40
+ $pds-color-link-active: $pds-color-accents-tertiary-dark;
41
+ $pds-color-link-default: #1B70CE;
42
+ $pds-color-link-hover: $pds-color-accents-tertiary;
43
+ $pds-color-link-visited: $pds-color-accents-secondary;
44
+ $pds-color-neutrals-dark: #6B6B84;
45
+ $pds-color-neutrals-darker: #4B4B5D;
46
+ $pds-color-neutrals-darkest: #23232D;
47
+ $pds-color-neutrals-desaturated: #F3F3F3;
48
+ $pds-color-neutrals-light: #FAFAFE;
49
+ $pds-color-neutrals-lightest: #FFFFFF;
50
+ $pds-color-neutrals-medium: #DFDFEC;
51
+ $pds-color-neutrals-medium-dark: #C1C1D6;
52
+ $pds-color-neutrals-medium-light: #F4F4FC;
53
+ $pds-color-panel-background: $pds-color-neutrals-lightest;
54
+ $pds-color-panel-border: $pds-color-neutrals-medium;
55
+ $pds-color-status-error: #9E171F;
56
+ $pds-color-status-error-dark: #670006;
57
+ $pds-color-status-error-light: #FFEBEC;
58
+ $pds-color-status-info: #596BC8;
59
+ $pds-color-status-info-dark: #000E89;
60
+ $pds-color-status-info-light: #E9F6FF;
61
+ $pds-color-status-success: #00864E;
62
+ $pds-color-status-success-dark: #015044;
63
+ $pds-color-status-success-light: #E4FFF4;
64
+ $pds-color-status-warning: #FF6E1D;
65
+ $pds-color-status-warning-dark: #4E2B00;
66
+ $pds-color-status-warning-light: #FFEFDC;
67
+ $pds-color-text-bodycopy: $pds-color-text-default;
68
+ $pds-color-text-default: $pds-color-neutrals-darkest;
69
+ $pds-color-text-disabled: $pds-color-neutrals-dark;
70
+ $pds-color-text-headings: $pds-color-text-default;
71
+ $pds-color-text-placeholder: $pds-color-neutrals-dark;
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "@pantheon-systems/pds-design-tokens",
3
+ "version": "0.1.0-dev.1",
4
+ "description": "Design Tokens for the Pantheon Design System",
5
+ "main": "index.js",
6
+ "files": [
7
+ "build"
8
+ ],
9
+ "scripts": {
10
+ "tokens:build": "node ./scripts/build-custom.js",
11
+ "pretokens:build:figma": "npm run tokens:build",
12
+ "tokens:build:figma": "node ./scripts/build-custom-figma.js",
13
+ "tokens:build:all": "npm run tokens:build:figma"
14
+ },
15
+ "repository": {
16
+ "type": "git",
17
+ "url": "git+https://github.com/pantheon-systems/pds-design-tokens.git"
18
+ },
19
+ "author": "pantheon-systems",
20
+ "license": "GPL-3.0-or-later",
21
+ "bugs": {
22
+ "url": "https://github.com/pantheon-systems/pds-design-tokens/issues"
23
+ },
24
+ "homepage": "https://github.com/pantheon-systems/pds-design-tokens#readme",
25
+ "devDependencies": {
26
+ "prettier": "^2.8.3",
27
+ "style-dictionary": "^3.7.2"
28
+ }
29
+ }