@pantheon-systems/pds-design-tokens 1.0.0-dev.16 → 1.0.0-dev.161

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 +184 -82
  3. package/build/css/pds-design-tokens-light-mode.css +293 -82
  4. package/build/css/pds-design-tokens.css +111 -1
  5. package/build/figma/pds-design-tokens-figma.json +15697 -7340
  6. package/build/json/pds-design-tokens-dark-mode.json +4311 -2366
  7. package/build/json/pds-design-tokens-light-mode.json +6740 -2210
  8. package/build/json/pds-design-tokens.json +2112 -479
  9. package/package.json +1 -1
  10. package/build/scss/_pds-design-tokens-dark-mode.scss +0 -114
  11. package/build/scss/_pds-design-tokens-light-mode.scss +0 -114
  12. package/build/scss/_pds-design-tokens.scss +0 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.16",
3
+ "version": "1.0.0-dev.161",
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,114 +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-brand-secondary-background-active: #282839;
26
- $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
27
- $pds-color-button-brand-secondary-background-hover: #504e62;
28
- $pds-color-button-brand-secondary-border-active: #504e62;
29
- $pds-color-button-brand-secondary-border-default: #a6a3b4;
30
- $pds-color-button-brand-secondary-border-hover: #ffffff;
31
- $pds-color-button-brand-secondary-foreground-active: #e7e7eb;
32
- $pds-color-button-brand-secondary-foreground-default: #e7e7eb;
33
- $pds-color-button-brand-secondary-foreground-hover: #ffffff;
34
- $pds-color-button-critical-background-active: #9c2f2f;
35
- $pds-color-button-critical-background-default: #e05757;
36
- $pds-color-button-critical-background-hover: #be4242;
37
- $pds-color-button-critical-border-active: #9c2f2f;
38
- $pds-color-button-critical-border-default: #e05757;
39
- $pds-color-button-critical-border-hover: #be4242;
40
- $pds-color-button-critical-foreground-active: #ffffff;
41
- $pds-color-button-critical-foreground-default: #ffffff;
42
- $pds-color-button-critical-foreground-hover: #ffffff;
43
- $pds-color-button-primary-background-active: #4b32bb;
44
- $pds-color-button-primary-background-default: #6947ff;
45
- $pds-color-button-primary-background-hover: #7657ff;
46
- $pds-color-button-primary-border-active: #4b32bb;
47
- $pds-color-button-primary-border-default: #6947ff;
48
- $pds-color-button-primary-border-hover: #7657ff;
49
- $pds-color-button-primary-foreground-active: #ffffff;
50
- $pds-color-button-primary-foreground-default: #ffffff;
51
- $pds-color-button-primary-foreground-hover: #ffffff;
52
- $pds-color-button-secondary-background-active: #282839;
53
- $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
54
- $pds-color-button-secondary-background-hover: #504e62;
55
- $pds-color-button-secondary-border-active: #504e62;
56
- $pds-color-button-secondary-border-default: #a6a3b4;
57
- $pds-color-button-secondary-border-hover: #ffffff;
58
- $pds-color-button-secondary-foreground-active: #e7e7eb;
59
- $pds-color-button-secondary-foreground-default: #e7e7eb;
60
- $pds-color-button-secondary-foreground-hover: #ffffff;
61
- $pds-color-button-subtle-background-active: #282839;
62
- $pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
63
- $pds-color-button-subtle-background-hover: #504e62;
64
- $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
65
- $pds-color-button-subtle-foreground-active: #e7e7eb;
66
- $pds-color-button-subtle-foreground-default: #e7e7eb;
67
- $pds-color-button-subtle-foreground-hover: #ffffff;
68
- $pds-color-foreground-default: #ffffff;
69
- $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
70
- $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
71
- $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
72
- $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
73
- $pds-color-input-background-critical: #1d1d29;
74
- $pds-color-input-background-default: #1d1d29;
75
- $pds-color-input-background-hover: #282839;
76
- $pds-color-input-border-critical: #e05757;
77
- $pds-color-input-border-default: #a6a3b4;
78
- $pds-color-input-border-hover: #5f41e5;
79
- $pds-color-input-border-success: #3cb683;
80
- $pds-color-input-checked-background: $pds-color-interactive-focus;
81
- $pds-color-input-checked-foreground: #ffffff;
82
- $pds-color-input-foreground-critical: #e05757;
83
- $pds-color-input-foreground-default: #ffffff;
84
- $pds-color-input-foreground-success: #3cb683;
85
- $pds-color-input-placeholder-text: #a6a3b4;
86
- $pds-color-interactive-focus: #36a3ff;
87
- $pds-color-link-active: #5f41e5;
88
- $pds-color-link-default: #36a3ff;
89
- $pds-color-link-hover: #5f41e5;
90
- $pds-color-link-visited: #5f41e5;
91
- $pds-color-menu-background: #282839;
92
- $pds-color-menu-item-background-active: #858299;
93
- $pds-color-menu-item-background-default: #282839;
94
- $pds-color-menu-item-background-hover: #504e62;
95
- $pds-color-menu-item-description-text: #a6a3b4;
96
- $pds-color-menu-item-foreground: #ffffff;
97
- $pds-color-menu-item-heading-text: #a6a3b4;
98
- $pds-color-panel-default-background: $pds-color-background-default;
99
- $pds-color-panel-default-border: $pds-color-border-default;
100
- $pds-color-panel-overlay-background: #282839;
101
- $pds-color-panel-overlay-border: #282839;
102
- $pds-color-panel-raised-background: #282839;
103
- $pds-color-panel-raised-border: $pds-color-border-default;
104
- $pds-color-panel-sunken-background: #121219;
105
- $pds-color-panel-sunken-border: #121219;
106
- $pds-color-text-default: #ffffff;
107
- $pds-color-text-default-secondary: #a6a3b4;
108
- $pds-color-text-headings: $pds-color-text-default;
109
- $pds-color-text-lead: $pds-color-text-default-secondary;
110
- $pds-color-text-overline: $pds-color-text-default-secondary;
111
- $pds-color-text-paragraph: $pds-color-text-default;
112
- $pds-color-text-quote: $pds-color-text-default-secondary;
113
- $pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
114
- $pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
package/build/scss/_pds-design-tokens-light-mode.scss DELETED
@@ -1,114 +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-brand-secondary-background-active: #cfcfd3;
26
- $pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
27
- $pds-color-button-brand-secondary-background-hover: #f1f1f1;
28
- $pds-color-button-brand-secondary-border-active: #23232d;
29
- $pds-color-button-brand-secondary-border-default: #54545f;
30
- $pds-color-button-brand-secondary-border-hover: #23232d;
31
- $pds-color-button-brand-secondary-foreground-active: #23232d;
32
- $pds-color-button-brand-secondary-foreground-default: #23232d;
33
- $pds-color-button-brand-secondary-foreground-hover: #23232d;
34
- $pds-color-button-critical-background-active: #700000;
35
- $pds-color-button-critical-background-default: #d61f1f;
36
- $pds-color-button-critical-background-hover: #f83333;
37
- $pds-color-button-critical-border-active: #700000;
38
- $pds-color-button-critical-border-default: #d61f1f;
39
- $pds-color-button-critical-border-hover: #f83333;
40
- $pds-color-button-critical-foreground-active: #ffffff;
41
- $pds-color-button-critical-foreground-default: #ffffff;
42
- $pds-color-button-critical-foreground-hover: #ffffff;
43
- $pds-color-button-primary-background-active: #11005d;
44
- $pds-color-button-primary-background-default: #3017a1;
45
- $pds-color-button-primary-background-hover: #5f41e5;
46
- $pds-color-button-primary-border-active: #11005d;
47
- $pds-color-button-primary-border-default: #3017a1;
48
- $pds-color-button-primary-border-hover: #5f41e5;
49
- $pds-color-button-primary-foreground-active: #ffffff;
50
- $pds-color-button-primary-foreground-default: #ffffff;
51
- $pds-color-button-primary-foreground-hover: #ffffff;
52
- $pds-color-button-secondary-background-active: #e5dbff;
53
- $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
54
- $pds-color-button-secondary-background-hover: #f0ecff;
55
- $pds-color-button-secondary-border-active: #11005d;
56
- $pds-color-button-secondary-border-default: #3017a1;
57
- $pds-color-button-secondary-border-hover: #5f41e5;
58
- $pds-color-button-secondary-foreground-active: #11005d;
59
- $pds-color-button-secondary-foreground-default: #3017a1;
60
- $pds-color-button-secondary-foreground-hover: #3017a1;
61
- $pds-color-button-subtle-background-active: #e5dbff;
62
- $pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
63
- $pds-color-button-subtle-background-hover: #f0ecff;
64
- $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
65
- $pds-color-button-subtle-foreground-active: #11005d;
66
- $pds-color-button-subtle-foreground-default: #3017a1;
67
- $pds-color-button-subtle-foreground-hover: #3017a1;
68
- $pds-color-foreground-default: #23232d;
69
- $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B2FF 100%);
70
- $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
71
- $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
72
- $pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #300068 66.25%);
73
- $pds-color-input-background-critical: #ffebeb;
74
- $pds-color-input-background-default: #ffffff;
75
- $pds-color-input-background-hover: #f0ecff;
76
- $pds-color-input-border-critical: #d61f1f;
77
- $pds-color-input-border-default: #8f8f99;
78
- $pds-color-input-border-hover: #5f41e5;
79
- $pds-color-input-border-success: #1f845a;
80
- $pds-color-input-checked-background: $pds-color-interactive-focus;
81
- $pds-color-input-checked-foreground: #ffffff;
82
- $pds-color-input-foreground-critical: #d61f1f;
83
- $pds-color-input-foreground-default: #23232d;
84
- $pds-color-input-foreground-success: #1f845a;
85
- $pds-color-input-placeholder-text: #71717c;
86
- $pds-color-interactive-focus: #0f62fe;
87
- $pds-color-link-active: #5f41e5;
88
- $pds-color-link-default: #0f62fe;
89
- $pds-color-link-hover: #5f41e5;
90
- $pds-color-link-visited: #5f41e5;
91
- $pds-color-menu-background: #ffffff;
92
- $pds-color-menu-item-background-active: #cfcfd3;
93
- $pds-color-menu-item-background-default: #ffffff;
94
- $pds-color-menu-item-background-hover: #f1f1f1;
95
- $pds-color-menu-item-description-text: #71717c;
96
- $pds-color-menu-item-foreground: #23232d;
97
- $pds-color-menu-item-heading-text: #71717c;
98
- $pds-color-panel-default-background: $pds-color-background-default;
99
- $pds-color-panel-default-border: $pds-color-border-default;
100
- $pds-color-panel-overlay-background: $pds-color-background-default;
101
- $pds-color-panel-overlay-border: $pds-color-border-default;
102
- $pds-color-panel-raised-background: $pds-color-background-default;
103
- $pds-color-panel-raised-border: $pds-color-border-default;
104
- $pds-color-panel-sunken-background: #f1f1f1;
105
- $pds-color-panel-sunken-border: #f1f1f1;
106
- $pds-color-text-default: #23232d;
107
- $pds-color-text-default-secondary: #71717c;
108
- $pds-color-text-headings: $pds-color-text-default;
109
- $pds-color-text-lead: $pds-color-text-default-secondary;
110
- $pds-color-text-overline: $pds-color-text-default-secondary;
111
- $pds-color-text-paragraph: #23232d;
112
- $pds-color-text-quote: $pds-color-text-default-secondary;
113
- $pds-elevation-overlay: 0px 8px 12px 0px rgba(113, 113, 124, 0.25), 0px 0px 1px 0px rgba(18, 18, 25, 0.25);
114
- $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,17 +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-default-delay: 0s;
12
- $pds-animation-transition-default-duration: 200ms;
13
- $pds-animation-transition-default-timing-function: ease-in-out;
14
- $pds-animation-transition-dropdown-duration: 300ms;
15
- $pds-border-radius-default: 0.1875rem;
16
- $pds-border-width-default: 1px;
17
- $pds-typography-font-default: 'Poppins', sans-serif;