@pantheon-systems/pds-design-tokens 1.0.0-dev.120 → 1.0.0-dev.121

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.
@@ -1,298 +1,236 @@
1
1
  /**
2
- *
2
+ *
3
3
  * Pantheon Systems
4
- *
4
+ *
5
5
  * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
6
6
  * !! DO NOT EDIT THIS FILE DIRECTLY !!
7
7
  * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
8
- *
8
+ *
9
9
  * This file has been generated automatically.
10
10
  */
11
11
 
12
12
  :root {
13
- --pds-color-background-brand-secondary: #4e39a8;
14
- --pds-color-background-default: #1d1d29;
15
- --pds-color-background-default-secondary: #282839;
16
- --pds-color-background-reverse: #e7e7eb;
17
- --pds-color-badge-indicator-diamond-background: #f0fdff;
18
- --pds-color-badge-indicator-diamond-foreground: #388bff;
19
- --pds-color-badge-indicator-gold-background: #fff1a9;
20
- --pds-color-badge-indicator-gold-foreground: #705e00;
21
- --pds-color-badge-indicator-info-background: #388bff;
22
- --pds-color-badge-indicator-info-foreground: #ffffff;
23
- --pds-color-badge-indicator-neutral-background: #504e62;
24
- --pds-color-badge-indicator-neutral-foreground: #ffffff;
25
- --pds-color-badge-indicator-platinum-background: #d0c6ff;
26
- --pds-color-badge-indicator-platinum-foreground: #4e39a8;
27
- --pds-color-badge-indicator-silver-background: #a6a3b4;
28
- --pds-color-badge-indicator-silver-foreground: var(
29
- --pds-color-text-default-secondary
30
- );
31
- --pds-color-badge-indicator-success-background: #2abb7f;
32
- --pds-color-badge-indicator-success-foreground: #ffffff;
33
- --pds-color-badge-status-dot-critical: var(
34
- --pds-color-semantic-critical-foreground
35
- );
36
- --pds-color-badge-status-dot-default: #858299;
37
- --pds-color-badge-status-dot-disabled: #858299;
38
- --pds-color-badge-status-dot-discovery: var(
39
- --pds-color-semantic-discovery-foreground
40
- );
41
- --pds-color-badge-status-dot-frozen: #d0c6ff;
42
- --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
43
- --pds-color-badge-status-dot-success: var(
44
- --pds-color-semantic-success-foreground
45
- );
46
- --pds-color-badge-status-dot-warning: var(
47
- --pds-color-semantic-warning-foreground
48
- );
49
- --pds-color-badge-status-neutral-background: var(
50
- --pds-color-background-default
51
- );
52
- --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
53
- --pds-color-badge-status-neutral-label: var(
54
- --pds-color-text-default-secondary
55
- );
56
- --pds-color-badge-status-reverse-background: var(
57
- --pds-color-background-reverse
58
- );
59
- --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
60
- --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
61
- --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
62
- --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
63
- --pds-color-badge-status-transparent-label: var(
64
- --pds-color-text-default-secondary
65
- );
66
- --pds-color-banner-critical-background: linear-gradient(
67
- 135deg,
68
- #ca3521 0%,
69
- #b95898 100%
70
- );
71
- --pds-color-banner-critical-foreground: #ffffff;
72
- --pds-color-banner-info-background: linear-gradient(
73
- 315deg,
74
- #1265da 0%,
75
- #5f41e5 100%
76
- );
77
- --pds-color-banner-info-foreground: #ffffff;
78
- --pds-color-banner-warning-background: linear-gradient(
79
- 135deg,
80
- #ddbd16 0%,
81
- #db7612 100%
82
- );
83
- --pds-color-banner-warning-foreground: #121219;
84
- --pds-color-border-default: #504e62;
85
- --pds-color-brand-accent-default: #de0093;
86
- --pds-color-brand-primary-default: #ffdc28;
87
- --pds-color-brand-secondary-default: #8a70ff;
88
- --pds-color-breadcrumb-link: var(--pds-color-link-default);
89
- --pds-color-breadcrumb-separator: #858299;
90
- --pds-color-breadcrumb-text: var(--pds-color-text-default-secondary);
91
- --pds-color-button-brand-background-active: #ddbd16;
92
- --pds-color-button-brand-background-default: #ffdc28;
93
- --pds-color-button-brand-background-hover: #ffe668;
94
- --pds-color-button-brand-border-active: #ddbd16;
95
- --pds-color-button-brand-border-default: #ffdc28;
96
- --pds-color-button-brand-border-hover: #ffe668;
97
- --pds-color-button-brand-foreground-active: #121219;
98
- --pds-color-button-brand-foreground-default: #121219;
99
- --pds-color-button-brand-foreground-hover: #121219;
100
- --pds-color-button-brand-secondary-background-active: #282839;
101
- --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
102
- --pds-color-button-brand-secondary-background-hover: #504e62;
103
- --pds-color-button-brand-secondary-border-active: #504e62;
104
- --pds-color-button-brand-secondary-border-default: #a6a3b4;
105
- --pds-color-button-brand-secondary-border-hover: #ffffff;
106
- --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
107
- --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
108
- --pds-color-button-brand-secondary-foreground-hover: #ffffff;
109
- --pds-color-button-critical-background-active: #4b2d28;
110
- --pds-color-button-critical-background-default: var(
111
- --pds-color-background-default
112
- );
113
- --pds-color-button-critical-background-hover: var(
114
- --pds-color-semantic-critical-background
115
- );
116
- --pds-color-button-critical-border-active: var(
117
- --pds-color-semantic-critical-foreground
118
- );
119
- --pds-color-button-critical-border-default: var(
120
- --pds-color-semantic-critical-foreground
121
- );
122
- --pds-color-button-critical-border-hover: var(
123
- --pds-color-semantic-critical-foreground
124
- );
125
- --pds-color-button-critical-foreground-active: var(
126
- --pds-color-semantic-critical-foreground
127
- );
128
- --pds-color-button-critical-foreground-default: var(
129
- --pds-color-semantic-critical-foreground
130
- );
131
- --pds-color-button-critical-foreground-hover: var(
132
- --pds-color-semantic-critical-foreground
133
- );
134
- --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
135
- --pds-color-button-navbar-foreground-default: #ffffff;
136
- --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
137
- --pds-color-button-primary-background-active: #4e39a8;
138
- --pds-color-button-primary-background-default: #8a70ff;
139
- --pds-color-button-primary-background-hover: #ad9bff;
140
- --pds-color-button-primary-border-active: #4e39a8;
141
- --pds-color-button-primary-border-default: #8a70ff;
142
- --pds-color-button-primary-border-hover: #ad9bff;
143
- --pds-color-button-primary-foreground-active: #ffffff;
144
- --pds-color-button-primary-foreground-default: #ffffff;
145
- --pds-color-button-primary-foreground-hover: #ffffff;
146
- --pds-color-button-secondary-background-active: #282839;
147
- --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
148
- --pds-color-button-secondary-background-hover: #504e62;
149
- --pds-color-button-secondary-border-active: #504e62;
150
- --pds-color-button-secondary-border-default: #a6a3b4;
151
- --pds-color-button-secondary-border-hover: #ffffff;
152
- --pds-color-button-secondary-foreground-active: #e7e7eb;
153
- --pds-color-button-secondary-foreground-default: #e7e7eb;
154
- --pds-color-button-secondary-foreground-hover: #ffffff;
155
- --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
156
- --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
157
- --pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
158
- --pds-color-button-subtle-foreground-default: #d0c6ff;
159
- --pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
160
- --pds-color-card-border: #504e62;
161
- --pds-color-code-inline-background: #282839;
162
- --pds-color-code-inline-border: #504e62;
163
- --pds-color-code-inline-text: #ffffff;
164
- --pds-color-expansion-panel-hover: #282839;
165
- --pds-color-expansion-panel-open: #282839;
166
- --pds-color-foreground-default: #ffffff;
167
- --pds-color-foreground-reverse: #1d1d29;
168
- --pds-color-gradient-after-hours: linear-gradient(
169
- 228.64deg,
170
- #1b0874 41.87%,
171
- #29b2ff 100%
172
- );
173
- --pds-color-gradient-midnight: linear-gradient(
174
- 228.64deg,
175
- #1b0874 46.34%,
176
- #00e0c3 100%
177
- );
178
- --pds-color-gradient-sunrise: linear-gradient(
179
- 227.79deg,
180
- #1b0874 38.28%,
181
- #e65f35 100%
182
- );
183
- --pds-color-gradient-sunset: linear-gradient(
184
- 48.24deg,
185
- #ef13ad 0%,
186
- #1b0874 66.25%
187
- );
188
- --pds-color-icon-button-background-active: #858299;
189
- --pds-color-icon-button-background-default: rgba(0, 0, 0, 0);
190
- --pds-color-icon-button-background-hover: #a6a3b4;
191
- --pds-color-icon-button-foreground-default: #ffffff;
192
- --pds-color-input-action-background-hover: #504e62;
193
- --pds-color-input-background-critical: #1d1d29;
194
- --pds-color-input-background-default: #1d1d29;
195
- --pds-color-input-background-hover: #282839;
196
- --pds-color-input-border-critical: #ef5c48;
197
- --pds-color-input-border-default: #858299;
198
- --pds-color-input-border-hover: #ad9bff;
199
- --pds-color-input-border-success: #2abb7f;
200
- --pds-color-input-checked-background: var(--pds-color-interactive-focus);
201
- --pds-color-input-checked-foreground: #ffffff;
202
- --pds-color-input-foreground-critical: #ef5c48;
203
- --pds-color-input-foreground-default: #ffffff;
204
- --pds-color-input-foreground-success: #2abb7f;
205
- --pds-color-input-placeholder-text: #a6a3b4;
206
- --pds-color-input-toggle-switch-icon: #ffffff;
207
- --pds-color-input-toggle-switch-off: #504e62;
208
- --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
209
- --pds-color-interactive-focus: #36a3ff;
210
- --pds-color-interactive-link: #36a3ff;
211
- --pds-color-interactive-reverse-focus: #36a3ff;
212
- --pds-color-interactive-reverse-link: #36a3ff;
213
- --pds-color-link-active: #8a70ff;
214
- --pds-color-link-cta-active: #d0c6ff;
215
- --pds-color-link-cta-default: #8a70ff;
216
- --pds-color-link-cta-hover: #ad9bff;
217
- --pds-color-link-default: #36a3ff;
218
- --pds-color-link-hover: #8a70ff;
219
- --pds-color-link-visited: #8a70ff;
220
- --pds-color-menu-background: #282839;
221
- --pds-color-menu-item-background-active: #858299;
222
- --pds-color-menu-item-background-default: #282839;
223
- --pds-color-menu-item-background-hover: #504e62;
224
- --pds-color-menu-item-description-text: #a6a3b4;
225
- --pds-color-menu-item-foreground: #ffffff;
226
- --pds-color-menu-item-heading-text: #a6a3b4;
227
- --pds-color-overlay: rgba(9, 0, 48, 0.45);
228
- --pds-color-panel-default-background: var(--pds-color-background-default);
229
- --pds-color-panel-default-border: var(--pds-color-border-default);
230
- --pds-color-panel-sunken-background: #121219;
231
- --pds-color-partner-bitbucket: #004dc0;
232
- --pds-color-partner-drupal: #009cde;
233
- --pds-color-partner-gatsby: #663399;
234
- --pds-color-partner-gitlab: #ffedfb;
235
- --pds-color-partner-nextjs: #000000;
236
- --pds-color-partner-wordpress: #0073aa;
237
- --pds-color-progress-complete: #2abb7f;
238
- --pds-color-progress-empty: #a6a3b4;
239
- --pds-color-progress-partial: #388bff;
240
- --pds-color-semantic-critical-background: #391813;
241
- --pds-color-semantic-critical-foreground: #ef5c48;
242
- --pds-color-semantic-discovery-background: #231c3f;
243
- --pds-color-semantic-discovery-foreground: #8f7ee7;
244
- --pds-color-semantic-info-background: #082145;
245
- --pds-color-semantic-info-foreground: #388bff;
246
- --pds-color-semantic-success-background: #133527;
247
- --pds-color-semantic-success-foreground: #2abb7f;
248
- --pds-color-semantic-warning-background: #3d2e00;
249
- --pds-color-semantic-warning-foreground: #cf9f02;
250
- --pds-color-side-nav-background-hover: #282839;
251
- --pds-color-stepper-completed: #8a70ff;
252
- --pds-color-stepper-current: #8a70ff;
253
- --pds-color-stepper-default: #858299;
254
- --pds-color-stepper-error: #ef5c48;
255
- --pds-color-strength-fair: #cf9f02;
256
- --pds-color-strength-strong: #2abb7f;
257
- --pds-color-strength-very-weak: #a6a3b4;
258
- --pds-color-strength-weak: #ef5c48;
259
- --pds-color-table-sort-arrow-active: #8a70ff;
260
- --pds-color-table-sort-arrow-inactive: #a6a3b4;
261
- --pds-color-tabs-accent: #ad9bff;
262
- --pds-color-tag-1-background: #705e00;
263
- --pds-color-tag-1-foreground: #fffbe9;
264
- --pds-color-tag-10-background: #5b440a;
265
- --pds-color-tag-10-foreground: #efeadf;
266
- --pds-color-tag-2-background: #4e39a8;
267
- --pds-color-tag-2-foreground: #f3f0ff;
268
- --pds-color-tag-3-background: #560039;
269
- --pds-color-tag-3-foreground: #ffe5f6;
270
- --pds-color-tag-4-background: #504e62;
271
- --pds-color-tag-4-foreground: #e7e7eb;
272
- --pds-color-tag-5-background: #700000;
273
- --pds-color-tag-5-foreground: #ffebeb;
274
- --pds-color-tag-6-background: #b15902;
275
- --pds-color-tag-6-foreground: #fffae6;
276
- --pds-color-tag-7-background: #164b35;
277
- --pds-color-tag-7-foreground: #dffcf0;
278
- --pds-color-tag-8-background: #0f5f6a;
279
- --pds-color-tag-8-foreground: #f0fdff;
280
- --pds-color-tag-9-background: #0155cc;
281
- --pds-color-tag-9-foreground: #082145;
282
- --pds-color-tag-remove-button: #a6a3b4;
283
- --pds-color-text-default: var(--pds-color-foreground-default);
284
- --pds-color-text-default-secondary: #a6a3b4;
285
- --pds-color-text-reverse: var(--pds-color-foreground-reverse);
286
- --pds-color-tile-background-active: #858299;
287
- --pds-color-tile-background-hover: #504e62;
288
- --pds-color-tile-separator: #504e62;
289
- --pds-color-toggle-button-background-off: #504e62;
290
- --pds-color-toggle-button-foreground-off: #e7e7eb;
291
- --pds-color-tooltip-background: #a6a3b4;
292
- --pds-color-tooltip-text: #121219;
293
- --pds-color-tooltip-trigger-icon-critical: #ef5c48;
294
- --pds-color-tooltip-trigger-icon-default: #e7e7eb;
295
- --pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
296
- --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
297
- --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
13
+ --pds-color-background-brand-secondary: #4e39a8;
14
+ --pds-color-background-default: #1d1d29;
15
+ --pds-color-background-default-secondary: #282839;
16
+ --pds-color-background-reverse: #e7e7eb;
17
+ --pds-color-badge-indicator-diamond-background: #f0fdff;
18
+ --pds-color-badge-indicator-diamond-foreground: #388bff;
19
+ --pds-color-badge-indicator-gold-background: #fff1a9;
20
+ --pds-color-badge-indicator-gold-foreground: #705e00;
21
+ --pds-color-badge-indicator-info-background: #388bff;
22
+ --pds-color-badge-indicator-info-foreground: #ffffff;
23
+ --pds-color-badge-indicator-neutral-background: #504e62;
24
+ --pds-color-badge-indicator-neutral-foreground: #ffffff;
25
+ --pds-color-badge-indicator-platinum-background: #d0c6ff;
26
+ --pds-color-badge-indicator-platinum-foreground: #4e39a8;
27
+ --pds-color-badge-indicator-silver-background: #a6a3b4;
28
+ --pds-color-badge-indicator-silver-foreground: var(--pds-color-text-default-secondary);
29
+ --pds-color-badge-indicator-success-background: #2abb7f;
30
+ --pds-color-badge-indicator-success-foreground: #ffffff;
31
+ --pds-color-badge-status-dot-critical: var(--pds-color-semantic-critical-foreground);
32
+ --pds-color-badge-status-dot-default: #858299;
33
+ --pds-color-badge-status-dot-disabled: #858299;
34
+ --pds-color-badge-status-dot-discovery: var(--pds-color-semantic-discovery-foreground);
35
+ --pds-color-badge-status-dot-frozen: #d0c6ff;
36
+ --pds-color-badge-status-dot-info: var(--pds-color-semantic-info-foreground);
37
+ --pds-color-badge-status-dot-success: var(--pds-color-semantic-success-foreground);
38
+ --pds-color-badge-status-dot-warning: var(--pds-color-semantic-warning-foreground);
39
+ --pds-color-badge-status-neutral-background: var(--pds-color-background-default);
40
+ --pds-color-badge-status-neutral-border: var(--pds-color-border-default);
41
+ --pds-color-badge-status-neutral-label: var(--pds-color-text-default-secondary);
42
+ --pds-color-badge-status-reverse-background: var(--pds-color-background-reverse);
43
+ --pds-color-badge-status-reverse-border: var(--pds-color-background-reverse);
44
+ --pds-color-badge-status-reverse-label: var(--pds-color-text-reverse);
45
+ --pds-color-badge-status-transparent-background: rgba(0, 0, 0, 0);
46
+ --pds-color-badge-status-transparent-border: var(--pds-color-border-default);
47
+ --pds-color-badge-status-transparent-label: var(--pds-color-text-default-secondary);
48
+ --pds-color-banner-critical-background: linear-gradient(135deg, #CA3521 0%, #B95898 100%);
49
+ --pds-color-banner-critical-foreground: #ffffff;
50
+ --pds-color-banner-info-background: linear-gradient(315deg, #1265DA 0%, #5F41E5 100%);
51
+ --pds-color-banner-info-foreground: #ffffff;
52
+ --pds-color-banner-warning-background: linear-gradient(135deg, #DDBD16 0%, #DB7612 100%);
53
+ --pds-color-banner-warning-foreground: #121219;
54
+ --pds-color-border-default: #504e62;
55
+ --pds-color-brand-accent-default: #de0093;
56
+ --pds-color-brand-primary-default: #ffdc28;
57
+ --pds-color-brand-secondary-default: #8a70ff;
58
+ --pds-color-breadcrumb-link: var(--pds-color-link-default);
59
+ --pds-color-breadcrumb-separator: #858299;
60
+ --pds-color-breadcrumb-text: var(--pds-color-text-default-secondary);
61
+ --pds-color-button-brand-background-active: #ddbd16;
62
+ --pds-color-button-brand-background-default: #ffdc28;
63
+ --pds-color-button-brand-background-hover: #ffe668;
64
+ --pds-color-button-brand-border-active: #ddbd16;
65
+ --pds-color-button-brand-border-default: #ffdc28;
66
+ --pds-color-button-brand-border-hover: #ffe668;
67
+ --pds-color-button-brand-foreground-active: #121219;
68
+ --pds-color-button-brand-foreground-default: #121219;
69
+ --pds-color-button-brand-foreground-hover: #121219;
70
+ --pds-color-button-brand-secondary-background-active: #282839;
71
+ --pds-color-button-brand-secondary-background-default: rgba(0, 0, 0, 0);
72
+ --pds-color-button-brand-secondary-background-hover: #504e62;
73
+ --pds-color-button-brand-secondary-border-active: #504e62;
74
+ --pds-color-button-brand-secondary-border-default: #a6a3b4;
75
+ --pds-color-button-brand-secondary-border-hover: #ffffff;
76
+ --pds-color-button-brand-secondary-foreground-active: #e7e7eb;
77
+ --pds-color-button-brand-secondary-foreground-default: #e7e7eb;
78
+ --pds-color-button-brand-secondary-foreground-hover: #ffffff;
79
+ --pds-color-button-critical-background-active: #4b2d28;
80
+ --pds-color-button-critical-background-default: var(--pds-color-background-default);
81
+ --pds-color-button-critical-background-hover: var(--pds-color-semantic-critical-background);
82
+ --pds-color-button-critical-border-active: var(--pds-color-semantic-critical-foreground);
83
+ --pds-color-button-critical-border-default: var(--pds-color-semantic-critical-foreground);
84
+ --pds-color-button-critical-border-hover: var(--pds-color-semantic-critical-foreground);
85
+ --pds-color-button-critical-foreground-active: var(--pds-color-semantic-critical-foreground);
86
+ --pds-color-button-critical-foreground-default: var(--pds-color-semantic-critical-foreground);
87
+ --pds-color-button-critical-foreground-hover: var(--pds-color-semantic-critical-foreground);
88
+ --pds-color-button-navbar-foreground-active: var(--pds-color-link-active);
89
+ --pds-color-button-navbar-foreground-default: #ffffff;
90
+ --pds-color-button-navbar-foreground-hover: var(--pds-color-link-hover);
91
+ --pds-color-button-primary-background-active: #4e39a8;
92
+ --pds-color-button-primary-background-default: #8a70ff;
93
+ --pds-color-button-primary-background-hover: #ad9bff;
94
+ --pds-color-button-primary-border-active: #4e39a8;
95
+ --pds-color-button-primary-border-default: #8a70ff;
96
+ --pds-color-button-primary-border-hover: #ad9bff;
97
+ --pds-color-button-primary-foreground-active: #ffffff;
98
+ --pds-color-button-primary-foreground-default: #ffffff;
99
+ --pds-color-button-primary-foreground-hover: #ffffff;
100
+ --pds-color-button-secondary-background-active: #282839;
101
+ --pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
102
+ --pds-color-button-secondary-background-hover: #504e62;
103
+ --pds-color-button-secondary-border-active: #504e62;
104
+ --pds-color-button-secondary-border-default: #a6a3b4;
105
+ --pds-color-button-secondary-border-hover: #ffffff;
106
+ --pds-color-button-secondary-foreground-active: #e7e7eb;
107
+ --pds-color-button-secondary-foreground-default: #e7e7eb;
108
+ --pds-color-button-secondary-foreground-hover: #ffffff;
109
+ --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
110
+ --pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
111
+ --pds-color-button-subtle-foreground-active: var(--pds-color-link-active);
112
+ --pds-color-button-subtle-foreground-default: #d0c6ff;
113
+ --pds-color-button-subtle-foreground-hover: var(--pds-color-link-hover);
114
+ --pds-color-card-border: #504e62;
115
+ --pds-color-code-inline-background: #282839;
116
+ --pds-color-code-inline-border: #504e62;
117
+ --pds-color-code-inline-text: #ffffff;
118
+ --pds-color-expansion-panel-hover: #282839;
119
+ --pds-color-expansion-panel-open: #282839;
120
+ --pds-color-foreground-default: #ffffff;
121
+ --pds-color-foreground-reverse: #1d1d29;
122
+ --pds-color-gradient-after-hours: linear-gradient(228.64deg, #1B0874 41.87%, #29B2FF 100%);
123
+ --pds-color-gradient-midnight: linear-gradient(228.64deg, #1B0874 46.34%, #00E0C3 100%);
124
+ --pds-color-gradient-sunrise: linear-gradient(227.79deg, #1B0874 38.28%, #E65F35 100%);
125
+ --pds-color-gradient-sunset: linear-gradient(48.24deg, #EF13AD 0%, #1B0874 66.25%);
126
+ --pds-color-icon-button-background-active: #858299;
127
+ --pds-color-icon-button-background-default: rgba(0, 0, 0, 0);
128
+ --pds-color-icon-button-background-hover: #a6a3b4;
129
+ --pds-color-icon-button-foreground-default: #ffffff;
130
+ --pds-color-input-action-background-hover: #504e62;
131
+ --pds-color-input-background-critical: #1d1d29;
132
+ --pds-color-input-background-default: #1d1d29;
133
+ --pds-color-input-background-hover: #282839;
134
+ --pds-color-input-border-critical: #ef5c48;
135
+ --pds-color-input-border-default: #858299;
136
+ --pds-color-input-border-hover: #ad9bff;
137
+ --pds-color-input-border-success: #2abb7f;
138
+ --pds-color-input-checked-background: var(--pds-color-interactive-focus);
139
+ --pds-color-input-checked-foreground: #ffffff;
140
+ --pds-color-input-foreground-critical: #ef5c48;
141
+ --pds-color-input-foreground-default: #ffffff;
142
+ --pds-color-input-foreground-success: #2abb7f;
143
+ --pds-color-input-placeholder-text: #a6a3b4;
144
+ --pds-color-input-toggle-switch-icon: #ffffff;
145
+ --pds-color-input-toggle-switch-off: #504e62;
146
+ --pds-color-input-toggle-switch-on: var(--pds-color-interactive-focus);
147
+ --pds-color-interactive-focus: #36a3ff;
148
+ --pds-color-interactive-link: #36a3ff;
149
+ --pds-color-interactive-reverse-focus: #36a3ff;
150
+ --pds-color-interactive-reverse-link: #36a3ff;
151
+ --pds-color-link-active: #8a70ff;
152
+ --pds-color-link-cta-active: #d0c6ff;
153
+ --pds-color-link-cta-default: #8a70ff;
154
+ --pds-color-link-cta-hover: #ad9bff;
155
+ --pds-color-link-default: #36a3ff;
156
+ --pds-color-link-hover: #8a70ff;
157
+ --pds-color-link-visited: #8a70ff;
158
+ --pds-color-menu-background: #282839;
159
+ --pds-color-menu-item-background-active: #858299;
160
+ --pds-color-menu-item-background-default: #282839;
161
+ --pds-color-menu-item-background-hover: #504e62;
162
+ --pds-color-menu-item-description-text: #a6a3b4;
163
+ --pds-color-menu-item-foreground: #ffffff;
164
+ --pds-color-menu-item-heading-text: #a6a3b4;
165
+ --pds-color-overlay: rgba(9, 0, 48, 0.45);
166
+ --pds-color-panel-default-background: var(--pds-color-background-default);
167
+ --pds-color-panel-default-border: var(--pds-color-border-default);
168
+ --pds-color-panel-sunken-background: #121219;
169
+ --pds-color-partner-bitbucket: #004dc0;
170
+ --pds-color-partner-drupal: #009cde;
171
+ --pds-color-partner-gatsby: #663399;
172
+ --pds-color-partner-gitlab: #ffedfb;
173
+ --pds-color-partner-nextjs: #000000;
174
+ --pds-color-partner-wordpress: #0073aa;
175
+ --pds-color-progress-complete: #2abb7f;
176
+ --pds-color-progress-empty: #a6a3b4;
177
+ --pds-color-progress-partial: #388bff;
178
+ --pds-color-semantic-critical-background: #391813;
179
+ --pds-color-semantic-critical-foreground: #ef5c48;
180
+ --pds-color-semantic-discovery-background: #231c3f;
181
+ --pds-color-semantic-discovery-foreground: #8f7ee7;
182
+ --pds-color-semantic-info-background: #082145;
183
+ --pds-color-semantic-info-foreground: #388bff;
184
+ --pds-color-semantic-success-background: #133527;
185
+ --pds-color-semantic-success-foreground: #2abb7f;
186
+ --pds-color-semantic-warning-background: #3d2e00;
187
+ --pds-color-semantic-warning-foreground: #cf9f02;
188
+ --pds-color-side-nav-background-hover: #282839;
189
+ --pds-color-stepper-completed: #8a70ff;
190
+ --pds-color-stepper-current: #8a70ff;
191
+ --pds-color-stepper-default: #858299;
192
+ --pds-color-stepper-error: #ef5c48;
193
+ --pds-color-strength-fair: #cf9f02;
194
+ --pds-color-strength-strong: #2abb7f;
195
+ --pds-color-strength-very-weak: #a6a3b4;
196
+ --pds-color-strength-weak: #ef5c48;
197
+ --pds-color-table-sort-arrow-active: #8a70ff;
198
+ --pds-color-table-sort-arrow-inactive: #a6a3b4;
199
+ --pds-color-tabs-accent: #ad9bff;
200
+ --pds-color-tag-1-background: #705e00;
201
+ --pds-color-tag-1-foreground: #fffbe9;
202
+ --pds-color-tag-10-background: #5b440a;
203
+ --pds-color-tag-10-foreground: #efeadf;
204
+ --pds-color-tag-2-background: #4e39a8;
205
+ --pds-color-tag-2-foreground: #f3f0ff;
206
+ --pds-color-tag-3-background: #560039;
207
+ --pds-color-tag-3-foreground: #ffe5f6;
208
+ --pds-color-tag-4-background: #504e62;
209
+ --pds-color-tag-4-foreground: #e7e7eb;
210
+ --pds-color-tag-5-background: #700000;
211
+ --pds-color-tag-5-foreground: #ffebeb;
212
+ --pds-color-tag-6-background: #b15902;
213
+ --pds-color-tag-6-foreground: #fffae6;
214
+ --pds-color-tag-7-background: #164b35;
215
+ --pds-color-tag-7-foreground: #dffcf0;
216
+ --pds-color-tag-8-background: #0f5f6a;
217
+ --pds-color-tag-8-foreground: #f0fdff;
218
+ --pds-color-tag-9-background: #0155cc;
219
+ --pds-color-tag-9-foreground: #082145;
220
+ --pds-color-tag-remove-button: #a6a3b4;
221
+ --pds-color-text-default: var(--pds-color-foreground-default);
222
+ --pds-color-text-default-secondary: #a6a3b4;
223
+ --pds-color-text-reverse: var(--pds-color-foreground-reverse);
224
+ --pds-color-tile-background-active: #858299;
225
+ --pds-color-tile-background-hover: #504e62;
226
+ --pds-color-tile-separator: #504e62;
227
+ --pds-color-toggle-button-background-off: #504e62;
228
+ --pds-color-toggle-button-foreground-off: #e7e7eb;
229
+ --pds-color-tooltip-background: #a6a3b4;
230
+ --pds-color-tooltip-text: #121219;
231
+ --pds-color-tooltip-trigger-icon-critical: #ef5c48;
232
+ --pds-color-tooltip-trigger-icon-default: #e7e7eb;
233
+ --pds-elevation-dropdown: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
234
+ --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
235
+ --pds-elevation-raised: 0px 1px 1px 0px rgba(18, 18, 25, 0.95);
298
236
  }
@@ -57,6 +57,8 @@
57
57
  --pds-spacing-6xs: 0.125rem;
58
58
  --pds-spacing-7xl: 5.96rem;
59
59
  --pds-spacing-8xl: 7.451rem;
60
+ --pds-spacing-dashboard-nav-item-height: 2.25rem;
61
+ --pds-spacing-dashboard-nav-item-padding: 0.625rem;
60
62
  --pds-spacing-l: 1.25rem;
61
63
  --pds-spacing-m: 1rem;
62
64
  --pds-spacing-s: 0.8rem;
@@ -1630,7 +1630,8 @@
1630
1630
  "value": {
1631
1631
  "fontSize": "6.192 * 16",
1632
1632
  "fontFamily": "Poppins",
1633
- "fontWeight": 400
1633
+ "fontWeight": 400,
1634
+ "lineHeight": "120%"
1634
1635
  },
1635
1636
  "type": "typography",
1636
1637
  "filePath": "tokens-figma/typography/base.json",
@@ -1639,7 +1640,8 @@
1639
1640
  "value": {
1640
1641
  "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
1641
1642
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1642
- "fontWeight": "{typography.font-weight.regular}"
1643
+ "fontWeight": "{typography.font-weight.regular}",
1644
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1643
1645
  },
1644
1646
  "type": "typography"
1645
1647
  },
@@ -1661,7 +1663,8 @@
1661
1663
  "value": {
1662
1664
  "fontSize": "5.160 * 16",
1663
1665
  "fontFamily": "Poppins",
1664
- "fontWeight": 400
1666
+ "fontWeight": 400,
1667
+ "lineHeight": "120%"
1665
1668
  },
1666
1669
  "type": "typography",
1667
1670
  "filePath": "tokens-figma/typography/base.json",
@@ -1670,7 +1673,8 @@
1670
1673
  "value": {
1671
1674
  "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
1672
1675
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1673
- "fontWeight": "{typography.font-weight.regular}"
1676
+ "fontWeight": "{typography.font-weight.regular}",
1677
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1674
1678
  },
1675
1679
  "type": "typography"
1676
1680
  },
@@ -1692,7 +1696,8 @@
1692
1696
  "value": {
1693
1697
  "fontSize": "4.3 * 16",
1694
1698
  "fontFamily": "Poppins",
1695
- "fontWeight": 400
1699
+ "fontWeight": 400,
1700
+ "lineHeight": "120%"
1696
1701
  },
1697
1702
  "type": "typography",
1698
1703
  "filePath": "tokens-figma/typography/base.json",
@@ -1701,7 +1706,8 @@
1701
1706
  "value": {
1702
1707
  "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
1703
1708
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1704
- "fontWeight": "{typography.font-weight.regular}"
1709
+ "fontWeight": "{typography.font-weight.regular}",
1710
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1705
1711
  },
1706
1712
  "type": "typography"
1707
1713
  },
@@ -1723,7 +1729,8 @@
1723
1729
  "value": {
1724
1730
  "fontSize": "3.583 * 16",
1725
1731
  "fontFamily": "Poppins",
1726
- "fontWeight": 400
1732
+ "fontWeight": 400,
1733
+ "lineHeight": "120%"
1727
1734
  },
1728
1735
  "type": "typography",
1729
1736
  "filePath": "tokens-figma/typography/base.json",
@@ -1732,7 +1739,8 @@
1732
1739
  "value": {
1733
1740
  "fontSize": "{typography.size.6XL} * {figma.typography.size.base}",
1734
1741
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1735
- "fontWeight": "{typography.font-weight.regular}"
1742
+ "fontWeight": "{typography.font-weight.regular}",
1743
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1736
1744
  },
1737
1745
  "type": "typography"
1738
1746
  },
@@ -1754,7 +1762,8 @@
1754
1762
  "value": {
1755
1763
  "fontSize": "2.986 * 16",
1756
1764
  "fontFamily": "Poppins",
1757
- "fontWeight": 400
1765
+ "fontWeight": 400,
1766
+ "lineHeight": "120%"
1758
1767
  },
1759
1768
  "type": "typography",
1760
1769
  "filePath": "tokens-figma/typography/base.json",
@@ -1763,7 +1772,8 @@
1763
1772
  "value": {
1764
1773
  "fontSize": "{typography.size.5XL} * {figma.typography.size.base}",
1765
1774
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1766
- "fontWeight": "{typography.font-weight.regular}"
1775
+ "fontWeight": "{typography.font-weight.regular}",
1776
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1767
1777
  },
1768
1778
  "type": "typography"
1769
1779
  },
@@ -1785,7 +1795,8 @@
1785
1795
  "value": {
1786
1796
  "fontSize": "2.488 * 16",
1787
1797
  "fontFamily": "Poppins",
1788
- "fontWeight": 400
1798
+ "fontWeight": 400,
1799
+ "lineHeight": "120%"
1789
1800
  },
1790
1801
  "type": "typography",
1791
1802
  "filePath": "tokens-figma/typography/base.json",
@@ -1794,7 +1805,8 @@
1794
1805
  "value": {
1795
1806
  "fontSize": "{typography.size.4XL} * {figma.typography.size.base}",
1796
1807
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1797
- "fontWeight": "{typography.font-weight.regular}"
1808
+ "fontWeight": "{typography.font-weight.regular}",
1809
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1798
1810
  },
1799
1811
  "type": "typography"
1800
1812
  },
@@ -1816,7 +1828,8 @@
1816
1828
  "value": {
1817
1829
  "fontSize": "2.074 * 16",
1818
1830
  "fontFamily": "Poppins",
1819
- "fontWeight": 400
1831
+ "fontWeight": 400,
1832
+ "lineHeight": "120%"
1820
1833
  },
1821
1834
  "type": "typography",
1822
1835
  "filePath": "tokens-figma/typography/base.json",
@@ -1825,7 +1838,8 @@
1825
1838
  "value": {
1826
1839
  "fontSize": "{typography.size.3XL} * {figma.typography.size.base}",
1827
1840
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1828
- "fontWeight": "{typography.font-weight.regular}"
1841
+ "fontWeight": "{typography.font-weight.regular}",
1842
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1829
1843
  },
1830
1844
  "type": "typography"
1831
1845
  },
@@ -1847,7 +1861,8 @@
1847
1861
  "value": {
1848
1862
  "fontSize": "1.728 * 16",
1849
1863
  "fontFamily": "Poppins",
1850
- "fontWeight": 400
1864
+ "fontWeight": 400,
1865
+ "lineHeight": "120%"
1851
1866
  },
1852
1867
  "type": "typography",
1853
1868
  "filePath": "tokens-figma/typography/base.json",
@@ -1856,7 +1871,8 @@
1856
1871
  "value": {
1857
1872
  "fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
1858
1873
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
1859
- "fontWeight": "{typography.font-weight.regular}"
1874
+ "fontWeight": "{typography.font-weight.regular}",
1875
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
1860
1876
  },
1861
1877
  "type": "typography"
1862
1878
  },
@@ -2037,7 +2053,8 @@
2037
2053
  "value": {
2038
2054
  "fontSize": "6.192 * 16",
2039
2055
  "fontFamily": "Poppins",
2040
- "fontWeight": 600
2056
+ "fontWeight": 600,
2057
+ "lineHeight": "120%"
2041
2058
  },
2042
2059
  "type": "typography",
2043
2060
  "filePath": "tokens-figma/typography/base.json",
@@ -2046,7 +2063,8 @@
2046
2063
  "value": {
2047
2064
  "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2048
2065
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2049
- "fontWeight": "{typography.font-weight.semibold}"
2066
+ "fontWeight": "{typography.font-weight.semibold}",
2067
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2050
2068
  },
2051
2069
  "type": "typography"
2052
2070
  },
@@ -2068,7 +2086,8 @@
2068
2086
  "value": {
2069
2087
  "fontSize": "5.160 * 16",
2070
2088
  "fontFamily": "Poppins",
2071
- "fontWeight": 600
2089
+ "fontWeight": 600,
2090
+ "lineHeight": "120%"
2072
2091
  },
2073
2092
  "type": "typography",
2074
2093
  "filePath": "tokens-figma/typography/base.json",
@@ -2077,7 +2096,8 @@
2077
2096
  "value": {
2078
2097
  "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2079
2098
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2080
- "fontWeight": "{typography.font-weight.semibold}"
2099
+ "fontWeight": "{typography.font-weight.semibold}",
2100
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2081
2101
  },
2082
2102
  "type": "typography"
2083
2103
  },
@@ -2099,7 +2119,8 @@
2099
2119
  "value": {
2100
2120
  "fontSize": "4.3 * 16",
2101
2121
  "fontFamily": "Poppins",
2102
- "fontWeight": 600
2122
+ "fontWeight": 600,
2123
+ "lineHeight": "120%"
2103
2124
  },
2104
2125
  "type": "typography",
2105
2126
  "filePath": "tokens-figma/typography/base.json",
@@ -2108,7 +2129,8 @@
2108
2129
  "value": {
2109
2130
  "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2110
2131
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2111
- "fontWeight": "{typography.font-weight.semibold}"
2132
+ "fontWeight": "{typography.font-weight.semibold}",
2133
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2112
2134
  },
2113
2135
  "type": "typography"
2114
2136
  },
@@ -2130,7 +2152,8 @@
2130
2152
  "value": {
2131
2153
  "fontSize": "3.583 * 16",
2132
2154
  "fontFamily": "Poppins",
2133
- "fontWeight": 600
2155
+ "fontWeight": 600,
2156
+ "lineHeight": "120%"
2134
2157
  },
2135
2158
  "type": "typography",
2136
2159
  "filePath": "tokens-figma/typography/base.json",
@@ -2139,7 +2162,8 @@
2139
2162
  "value": {
2140
2163
  "fontSize": "{typography.size.6XL} * {figma.typography.size.base}",
2141
2164
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2142
- "fontWeight": "{typography.font-weight.semibold}"
2165
+ "fontWeight": "{typography.font-weight.semibold}",
2166
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2143
2167
  },
2144
2168
  "type": "typography"
2145
2169
  },
@@ -2161,7 +2185,8 @@
2161
2185
  "value": {
2162
2186
  "fontSize": "2.986 * 16",
2163
2187
  "fontFamily": "Poppins",
2164
- "fontWeight": 600
2188
+ "fontWeight": 600,
2189
+ "lineHeight": "120%"
2165
2190
  },
2166
2191
  "type": "typography",
2167
2192
  "filePath": "tokens-figma/typography/base.json",
@@ -2170,7 +2195,8 @@
2170
2195
  "value": {
2171
2196
  "fontSize": "{typography.size.5XL} * {figma.typography.size.base}",
2172
2197
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2173
- "fontWeight": "{typography.font-weight.semibold}"
2198
+ "fontWeight": "{typography.font-weight.semibold}",
2199
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2174
2200
  },
2175
2201
  "type": "typography"
2176
2202
  },
@@ -2192,7 +2218,8 @@
2192
2218
  "value": {
2193
2219
  "fontSize": "2.488 * 16",
2194
2220
  "fontFamily": "Poppins",
2195
- "fontWeight": 600
2221
+ "fontWeight": 600,
2222
+ "lineHeight": "120%"
2196
2223
  },
2197
2224
  "type": "typography",
2198
2225
  "filePath": "tokens-figma/typography/base.json",
@@ -2201,7 +2228,8 @@
2201
2228
  "value": {
2202
2229
  "fontSize": "{typography.size.4XL} * {figma.typography.size.base}",
2203
2230
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2204
- "fontWeight": "{typography.font-weight.semibold}"
2231
+ "fontWeight": "{typography.font-weight.semibold}",
2232
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2205
2233
  },
2206
2234
  "type": "typography"
2207
2235
  },
@@ -2223,7 +2251,8 @@
2223
2251
  "value": {
2224
2252
  "fontSize": "2.074 * 16",
2225
2253
  "fontFamily": "Poppins",
2226
- "fontWeight": 600
2254
+ "fontWeight": 600,
2255
+ "lineHeight": "120%"
2227
2256
  },
2228
2257
  "type": "typography",
2229
2258
  "filePath": "tokens-figma/typography/base.json",
@@ -2232,7 +2261,8 @@
2232
2261
  "value": {
2233
2262
  "fontSize": "{typography.size.3XL} * {figma.typography.size.base}",
2234
2263
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2235
- "fontWeight": "{typography.font-weight.semibold}"
2264
+ "fontWeight": "{typography.font-weight.semibold}",
2265
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2236
2266
  },
2237
2267
  "type": "typography"
2238
2268
  },
@@ -2254,7 +2284,8 @@
2254
2284
  "value": {
2255
2285
  "fontSize": "1.728 * 16",
2256
2286
  "fontFamily": "Poppins",
2257
- "fontWeight": 600
2287
+ "fontWeight": 600,
2288
+ "lineHeight": "120%"
2258
2289
  },
2259
2290
  "type": "typography",
2260
2291
  "filePath": "tokens-figma/typography/base.json",
@@ -2263,7 +2294,8 @@
2263
2294
  "value": {
2264
2295
  "fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
2265
2296
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2266
- "fontWeight": "{typography.font-weight.semibold}"
2297
+ "fontWeight": "{typography.font-weight.semibold}",
2298
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2267
2299
  },
2268
2300
  "type": "typography"
2269
2301
  },
@@ -2444,7 +2476,8 @@
2444
2476
  "value": {
2445
2477
  "fontSize": "6.192 * 16",
2446
2478
  "fontFamily": "Poppins",
2447
- "fontWeight": 700
2479
+ "fontWeight": 700,
2480
+ "lineHeight": "120%"
2448
2481
  },
2449
2482
  "type": "typography",
2450
2483
  "filePath": "tokens-figma/typography/base.json",
@@ -2453,7 +2486,8 @@
2453
2486
  "value": {
2454
2487
  "fontSize": "{typography.size.9XL} * {figma.typography.size.base}",
2455
2488
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2456
- "fontWeight": "{typography.font-weight.bold}"
2489
+ "fontWeight": "{typography.font-weight.bold}",
2490
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2457
2491
  },
2458
2492
  "type": "typography"
2459
2493
  },
@@ -2475,7 +2509,8 @@
2475
2509
  "value": {
2476
2510
  "fontSize": "5.160 * 16",
2477
2511
  "fontFamily": "Poppins",
2478
- "fontWeight": 700
2512
+ "fontWeight": 700,
2513
+ "lineHeight": "120%"
2479
2514
  },
2480
2515
  "type": "typography",
2481
2516
  "filePath": "tokens-figma/typography/base.json",
@@ -2484,7 +2519,8 @@
2484
2519
  "value": {
2485
2520
  "fontSize": "{typography.size.8XL} * {figma.typography.size.base}",
2486
2521
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2487
- "fontWeight": "{typography.font-weight.bold}"
2522
+ "fontWeight": "{typography.font-weight.bold}",
2523
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2488
2524
  },
2489
2525
  "type": "typography"
2490
2526
  },
@@ -2506,7 +2542,8 @@
2506
2542
  "value": {
2507
2543
  "fontSize": "4.3 * 16",
2508
2544
  "fontFamily": "Poppins",
2509
- "fontWeight": 700
2545
+ "fontWeight": 700,
2546
+ "lineHeight": "120%"
2510
2547
  },
2511
2548
  "type": "typography",
2512
2549
  "filePath": "tokens-figma/typography/base.json",
@@ -2515,7 +2552,8 @@
2515
2552
  "value": {
2516
2553
  "fontSize": "{typography.size.7XL} * {figma.typography.size.base}",
2517
2554
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2518
- "fontWeight": "{typography.font-weight.bold}"
2555
+ "fontWeight": "{typography.font-weight.bold}",
2556
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2519
2557
  },
2520
2558
  "type": "typography"
2521
2559
  },
@@ -2537,7 +2575,8 @@
2537
2575
  "value": {
2538
2576
  "fontSize": "3.583 * 16",
2539
2577
  "fontFamily": "Poppins",
2540
- "fontWeight": 700
2578
+ "fontWeight": 700,
2579
+ "lineHeight": "120%"
2541
2580
  },
2542
2581
  "type": "typography",
2543
2582
  "filePath": "tokens-figma/typography/base.json",
@@ -2546,7 +2585,8 @@
2546
2585
  "value": {
2547
2586
  "fontSize": "{typography.size.6XL} * {figma.typography.size.base}",
2548
2587
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2549
- "fontWeight": "{typography.font-weight.bold}"
2588
+ "fontWeight": "{typography.font-weight.bold}",
2589
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2550
2590
  },
2551
2591
  "type": "typography"
2552
2592
  },
@@ -2568,7 +2608,8 @@
2568
2608
  "value": {
2569
2609
  "fontSize": "2.986 * 16",
2570
2610
  "fontFamily": "Poppins",
2571
- "fontWeight": 700
2611
+ "fontWeight": 700,
2612
+ "lineHeight": "120%"
2572
2613
  },
2573
2614
  "type": "typography",
2574
2615
  "filePath": "tokens-figma/typography/base.json",
@@ -2577,7 +2618,8 @@
2577
2618
  "value": {
2578
2619
  "fontSize": "{typography.size.5XL} * {figma.typography.size.base}",
2579
2620
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2580
- "fontWeight": "{typography.font-weight.bold}"
2621
+ "fontWeight": "{typography.font-weight.bold}",
2622
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2581
2623
  },
2582
2624
  "type": "typography"
2583
2625
  },
@@ -2599,7 +2641,8 @@
2599
2641
  "value": {
2600
2642
  "fontSize": "2.488 * 16",
2601
2643
  "fontFamily": "Poppins",
2602
- "fontWeight": 700
2644
+ "fontWeight": 700,
2645
+ "lineHeight": "120%"
2603
2646
  },
2604
2647
  "type": "typography",
2605
2648
  "filePath": "tokens-figma/typography/base.json",
@@ -2608,7 +2651,8 @@
2608
2651
  "value": {
2609
2652
  "fontSize": "{typography.size.4XL} * {figma.typography.size.base}",
2610
2653
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2611
- "fontWeight": "{typography.font-weight.bold}"
2654
+ "fontWeight": "{typography.font-weight.bold}",
2655
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2612
2656
  },
2613
2657
  "type": "typography"
2614
2658
  },
@@ -2630,7 +2674,8 @@
2630
2674
  "value": {
2631
2675
  "fontSize": "2.074 * 16",
2632
2676
  "fontFamily": "Poppins",
2633
- "fontWeight": 700
2677
+ "fontWeight": 700,
2678
+ "lineHeight": "120%"
2634
2679
  },
2635
2680
  "type": "typography",
2636
2681
  "filePath": "tokens-figma/typography/base.json",
@@ -2639,7 +2684,8 @@
2639
2684
  "value": {
2640
2685
  "fontSize": "{typography.size.3XL} * {figma.typography.size.base}",
2641
2686
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2642
- "fontWeight": "{typography.font-weight.bold}"
2687
+ "fontWeight": "{typography.font-weight.bold}",
2688
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2643
2689
  },
2644
2690
  "type": "typography"
2645
2691
  },
@@ -2661,7 +2707,8 @@
2661
2707
  "value": {
2662
2708
  "fontSize": "1.728 * 16",
2663
2709
  "fontFamily": "Poppins",
2664
- "fontWeight": 700
2710
+ "fontWeight": 700,
2711
+ "lineHeight": "120%"
2665
2712
  },
2666
2713
  "type": "typography",
2667
2714
  "filePath": "tokens-figma/typography/base.json",
@@ -2670,7 +2717,8 @@
2670
2717
  "value": {
2671
2718
  "fontSize": "{typography.size.2XL} * {figma.typography.size.base}",
2672
2719
  "fontFamily": "{text.body.paragraph.value.fontFamily}",
2673
- "fontWeight": "{typography.font-weight.bold}"
2720
+ "fontWeight": "{typography.font-weight.bold}",
2721
+ "lineHeight": "{text.headings.h1.value.lineHeight}"
2674
2722
  },
2675
2723
  "type": "typography"
2676
2724
  },
@@ -986,6 +986,54 @@
986
986
  }
987
987
  },
988
988
  "spacing": {
989
+ "dashboard-nav": {
990
+ "item-height": {
991
+ "value": 2.25,
992
+ "defaultUnit": "rem",
993
+ "public": true,
994
+ "filePath": "tokens/spacing/alias.json",
995
+ "isSource": true,
996
+ "original": {
997
+ "value": 2.25,
998
+ "defaultUnit": "rem",
999
+ "public": true
1000
+ },
1001
+ "name": "spacing-dashboard-nav-item-height",
1002
+ "attributes": {
1003
+ "category": "spacing",
1004
+ "type": "dashboard-nav",
1005
+ "item": "item-height"
1006
+ },
1007
+ "path": [
1008
+ "spacing",
1009
+ "dashboard-nav",
1010
+ "item-height"
1011
+ ]
1012
+ },
1013
+ "item-padding": {
1014
+ "value": 0.625,
1015
+ "defaultUnit": "rem",
1016
+ "public": true,
1017
+ "filePath": "tokens/spacing/alias.json",
1018
+ "isSource": true,
1019
+ "original": {
1020
+ "value": 0.625,
1021
+ "defaultUnit": "rem",
1022
+ "public": true
1023
+ },
1024
+ "name": "spacing-dashboard-nav-item-padding",
1025
+ "attributes": {
1026
+ "category": "spacing",
1027
+ "type": "dashboard-nav",
1028
+ "item": "item-padding"
1029
+ },
1030
+ "path": [
1031
+ "spacing",
1032
+ "dashboard-nav",
1033
+ "item-padding"
1034
+ ]
1035
+ }
1036
+ },
989
1037
  "8XL": {
990
1038
  "value": "7.451",
991
1039
  "defaultUnit": "rem",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.120",
3
+ "version": "1.0.0-dev.121",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [