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

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.
@@ -88,7 +88,7 @@
88
88
  "value": "#ffffff",
89
89
  "public": true,
90
90
  "isReferenceToInternal": true,
91
- "filePath": "tokens/color/alias/input.light.json",
91
+ "filePath": "tokens/color/alias/form.light.json",
92
92
  "isSource": true,
93
93
  "original": {
94
94
  "value": "{color.light-mode.neutral.000.value}",
@@ -111,43 +111,126 @@
111
111
  "default"
112
112
  ]
113
113
  },
114
- "disabled": {
115
- "value": "#cfcfd3",
114
+ "hover": {
115
+ "value": "#f0ecff",
116
+ "public": true,
117
+ "isReferenceToInternal": true,
118
+ "filePath": "tokens/color/alias/form.light.json",
119
+ "isSource": true,
120
+ "original": {
121
+ "value": "{color.light-mode.brand.secondary.100.value}",
122
+ "public": true,
123
+ "isReferenceToInternal": true
124
+ },
125
+ "name": "color-light-mode-input-background-hover",
126
+ "attributes": {
127
+ "category": "color",
128
+ "type": "light-mode",
129
+ "item": "input",
130
+ "subitem": "background",
131
+ "state": "hover"
132
+ },
133
+ "path": [
134
+ "color",
135
+ "light-mode",
136
+ "input",
137
+ "background",
138
+ "hover"
139
+ ]
140
+ },
141
+ "active": {
142
+ "value": "#ffffff",
143
+ "public": true,
144
+ "isReferenceToInternal": true,
145
+ "filePath": "tokens/color/alias/form.light.json",
146
+ "isSource": true,
147
+ "original": {
148
+ "value": "{color.light-mode.neutral.000.value}",
149
+ "public": true,
150
+ "isReferenceToInternal": true
151
+ },
152
+ "name": "color-light-mode-input-background-active",
153
+ "attributes": {
154
+ "category": "color",
155
+ "type": "light-mode",
156
+ "item": "input",
157
+ "subitem": "background",
158
+ "state": "active"
159
+ },
160
+ "path": [
161
+ "color",
162
+ "light-mode",
163
+ "input",
164
+ "background",
165
+ "active"
166
+ ]
167
+ },
168
+ "success": {
169
+ "value": "#ffffff",
116
170
  "public": true,
117
171
  "isReferenceToInternal": true,
118
- "filePath": "tokens/color/alias/input.light.json",
172
+ "filePath": "tokens/color/alias/form.light.json",
119
173
  "isSource": true,
120
174
  "original": {
121
- "value": "{color.light-mode.neutral.100.value}",
175
+ "value": "{color.light-mode.neutral.000.value}",
122
176
  "public": true,
123
177
  "isReferenceToInternal": true
124
178
  },
125
- "name": "color-light-mode-input-background-disabled",
179
+ "name": "color-light-mode-input-background-success",
126
180
  "attributes": {
127
181
  "category": "color",
128
182
  "type": "light-mode",
129
183
  "item": "input",
130
184
  "subitem": "background",
131
- "state": "disabled"
185
+ "state": "success"
132
186
  },
133
187
  "path": [
134
188
  "color",
135
189
  "light-mode",
136
190
  "input",
137
191
  "background",
138
- "disabled"
192
+ "success"
193
+ ]
194
+ },
195
+ "critical": {
196
+ "value": "#ffebeb",
197
+ "public": true,
198
+ "isReferenceToInternal": true,
199
+ "filePath": "tokens/color/alias/form.light.json",
200
+ "isSource": true,
201
+ "original": {
202
+ "value": "{color.light-mode.semantic.error.100.value}",
203
+ "public": true,
204
+ "isReferenceToInternal": true
205
+ },
206
+ "name": "color-light-mode-input-background-critical",
207
+ "attributes": {
208
+ "category": "color",
209
+ "type": "light-mode",
210
+ "item": "input",
211
+ "subitem": "background",
212
+ "state": "critical"
213
+ },
214
+ "path": [
215
+ "color",
216
+ "light-mode",
217
+ "input",
218
+ "background",
219
+ "critical"
139
220
  ]
140
221
  }
141
222
  },
142
223
  "border": {
143
224
  "default": {
144
- "value": "#cfcfd3",
225
+ "value": "#8f8f99",
145
226
  "public": true,
146
- "filePath": "tokens/color/alias/input.light.json",
227
+ "isReferenceToInternal": true,
228
+ "filePath": "tokens/color/alias/form.light.json",
147
229
  "isSource": true,
148
230
  "original": {
149
- "value": "{color.light-mode.border.default}",
150
- "public": true
231
+ "value": "{color.light-mode.neutral.300.value}",
232
+ "public": true,
233
+ "isReferenceToInternal": true
151
234
  },
152
235
  "name": "color-light-mode-input-border-default",
153
236
  "attributes": {
@@ -165,31 +248,249 @@
165
248
  "default"
166
249
  ]
167
250
  },
168
- "disabled": {
169
- "value": "#aeaeb6",
251
+ "hover": {
252
+ "value": "#785aff",
253
+ "public": true,
254
+ "isReferenceToInternal": true,
255
+ "filePath": "tokens/color/alias/form.light.json",
256
+ "isSource": true,
257
+ "original": {
258
+ "value": "{color.light-mode.brand.secondary.300.value}",
259
+ "public": true,
260
+ "isReferenceToInternal": true
261
+ },
262
+ "name": "color-light-mode-input-border-hover",
263
+ "attributes": {
264
+ "category": "color",
265
+ "type": "light-mode",
266
+ "item": "input",
267
+ "subitem": "border",
268
+ "state": "hover"
269
+ },
270
+ "path": [
271
+ "color",
272
+ "light-mode",
273
+ "input",
274
+ "border",
275
+ "hover"
276
+ ]
277
+ },
278
+ "active": {
279
+ "value": "#785aff",
280
+ "public": true,
281
+ "isReferenceToInternal": true,
282
+ "filePath": "tokens/color/alias/form.light.json",
283
+ "isSource": true,
284
+ "original": {
285
+ "value": "{color.light-mode.brand.secondary.300.value}",
286
+ "public": true,
287
+ "isReferenceToInternal": true
288
+ },
289
+ "name": "color-light-mode-input-border-active",
290
+ "attributes": {
291
+ "category": "color",
292
+ "type": "light-mode",
293
+ "item": "input",
294
+ "subitem": "border",
295
+ "state": "active"
296
+ },
297
+ "path": [
298
+ "color",
299
+ "light-mode",
300
+ "input",
301
+ "border",
302
+ "active"
303
+ ]
304
+ },
305
+ "success": {
306
+ "value": "#1f845a",
307
+ "public": true,
308
+ "isReferenceToInternal": true,
309
+ "filePath": "tokens/color/alias/form.light.json",
310
+ "isSource": true,
311
+ "original": {
312
+ "value": "{color.light-mode.semantic.success.400.value}",
313
+ "public": true,
314
+ "isReferenceToInternal": true
315
+ },
316
+ "name": "color-light-mode-input-border-success",
317
+ "attributes": {
318
+ "category": "color",
319
+ "type": "light-mode",
320
+ "item": "input",
321
+ "subitem": "border",
322
+ "state": "success"
323
+ },
324
+ "path": [
325
+ "color",
326
+ "light-mode",
327
+ "input",
328
+ "border",
329
+ "success"
330
+ ]
331
+ },
332
+ "critical": {
333
+ "value": "#d61f1f",
170
334
  "public": true,
171
335
  "isReferenceToInternal": true,
172
- "filePath": "tokens/color/alias/input.light.json",
336
+ "filePath": "tokens/color/alias/form.light.json",
173
337
  "isSource": true,
174
338
  "original": {
175
- "value": "{color.light-mode.neutral.200.value}",
339
+ "value": "{color.light-mode.semantic.error.400.value}",
176
340
  "public": true,
177
341
  "isReferenceToInternal": true
178
342
  },
179
- "name": "color-light-mode-input-border-disabled",
343
+ "name": "color-light-mode-input-border-critical",
180
344
  "attributes": {
181
345
  "category": "color",
182
346
  "type": "light-mode",
183
347
  "item": "input",
184
348
  "subitem": "border",
185
- "state": "disabled"
349
+ "state": "critical"
186
350
  },
187
351
  "path": [
188
352
  "color",
189
353
  "light-mode",
190
354
  "input",
191
355
  "border",
192
- "disabled"
356
+ "critical"
357
+ ]
358
+ }
359
+ },
360
+ "foreground": {
361
+ "default": {
362
+ "value": "#23232d",
363
+ "public": true,
364
+ "isReferenceToInternal": true,
365
+ "filePath": "tokens/color/alias/form.light.json",
366
+ "isSource": true,
367
+ "original": {
368
+ "value": "{color.light-mode.neutral.700.value}",
369
+ "public": true,
370
+ "isReferenceToInternal": true
371
+ },
372
+ "name": "color-light-mode-input-foreground-default",
373
+ "attributes": {
374
+ "category": "color",
375
+ "type": "light-mode",
376
+ "item": "input",
377
+ "subitem": "foreground",
378
+ "state": "default"
379
+ },
380
+ "path": [
381
+ "color",
382
+ "light-mode",
383
+ "input",
384
+ "foreground",
385
+ "default"
386
+ ]
387
+ },
388
+ "hover": {
389
+ "value": "#23232d",
390
+ "public": true,
391
+ "isReferenceToInternal": true,
392
+ "filePath": "tokens/color/alias/form.light.json",
393
+ "isSource": true,
394
+ "original": {
395
+ "value": "{color.light-mode.neutral.700.value}",
396
+ "public": true,
397
+ "isReferenceToInternal": true
398
+ },
399
+ "name": "color-light-mode-input-foreground-hover",
400
+ "attributes": {
401
+ "category": "color",
402
+ "type": "light-mode",
403
+ "item": "input",
404
+ "subitem": "foreground",
405
+ "state": "hover"
406
+ },
407
+ "path": [
408
+ "color",
409
+ "light-mode",
410
+ "input",
411
+ "foreground",
412
+ "hover"
413
+ ]
414
+ },
415
+ "active": {
416
+ "value": "#23232d",
417
+ "public": true,
418
+ "isReferenceToInternal": true,
419
+ "filePath": "tokens/color/alias/form.light.json",
420
+ "isSource": true,
421
+ "original": {
422
+ "value": "{color.light-mode.neutral.700.value}",
423
+ "public": true,
424
+ "isReferenceToInternal": true
425
+ },
426
+ "name": "color-light-mode-input-foreground-active",
427
+ "attributes": {
428
+ "category": "color",
429
+ "type": "light-mode",
430
+ "item": "input",
431
+ "subitem": "foreground",
432
+ "state": "active"
433
+ },
434
+ "path": [
435
+ "color",
436
+ "light-mode",
437
+ "input",
438
+ "foreground",
439
+ "active"
440
+ ]
441
+ },
442
+ "success": {
443
+ "value": "#1f845a",
444
+ "public": true,
445
+ "isReferenceToInternal": true,
446
+ "filePath": "tokens/color/alias/form.light.json",
447
+ "isSource": true,
448
+ "original": {
449
+ "value": "{color.light-mode.semantic.success.400.value}",
450
+ "public": true,
451
+ "isReferenceToInternal": true
452
+ },
453
+ "name": "color-light-mode-input-foreground-success",
454
+ "attributes": {
455
+ "category": "color",
456
+ "type": "light-mode",
457
+ "item": "input",
458
+ "subitem": "foreground",
459
+ "state": "success"
460
+ },
461
+ "path": [
462
+ "color",
463
+ "light-mode",
464
+ "input",
465
+ "foreground",
466
+ "success"
467
+ ]
468
+ },
469
+ "critical": {
470
+ "value": "#d61f1f",
471
+ "public": true,
472
+ "isReferenceToInternal": true,
473
+ "filePath": "tokens/color/alias/form.light.json",
474
+ "isSource": true,
475
+ "original": {
476
+ "value": "{color.light-mode.semantic.error.400.value}",
477
+ "public": true,
478
+ "isReferenceToInternal": true
479
+ },
480
+ "name": "color-light-mode-input-foreground-critical",
481
+ "attributes": {
482
+ "category": "color",
483
+ "type": "light-mode",
484
+ "item": "input",
485
+ "subitem": "foreground",
486
+ "state": "critical"
487
+ },
488
+ "path": [
489
+ "color",
490
+ "light-mode",
491
+ "input",
492
+ "foreground",
493
+ "critical"
193
494
  ]
194
495
  }
195
496
  }
@@ -512,13 +813,13 @@
512
813
  ]
513
814
  },
514
815
  "active": {
515
- "value": "#cfcfd3",
816
+ "value": "#e5dbff",
516
817
  "public": true,
517
818
  "isReferenceToInternal": true,
518
819
  "filePath": "tokens/color/alias/interactive.light.json",
519
820
  "isSource": true,
520
821
  "original": {
521
- "value": "{color.light-mode.neutral.100.value}",
822
+ "value": "{color.light-mode.brand.secondary.200.value}",
522
823
  "public": true,
523
824
  "isReferenceToInternal": true
524
825
  },
@@ -770,13 +1071,13 @@
770
1071
  ]
771
1072
  },
772
1073
  "active": {
773
- "value": "#cfcfd3",
1074
+ "value": "#e5dbff",
774
1075
  "public": true,
775
1076
  "isReferenceToInternal": true,
776
1077
  "filePath": "tokens/color/alias/interactive.light.json",
777
1078
  "isSource": true,
778
1079
  "original": {
779
- "value": "{color.light-mode.neutral.100.value}",
1080
+ "value": "{color.light-mode.brand.secondary.200.value}",
780
1081
  "public": true,
781
1082
  "isReferenceToInternal": true
782
1083
  },
@@ -2289,11 +2590,11 @@
2289
2590
  ]
2290
2591
  },
2291
2592
  "200": {
2292
- "value": "#c3b6ff",
2593
+ "value": "#e5dbff",
2293
2594
  "filePath": "tokens/color/base/brand.light.json",
2294
2595
  "isSource": true,
2295
2596
  "original": {
2296
- "value": "#C3B6FF"
2597
+ "value": "#E5DBFF"
2297
2598
  },
2298
2599
  "name": "color-light-mode-brand-secondary-200",
2299
2600
  "attributes": {
@@ -61,19 +61,30 @@ $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B
61
61
  $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
62
62
  $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
63
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;
64
66
  $pds-color-input-background-default: #1d1d29;
65
- $pds-color-input-background-disabled: #504e62;
66
- $pds-color-input-border-default: $pds-color-border-default;
67
- $pds-color-input-border-disabled: #858299;
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;
68
79
  $pds-color-interactive-focus: #36a3ff;
69
80
  $pds-color-link-active: #2776b9;
70
81
  $pds-color-link-default: #36a3ff;
71
82
  $pds-color-link-hover: #2776b9;
72
83
  $pds-color-link-visited: #967fff;
73
- $pds-color-menu-background: #121219;
74
- $pds-color-menu-item-background-active: #504e62;
75
- $pds-color-menu-item-background-default: #121219;
76
- $pds-color-menu-item-background-hover: #282839;
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;
77
88
  $pds-color-menu-item-description-text: #a6a3b4;
78
89
  $pds-color-menu-item-foreground: #ffffff;
79
90
  $pds-color-menu-item-heading-text: #a6a3b4;
@@ -40,7 +40,7 @@ $pds-color-button-primary-border-hover: #785aff;
40
40
  $pds-color-button-primary-foreground-active: #ffffff;
41
41
  $pds-color-button-primary-foreground-default: #ffffff;
42
42
  $pds-color-button-primary-foreground-hover: #ffffff;
43
- $pds-color-button-secondary-background-active: #cfcfd3;
43
+ $pds-color-button-secondary-background-active: #e5dbff;
44
44
  $pds-color-button-secondary-background-default: rgba(0, 0, 0, 0);
45
45
  $pds-color-button-secondary-background-hover: #f0ecff;
46
46
  $pds-color-button-secondary-border-active: #11005d;
@@ -49,7 +49,7 @@ $pds-color-button-secondary-border-hover: #785aff;
49
49
  $pds-color-button-secondary-foreground-active: #11005d;
50
50
  $pds-color-button-secondary-foreground-default: #3017a1;
51
51
  $pds-color-button-secondary-foreground-hover: #3017a1;
52
- $pds-color-button-subtle-background-active: #cfcfd3;
52
+ $pds-color-button-subtle-background-active: #e5dbff;
53
53
  $pds-color-button-subtle-background-default: rgba(0, 0, 0, 0);
54
54
  $pds-color-button-subtle-background-hover: #f0ecff;
55
55
  $pds-color-button-subtle-border-default: rgba(0, 0, 0, 0);
@@ -61,10 +61,21 @@ $pds-color-gradient-after-hours: linear-gradient(228.64deg, #2B017B 41.87%, #29B
61
61
  $pds-color-gradient-midnight: linear-gradient(228.64deg, #3017A1 46.34%, #00E0C3 100%);
62
62
  $pds-color-gradient-sunrise: linear-gradient(227.79deg, #300068 38.28%, #E65F35 100%);
63
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;
64
66
  $pds-color-input-background-default: #ffffff;
65
- $pds-color-input-background-disabled: #cfcfd3;
66
- $pds-color-input-border-default: $pds-color-border-default;
67
- $pds-color-input-border-disabled: #aeaeb6;
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;
68
79
  $pds-color-interactive-focus: #0f62fe;
69
80
  $pds-color-link-active: #003cac;
70
81
  $pds-color-link-default: #0f62fe;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-design-tokens",
3
- "version": "1.0.0-dev.7",
3
+ "version": "1.0.0-dev.9",
4
4
  "description": "Design Tokens for the Pantheon Design System",
5
5
  "homepage": "https://pantheon.io",
6
6
  "keywords": [