@pantheon-systems/pds-design-tokens 1.0.0-dev.9 → 1.0.0-dev.91

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 (12) hide show
  1. package/README.md +2 -3
  2. package/build/css/pds-design-tokens-dark-mode.css +137 -42
  3. package/build/css/pds-design-tokens-light-mode.css +155 -50
  4. package/build/css/pds-design-tokens.css +73 -3
  5. package/build/figma/pds-design-tokens-figma.json +9060 -4540
  6. package/build/json/pds-design-tokens-dark-mode.json +3853 -1764
  7. package/build/json/pds-design-tokens-light-mode.json +3555 -1226
  8. package/build/json/pds-design-tokens.json +1094 -243
  9. package/package.json +1 -1
  10. package/build/scss/_pds-design-tokens-dark-mode.scss +0 -106
  11. package/build/scss/_pds-design-tokens-light-mode.scss +0 -106
  12. package/build/scss/_pds-design-tokens.scss +0 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.9",
3
+ "version": "1.0.0-dev.91",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [
package/build/scss/_pds-design-tokens-dark-mode.scss DELETED
@@ -1,106 +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-background-default: #1d1d29;
12
- $pds-color-border-default: #504e62;
13
- $pds-color-brand-accent-default: #de0093;
14
- $pds-color-brand-primary-default: #ffdc28;
15
- $pds-color-brand-secondary-default: #6947ff;
16
- $pds-color-button-brand-background-active: #ddbd16;
17
- $pds-color-button-brand-background-default: #ffdc28;
18
- $pds-color-button-brand-background-hover: #ffe668;
19
- $pds-color-button-brand-border-active: #ddbd16;
20
- $pds-color-button-brand-border-default: #ffdc28;
21
- $pds-color-button-brand-border-hover: #ffe668;
22
- $pds-color-button-brand-foreground-active: #121219;
23
- $pds-color-button-brand-foreground-default: #121219;
24
- $pds-color-button-brand-foreground-hover: #121219;
25
- $pds-color-button-critical-background-active: #9c2f2f;
26
- $pds-color-button-critical-background-default: #e05757;
27
- $pds-color-button-critical-background-hover: #be4242;
28
- $pds-color-button-critical-border-active: #9c2f2f;
29
- $pds-color-button-critical-border-default: #e05757;
30
- $pds-color-button-critical-border-hover: #be4242;
31
- $pds-color-button-critical-foreground-active: #ffffff;
32
- $pds-color-button-critical-foreground-default: #ffffff;
33
- $pds-color-button-critical-foreground-hover: #ffffff;
34
- $pds-color-button-primary-background-active: #4b32bb;
35
- $pds-color-button-primary-background-default: #6947ff;
36
- $pds-color-button-primary-background-hover: #7657ff;
37
- $pds-color-button-primary-border-active: #4b32bb;
38
- $pds-color-button-primary-border-default: #6947ff;
39
- $pds-color-button-primary-border-hover: #7657ff;
40
- $pds-color-button-primary-foreground-active: #ffffff;
41
- $pds-color-button-primary-foreground-default: #ffffff;
42
- $pds-color-button-primary-foreground-hover: #ffffff;
43
- $pds-color-button-secondary-background-active: #282839;
44
- $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
45
- $pds-color-button-secondary-background-hover: #504e62;
46
- $pds-color-button-secondary-border-active: #504e62;
47
- $pds-color-button-secondary-border-default: #a6a3b4;
48
- $pds-color-button-secondary-border-hover: #ffffff;
49
- $pds-color-button-secondary-foreground-active: #e7e7eb;
50
- $pds-color-button-secondary-foreground-default: #e7e7eb;
51
- $pds-color-button-secondary-foreground-hover: #ffffff;
52
- $pds-color-button-subtle-background-active: #282839;
53
- $pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
54
- $pds-color-button-subtle-background-hover: #504e62;
55
- $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
56
- $pds-color-button-subtle-foreground-active: #e7e7eb;
57
- $pds-color-button-subtle-foreground-default: #e7e7eb;
58
- $pds-color-button-subtle-foreground-hover: #ffffff;
59
- $pds-color-foreground-default: #ffffff;
60
- $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
61
- $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
62
- $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
63
- $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
64
- $pds-color-input-background-active: #1d1d29;
65
- $pds-color-input-background-critical: #1d1d29;
66
- $pds-color-input-background-default: #1d1d29;
67
- $pds-color-input-background-hover: #282839;
68
- $pds-color-input-background-success: #1d1d29;
69
- $pds-color-input-border-active: #858299;
70
- $pds-color-input-border-critical: #e05757;
71
- $pds-color-input-border-default: #a6a3b4;
72
- $pds-color-input-border-hover: #858299;
73
- $pds-color-input-border-success: #22a06b;
74
- $pds-color-input-foreground-active: #ffffff;
75
- $pds-color-input-foreground-critical: #e05757;
76
- $pds-color-input-foreground-default: #ffffff;
77
- $pds-color-input-foreground-hover: #ffffff;
78
- $pds-color-input-foreground-success: #22a06b;
79
- $pds-color-interactive-focus: #36a3ff;
80
- $pds-color-link-active: #2776b9;
81
- $pds-color-link-default: #36a3ff;
82
- $pds-color-link-hover: #2776b9;
83
- $pds-color-link-visited: #967fff;
84
- $pds-color-menu-background: #282839;
85
- $pds-color-menu-item-background-active: #858299;
86
- $pds-color-menu-item-background-default: #282839;
87
- $pds-color-menu-item-background-hover: #504e62;
88
- $pds-color-menu-item-description-text: #a6a3b4;
89
- $pds-color-menu-item-foreground: #ffffff;
90
- $pds-color-menu-item-heading-text: #a6a3b4;
91
- $pds-color-panel-default-background: $pds-color-background-default;
92
- $pds-color-panel-default-border: $pds-color-border-default;
93
- $pds-color-panel-overlay-background: #282839;
94
- $pds-color-panel-overlay-border: #282839;
95
- $pds-color-panel-raised-background: #282839;
96
- $pds-color-panel-raised-border: $pds-color-border-default;
97
- $pds-color-panel-sunken-background: #121219;
98
- $pds-color-panel-sunken-border: #121219;
99
- $pds-color-text-default: #ffffff;
100
- $pds-color-text-headings: $pds-color-text-default;
101
- $pds-color-text-lead: #a6a3b4;
102
- $pds-color-text-overline: #a6a3b4;
103
- $pds-color-text-paragraph: $pds-color-text-default;
104
- $pds-color-text-quote: #a6a3b4;
105
- $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
106
- $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss DELETED
@@ -1,106 +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-background-default: #ffffff;
12
- $pds-color-border-default: #cfcfd3;
13
- $pds-color-brand-accent-default: #de0093;
14
- $pds-color-brand-primary-default: #ffdc28;
15
- $pds-color-brand-secondary-default: #3017a1;
16
- $pds-color-button-brand-background-active: #ddbd16;
17
- $pds-color-button-brand-background-default: #ffdc28;
18
- $pds-color-button-brand-background-hover: #ffe668;
19
- $pds-color-button-brand-border-active: #ddbd16;
20
- $pds-color-button-brand-border-default: #ffdc28;
21
- $pds-color-button-brand-border-hover: #ffe668;
22
- $pds-color-button-brand-foreground-active: #23232d;
23
- $pds-color-button-brand-foreground-default: #23232d;
24
- $pds-color-button-brand-foreground-hover: #23232d;
25
- $pds-color-button-critical-background-active: #700000;
26
- $pds-color-button-critical-background-default: #d61f1f;
27
- $pds-color-button-critical-background-hover: #f83333;
28
- $pds-color-button-critical-border-active: #700000;
29
- $pds-color-button-critical-border-default: #d61f1f;
30
- $pds-color-button-critical-border-hover: #f83333;
31
- $pds-color-button-critical-foreground-active: #ffffff;
32
- $pds-color-button-critical-foreground-default: #ffffff;
33
- $pds-color-button-critical-foreground-hover: #ffffff;
34
- $pds-color-button-primary-background-active: #11005d;
35
- $pds-color-button-primary-background-default: #3017a1;
36
- $pds-color-button-primary-background-hover: #785aff;
37
- $pds-color-button-primary-border-active: #11005d;
38
- $pds-color-button-primary-border-default: #3017a1;
39
- $pds-color-button-primary-border-hover: #785aff;
40
- $pds-color-button-primary-foreground-active: #ffffff;
41
- $pds-color-button-primary-foreground-default: #ffffff;
42
- $pds-color-button-primary-foreground-hover: #ffffff;
43
- $pds-color-button-secondary-background-active: #e5dbff;
44
- $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
45
- $pds-color-button-secondary-background-hover: #f0ecff;
46
- $pds-color-button-secondary-border-active: #11005d;
47
- $pds-color-button-secondary-border-default: #3017a1;
48
- $pds-color-button-secondary-border-hover: #785aff;
49
- $pds-color-button-secondary-foreground-active: #11005d;
50
- $pds-color-button-secondary-foreground-default: #3017a1;
51
- $pds-color-button-secondary-foreground-hover: #3017a1;
52
- $pds-color-button-subtle-background-active: #e5dbff;
53
- $pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
54
- $pds-color-button-subtle-background-hover: #f0ecff;
55
- $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
56
- $pds-color-button-subtle-foreground-active: #11005d;
57
- $pds-color-button-subtle-foreground-default: #3017a1;
58
- $pds-color-button-subtle-foreground-hover: #3017a1;
59
- $pds-color-foreground-default: #23232d;
60
- $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
61
- $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
62
- $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
63
- $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
64
- $pds-color-input-background-active: #ffffff;
65
- $pds-color-input-background-critical: #ffebeb;
66
- $pds-color-input-background-default: #ffffff;
67
- $pds-color-input-background-hover: #f0ecff;
68
- $pds-color-input-background-success: #ffffff;
69
- $pds-color-input-border-active: #785aff;
70
- $pds-color-input-border-critical: #d61f1f;
71
- $pds-color-input-border-default: #8f8f99;
72
- $pds-color-input-border-hover: #785aff;
73
- $pds-color-input-border-success: #1f845a;
74
- $pds-color-input-foreground-active: #23232d;
75
- $pds-color-input-foreground-critical: #d61f1f;
76
- $pds-color-input-foreground-default: #23232d;
77
- $pds-color-input-foreground-hover: #23232d;
78
- $pds-color-input-foreground-success: #1f845a;
79
- $pds-color-interactive-focus: #0f62fe;
80
- $pds-color-link-active: #003cac;
81
- $pds-color-link-default: #0f62fe;
82
- $pds-color-link-hover: #003cac;
83
- $pds-color-link-visited: #967fff;
84
- $pds-color-menu-background: #ffffff;
85
- $pds-color-menu-item-background-active: #cfcfd3;
86
- $pds-color-menu-item-background-default: #ffffff;
87
- $pds-color-menu-item-background-hover: #f1f1f1;
88
- $pds-color-menu-item-description-text: #71717c;
89
- $pds-color-menu-item-foreground: #23232d;
90
- $pds-color-menu-item-heading-text: #71717c;
91
- $pds-color-panel-default-background: $pds-color-background-default;
92
- $pds-color-panel-default-border: $pds-color-border-default;
93
- $pds-color-panel-overlay-background: $pds-color-background-default;
94
- $pds-color-panel-overlay-border: $pds-color-border-default;
95
- $pds-color-panel-raised-background: $pds-color-background-default;
96
- $pds-color-panel-raised-border: $pds-color-border-default;
97
- $pds-color-panel-sunken-background: #f1f1f1;
98
- $pds-color-panel-sunken-border: #f1f1f1;
99
- $pds-color-text-default: #23232d;
100
- $pds-color-text-headings: $pds-color-text-default;
101
- $pds-color-text-lead: #71717c;
102
- $pds-color-text-overline: #71717c;
103
- $pds-color-text-paragraph: #23232d;
104
- $pds-color-text-quote: #71717c;
105
- $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
106
- $pds-elevation-raised: 0px 1px 1px 0px #aeaeb6, 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
package/build/scss/_pds-design-tokens.scss DELETED
@@ -1,16 +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-animation-transition-delay: 0s;
12
- $pds-animation-transition-duration: 200ms;
13
- $pds-animation-transition-timing-function: ease-in-out;
14
- $pds-border-radius-default: 0.1875rem;
15
- $pds-border-width-default: 1px;
16
- $pds-typography-font-default: 'Poppins', sans-serif;