@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.
Files changed (8) hide show
  1. package/build/css/pds-design-tokens-dark-mode.css +18 -7
  2. package/build/css/pds-design-tokens-light-mode.css +16 -5
  3. package/build/figma/pds-design-tokens-figma.json +790 -56
  4. package/build/json/pds-design-tokens-dark-mode.json +326 -25
  5. package/build/json/pds-design-tokens-light-mode.json +326 -25
  6. package/build/scss/_pds-design-tokens-dark-mode.scss +18 -7
  7. package/build/scss/_pds-design-tokens-light-mode.scss +16 -5
  8. package/package.json +1 -1
package/build/json/pds-design-tokens-dark-mode.json CHANGED
@@ -88,7 +88,7 @@
88
88
  "value": "#1d1d29",
89
89
  "public": true,
90
90
  "isReferenceToInternal": true,
91
- "filePath": "tokens/color/alias/input.dark.json",
91
+ "filePath": "tokens/color/alias/form.dark.json",
92
92
  "isSource": true,
93
93
  "original": {
94
94
  "value": "{color.dark-mode.neutral.600.value}",
@@ -111,43 +111,126 @@
111
111
  "default"
112
112
  ]
113
113
  },
114
- "disabled": {
115
- "value": "#504e62",
114
+ "hover": {
115
+ "value": "#282839",
116
+ "public": true,
117
+ "isReferenceToInternal": true,
118
+ "filePath": "tokens/color/alias/form.dark.json",
119
+ "isSource": true,
120
+ "original": {
121
+ "value": "{color.dark-mode.neutral.500.value}",
122
+ "public": true,
123
+ "isReferenceToInternal": true
124
+ },
125
+ "name": "color-dark-mode-input-background-hover",
126
+ "attributes": {
127
+ "category": "color",
128
+ "type": "dark-mode",
129
+ "item": "input",
130
+ "subitem": "background",
131
+ "state": "hover"
132
+ },
133
+ "path": [
134
+ "color",
135
+ "dark-mode",
136
+ "input",
137
+ "background",
138
+ "hover"
139
+ ]
140
+ },
141
+ "active": {
142
+ "value": "#1d1d29",
143
+ "public": true,
144
+ "isReferenceToInternal": true,
145
+ "filePath": "tokens/color/alias/form.dark.json",
146
+ "isSource": true,
147
+ "original": {
148
+ "value": "{color.dark-mode.neutral.600.value}",
149
+ "public": true,
150
+ "isReferenceToInternal": true
151
+ },
152
+ "name": "color-dark-mode-input-background-active",
153
+ "attributes": {
154
+ "category": "color",
155
+ "type": "dark-mode",
156
+ "item": "input",
157
+ "subitem": "background",
158
+ "state": "active"
159
+ },
160
+ "path": [
161
+ "color",
162
+ "dark-mode",
163
+ "input",
164
+ "background",
165
+ "active"
166
+ ]
167
+ },
168
+ "success": {
169
+ "value": "#1d1d29",
170
+ "public": true,
171
+ "isReferenceToInternal": true,
172
+ "filePath": "tokens/color/alias/form.dark.json",
173
+ "isSource": true,
174
+ "original": {
175
+ "value": "{color.dark-mode.neutral.600.value}",
176
+ "public": true,
177
+ "isReferenceToInternal": true
178
+ },
179
+ "name": "color-dark-mode-input-background-success",
180
+ "attributes": {
181
+ "category": "color",
182
+ "type": "dark-mode",
183
+ "item": "input",
184
+ "subitem": "background",
185
+ "state": "success"
186
+ },
187
+ "path": [
188
+ "color",
189
+ "dark-mode",
190
+ "input",
191
+ "background",
192
+ "success"
193
+ ]
194
+ },
195
+ "critical": {
196
+ "value": "#1d1d29",
116
197
  "public": true,
117
198
  "isReferenceToInternal": true,
118
- "filePath": "tokens/color/alias/input.dark.json",
199
+ "filePath": "tokens/color/alias/form.dark.json",
119
200
  "isSource": true,
120
201
  "original": {
121
- "value": "{color.dark-mode.neutral.400.value}",
202
+ "value": "{color.dark-mode.neutral.600.value}",
122
203
  "public": true,
123
204
  "isReferenceToInternal": true
124
205
  },
125
- "name": "color-dark-mode-input-background-disabled",
206
+ "name": "color-dark-mode-input-background-critical",
126
207
  "attributes": {
127
208
  "category": "color",
128
209
  "type": "dark-mode",
129
210
  "item": "input",
130
211
  "subitem": "background",
131
- "state": "disabled"
212
+ "state": "critical"
132
213
  },
133
214
  "path": [
134
215
  "color",
135
216
  "dark-mode",
136
217
  "input",
137
218
  "background",
138
- "disabled"
219
+ "critical"
139
220
  ]
140
221
  }
141
222
  },
142
223
  "border": {
143
224
  "default": {
144
- "value": "#504e62",
225
+ "value": "#a6a3b4",
145
226
  "public": true,
146
- "filePath": "tokens/color/alias/input.dark.json",
227
+ "isReferenceToInternal": true,
228
+ "filePath": "tokens/color/alias/form.dark.json",
147
229
  "isSource": true,
148
230
  "original": {
149
- "value": "{color.dark-mode.border.default}",
150
- "public": true
231
+ "value": "{color.dark-mode.neutral.200.value}",
232
+ "public": true,
233
+ "isReferenceToInternal": true
151
234
  },
152
235
  "name": "color-dark-mode-input-border-default",
153
236
  "attributes": {
@@ -165,31 +248,249 @@
165
248
  "default"
166
249
  ]
167
250
  },
168
- "disabled": {
251
+ "hover": {
169
252
  "value": "#858299",
170
253
  "public": true,
171
254
  "isReferenceToInternal": true,
172
- "filePath": "tokens/color/alias/input.dark.json",
255
+ "filePath": "tokens/color/alias/form.dark.json",
173
256
  "isSource": true,
174
257
  "original": {
175
258
  "value": "{color.dark-mode.neutral.300.value}",
176
259
  "public": true,
177
260
  "isReferenceToInternal": true
178
261
  },
179
- "name": "color-dark-mode-input-border-disabled",
262
+ "name": "color-dark-mode-input-border-hover",
180
263
  "attributes": {
181
264
  "category": "color",
182
265
  "type": "dark-mode",
183
266
  "item": "input",
184
267
  "subitem": "border",
185
- "state": "disabled"
268
+ "state": "hover"
186
269
  },
187
270
  "path": [
188
271
  "color",
189
272
  "dark-mode",
190
273
  "input",
191
274
  "border",
192
- "disabled"
275
+ "hover"
276
+ ]
277
+ },
278
+ "active": {
279
+ "value": "#858299",
280
+ "public": true,
281
+ "isReferenceToInternal": true,
282
+ "filePath": "tokens/color/alias/form.dark.json",
283
+ "isSource": true,
284
+ "original": {
285
+ "value": "{color.dark-mode.neutral.300.value}",
286
+ "public": true,
287
+ "isReferenceToInternal": true
288
+ },
289
+ "name": "color-dark-mode-input-border-active",
290
+ "attributes": {
291
+ "category": "color",
292
+ "type": "dark-mode",
293
+ "item": "input",
294
+ "subitem": "border",
295
+ "state": "active"
296
+ },
297
+ "path": [
298
+ "color",
299
+ "dark-mode",
300
+ "input",
301
+ "border",
302
+ "active"
303
+ ]
304
+ },
305
+ "success": {
306
+ "value": "#22a06b",
307
+ "public": true,
308
+ "isReferenceToInternal": true,
309
+ "filePath": "tokens/color/alias/form.dark.json",
310
+ "isSource": true,
311
+ "original": {
312
+ "value": "{color.dark-mode.semantic.success.300.value}",
313
+ "public": true,
314
+ "isReferenceToInternal": true
315
+ },
316
+ "name": "color-dark-mode-input-border-success",
317
+ "attributes": {
318
+ "category": "color",
319
+ "type": "dark-mode",
320
+ "item": "input",
321
+ "subitem": "border",
322
+ "state": "success"
323
+ },
324
+ "path": [
325
+ "color",
326
+ "dark-mode",
327
+ "input",
328
+ "border",
329
+ "success"
330
+ ]
331
+ },
332
+ "critical": {
333
+ "value": "#e05757",
334
+ "public": true,
335
+ "isReferenceToInternal": true,
336
+ "filePath": "tokens/color/alias/form.dark.json",
337
+ "isSource": true,
338
+ "original": {
339
+ "value": "{color.dark-mode.semantic.error.300.value}",
340
+ "public": true,
341
+ "isReferenceToInternal": true
342
+ },
343
+ "name": "color-dark-mode-input-border-critical",
344
+ "attributes": {
345
+ "category": "color",
346
+ "type": "dark-mode",
347
+ "item": "input",
348
+ "subitem": "border",
349
+ "state": "critical"
350
+ },
351
+ "path": [
352
+ "color",
353
+ "dark-mode",
354
+ "input",
355
+ "border",
356
+ "critical"
357
+ ]
358
+ }
359
+ },
360
+ "foreground": {
361
+ "default": {
362
+ "value": "#ffffff",
363
+ "public": true,
364
+ "isReferenceToInternal": true,
365
+ "filePath": "tokens/color/alias/form.dark.json",
366
+ "isSource": true,
367
+ "original": {
368
+ "value": "{color.dark-mode.neutral.000.value}",
369
+ "public": true,
370
+ "isReferenceToInternal": true
371
+ },
372
+ "name": "color-dark-mode-input-foreground-default",
373
+ "attributes": {
374
+ "category": "color",
375
+ "type": "dark-mode",
376
+ "item": "input",
377
+ "subitem": "foreground",
378
+ "state": "default"
379
+ },
380
+ "path": [
381
+ "color",
382
+ "dark-mode",
383
+ "input",
384
+ "foreground",
385
+ "default"
386
+ ]
387
+ },
388
+ "hover": {
389
+ "value": "#ffffff",
390
+ "public": true,
391
+ "isReferenceToInternal": true,
392
+ "filePath": "tokens/color/alias/form.dark.json",
393
+ "isSource": true,
394
+ "original": {
395
+ "value": "{color.dark-mode.neutral.000.value}",
396
+ "public": true,
397
+ "isReferenceToInternal": true
398
+ },
399
+ "name": "color-dark-mode-input-foreground-hover",
400
+ "attributes": {
401
+ "category": "color",
402
+ "type": "dark-mode",
403
+ "item": "input",
404
+ "subitem": "foreground",
405
+ "state": "hover"
406
+ },
407
+ "path": [
408
+ "color",
409
+ "dark-mode",
410
+ "input",
411
+ "foreground",
412
+ "hover"
413
+ ]
414
+ },
415
+ "active": {
416
+ "value": "#ffffff",
417
+ "public": true,
418
+ "isReferenceToInternal": true,
419
+ "filePath": "tokens/color/alias/form.dark.json",
420
+ "isSource": true,
421
+ "original": {
422
+ "value": "{color.dark-mode.neutral.000.value}",
423
+ "public": true,
424
+ "isReferenceToInternal": true
425
+ },
426
+ "name": "color-dark-mode-input-foreground-active",
427
+ "attributes": {
428
+ "category": "color",
429
+ "type": "dark-mode",
430
+ "item": "input",
431
+ "subitem": "foreground",
432
+ "state": "active"
433
+ },
434
+ "path": [
435
+ "color",
436
+ "dark-mode",
437
+ "input",
438
+ "foreground",
439
+ "active"
440
+ ]
441
+ },
442
+ "success": {
443
+ "value": "#22a06b",
444
+ "public": true,
445
+ "isReferenceToInternal": true,
446
+ "filePath": "tokens/color/alias/form.dark.json",
447
+ "isSource": true,
448
+ "original": {
449
+ "value": "{color.dark-mode.semantic.success.300.value}",
450
+ "public": true,
451
+ "isReferenceToInternal": true
452
+ },
453
+ "name": "color-dark-mode-input-foreground-success",
454
+ "attributes": {
455
+ "category": "color",
456
+ "type": "dark-mode",
457
+ "item": "input",
458
+ "subitem": "foreground",
459
+ "state": "success"
460
+ },
461
+ "path": [
462
+ "color",
463
+ "dark-mode",
464
+ "input",
465
+ "foreground",
466
+ "success"
467
+ ]
468
+ },
469
+ "critical": {
470
+ "value": "#e05757",
471
+ "public": true,
472
+ "isReferenceToInternal": true,
473
+ "filePath": "tokens/color/alias/form.dark.json",
474
+ "isSource": true,
475
+ "original": {
476
+ "value": "{color.dark-mode.semantic.error.300.value}",
477
+ "public": true,
478
+ "isReferenceToInternal": true
479
+ },
480
+ "name": "color-dark-mode-input-foreground-critical",
481
+ "attributes": {
482
+ "category": "color",
483
+ "type": "dark-mode",
484
+ "item": "input",
485
+ "subitem": "foreground",
486
+ "state": "critical"
487
+ },
488
+ "path": [
489
+ "color",
490
+ "dark-mode",
491
+ "input",
492
+ "foreground",
493
+ "critical"
193
494
  ]
194
495
  }
195
496
  }
@@ -1538,13 +1839,13 @@
1538
1839
  },
1539
1840
  "menu": {
1540
1841
  "background": {
1541
- "value": "#121219",
1842
+ "value": "#282839",
1542
1843
  "public": true,
1543
1844
  "isReferenceToInternal": true,
1544
1845
  "filePath": "tokens/color/alias/menu.dark.json",
1545
1846
  "isSource": true,
1546
1847
  "original": {
1547
- "value": "{color.dark-mode.neutral.700}",
1848
+ "value": "{color.dark-mode.neutral.500}",
1548
1849
  "public": true,
1549
1850
  "isReferenceToInternal": true
1550
1851
  },
@@ -1565,13 +1866,13 @@
1565
1866
  "item": {
1566
1867
  "background": {
1567
1868
  "default": {
1568
- "value": "#121219",
1869
+ "value": "#282839",
1569
1870
  "public": true,
1570
1871
  "isReferenceToInternal": true,
1571
1872
  "filePath": "tokens/color/alias/menu.dark.json",
1572
1873
  "isSource": true,
1573
1874
  "original": {
1574
- "value": "{color.dark-mode.neutral.700}",
1875
+ "value": "{color.dark-mode.neutral.500}",
1575
1876
  "public": true,
1576
1877
  "isReferenceToInternal": true
1577
1878
  },
@@ -1593,13 +1894,13 @@
1593
1894
  ]
1594
1895
  },
1595
1896
  "hover": {
1596
- "value": "#282839",
1897
+ "value": "#504e62",
1597
1898
  "public": true,
1598
1899
  "isReferenceToInternal": true,
1599
1900
  "filePath": "tokens/color/alias/menu.dark.json",
1600
1901
  "isSource": true,
1601
1902
  "original": {
1602
- "value": "{color.dark-mode.neutral.500}",
1903
+ "value": "{color.dark-mode.neutral.400}",
1603
1904
  "public": true,
1604
1905
  "isReferenceToInternal": true
1605
1906
  },
@@ -1621,13 +1922,13 @@
1621
1922
  ]
1622
1923
  },
1623
1924
  "active": {
1624
- "value": "#504e62",
1925
+ "value": "#858299",
1625
1926
  "public": true,
1626
1927
  "isReferenceToInternal": true,
1627
1928
  "filePath": "tokens/color/alias/menu.dark.json",
1628
1929
  "isSource": true,
1629
1930
  "original": {
1630
- "value": "{color.dark-mode.neutral.400}",
1931
+ "value": "{color.dark-mode.neutral.300}",
1631
1932
  "public": true,
1632
1933
  "isReferenceToInternal": true
1633
1934
  },