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

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 (19) hide show
  1. package/README.md +22 -5
  2. package/build/css/pds-design-tokens-dark-mode.css +26 -0
  3. package/build/css/pds-design-tokens-light-mode.css +26 -0
  4. package/build/css/pds-design-tokens.css +20 -0
  5. package/build/figma/pds-design-tokens-figma.json +4213 -0
  6. package/build/json/pds-design-tokens-dark-mode.json +1198 -0
  7. package/build/json/pds-design-tokens-light-mode.json +1198 -0
  8. package/build/json/pds-design-tokens.json +2089 -0
  9. package/build/scss/_pds-design-tokens-dark-mode.scss +23 -0
  10. package/build/scss/_pds-design-tokens-light-mode.scss +23 -0
  11. package/build/scss/_pds-design-tokens.scss +17 -0
  12. package/package.json +7 -2
  13. package/build/css/pds-tokens-dark-mode.css +0 -74
  14. package/build/css/pds-tokens.css +0 -74
  15. package/build/figma/pds-tokens-figma.json +0 -4450
  16. package/build/json/pds-tokens-dark-mode.json +0 -1753
  17. package/build/json/pds-tokens.json +0 -3073
  18. package/build/scss/_pds-tokens-dark-mode.scss +0 -71
  19. package/build/scss/_pds-tokens.scss +0 -71
package/build/scss/_pds-tokens-dark-mode.scss DELETED
@@ -1,71 +0,0 @@
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 DELETED
@@ -1,71 +0,0 @@
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;