@pantheon-systems/pds-design-tokens 1.0.0-dev.56 → 1.0.0-dev.57
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.
|
@@ -107,6 +107,12 @@
|
|
|
107
107
|
--pds-color-menu-item-description-text: #6d6d78;
|
|
108
108
|
--pds-color-menu-item-foreground: #23232d;
|
|
109
109
|
--pds-color-menu-item-heading-text: #6d6d78;
|
|
110
|
+
--pds-color-neutral-000: #ffffff;
|
|
111
|
+
--pds-color-neutral-100: #f8f8f8;
|
|
112
|
+
--pds-color-neutral-200: #f1f1f1;
|
|
113
|
+
--pds-color-neutral-300: #cfcfd3;
|
|
114
|
+
--pds-color-neutral-400: #6d6d78;
|
|
115
|
+
--pds-color-neutral-500: #23232d;
|
|
110
116
|
--pds-color-pager-background-active: #f0ecff;
|
|
111
117
|
--pds-color-pager-background-hover: #f1f1f1;
|
|
112
118
|
--pds-color-pager-foreground-active: #5f41e5;
|
|
@@ -17,6 +17,8 @@
|
|
|
17
17
|
--pds-border-radius-container: 0.375rem;
|
|
18
18
|
--pds-border-radius-default: 0.1875rem;
|
|
19
19
|
--pds-border-width-default: 1px;
|
|
20
|
+
--pds-container-marketing-padding-medium-large: 5%;
|
|
21
|
+
--pds-container-marketing-padding-small: 4%;
|
|
20
22
|
--pds-grid-marketing-column-medium-large: 5.125%;
|
|
21
23
|
--pds-grid-marketing-column-small: 21.34375%;
|
|
22
24
|
--pds-grid-marketing-gap-medium-large: 3.5%;
|
|
@@ -55,12 +57,4 @@
|
|
|
55
57
|
--pds-typography-line-height-xl: 195%;
|
|
56
58
|
--pds-typography-multiplier-medium: 0.85;
|
|
57
59
|
--pds-typography-multiplier-small: 0.75;
|
|
58
|
-
--pds-typography-size-2xl: 1.953em;
|
|
59
|
-
--pds-typography-size-3xl: 2.441em;
|
|
60
|
-
--pds-typography-size-4xl: 3.052em;
|
|
61
|
-
--pds-typography-size-l: 1.25em;
|
|
62
|
-
--pds-typography-size-m: 1em;
|
|
63
|
-
--pds-typography-size-s: 0.875em;
|
|
64
|
-
--pds-typography-size-xl: 1.563em;
|
|
65
|
-
--pds-typography-size-xs: 0.75em;
|
|
66
60
|
}
|
|
@@ -258,6 +258,62 @@
|
|
|
258
258
|
}
|
|
259
259
|
}
|
|
260
260
|
},
|
|
261
|
+
"container": {
|
|
262
|
+
"marketing": {
|
|
263
|
+
"padding": {
|
|
264
|
+
"small": {
|
|
265
|
+
"value": "4%",
|
|
266
|
+
"public": true,
|
|
267
|
+
"filePath": "tokens/container/base.json",
|
|
268
|
+
"isSource": true,
|
|
269
|
+
"original": {
|
|
270
|
+
"value": "4%",
|
|
271
|
+
"public": true,
|
|
272
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
273
|
+
"isSource": false
|
|
274
|
+
},
|
|
275
|
+
"name": "container-marketing-padding-small",
|
|
276
|
+
"attributes": {
|
|
277
|
+
"category": "container",
|
|
278
|
+
"type": "marketing",
|
|
279
|
+
"item": "padding",
|
|
280
|
+
"subitem": "small"
|
|
281
|
+
},
|
|
282
|
+
"path": [
|
|
283
|
+
"container",
|
|
284
|
+
"marketing",
|
|
285
|
+
"padding",
|
|
286
|
+
"small"
|
|
287
|
+
]
|
|
288
|
+
},
|
|
289
|
+
"medium-large": {
|
|
290
|
+
"value": "5%",
|
|
291
|
+
"public": true,
|
|
292
|
+
"filePath": "tokens/container/base.json",
|
|
293
|
+
"isSource": true,
|
|
294
|
+
"original": {
|
|
295
|
+
"value": "5%",
|
|
296
|
+
"public": true,
|
|
297
|
+
"filePath": "build/json/pds-design-tokens.json",
|
|
298
|
+
"isSource": false
|
|
299
|
+
},
|
|
300
|
+
"name": "container-marketing-padding-medium-large",
|
|
301
|
+
"attributes": {
|
|
302
|
+
"category": "container",
|
|
303
|
+
"type": "marketing",
|
|
304
|
+
"item": "padding",
|
|
305
|
+
"subitem": "medium-large"
|
|
306
|
+
},
|
|
307
|
+
"path": [
|
|
308
|
+
"container",
|
|
309
|
+
"marketing",
|
|
310
|
+
"padding",
|
|
311
|
+
"medium-large"
|
|
312
|
+
]
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
},
|
|
261
317
|
"text": {
|
|
262
318
|
"body": {
|
|
263
319
|
"paragraph": {
|
|
@@ -10835,10 +10891,12 @@
|
|
|
10835
10891
|
"neutral": {
|
|
10836
10892
|
"100": {
|
|
10837
10893
|
"value": "#f8f8f8",
|
|
10894
|
+
"public": true,
|
|
10838
10895
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10839
10896
|
"isSource": true,
|
|
10840
10897
|
"original": {
|
|
10841
|
-
"value": "#f8f8f8"
|
|
10898
|
+
"value": "#f8f8f8",
|
|
10899
|
+
"public": true
|
|
10842
10900
|
},
|
|
10843
10901
|
"name": "color-light-mode-neutral-100",
|
|
10844
10902
|
"attributes": {
|
|
@@ -10856,10 +10914,12 @@
|
|
|
10856
10914
|
},
|
|
10857
10915
|
"200": {
|
|
10858
10916
|
"value": "#f1f1f1",
|
|
10917
|
+
"public": true,
|
|
10859
10918
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10860
10919
|
"isSource": true,
|
|
10861
10920
|
"original": {
|
|
10862
|
-
"value": "#f1f1f1"
|
|
10921
|
+
"value": "#f1f1f1",
|
|
10922
|
+
"public": true
|
|
10863
10923
|
},
|
|
10864
10924
|
"name": "color-light-mode-neutral-200",
|
|
10865
10925
|
"attributes": {
|
|
@@ -10877,10 +10937,12 @@
|
|
|
10877
10937
|
},
|
|
10878
10938
|
"300": {
|
|
10879
10939
|
"value": "#cfcfd3",
|
|
10940
|
+
"public": true,
|
|
10880
10941
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10881
10942
|
"isSource": true,
|
|
10882
10943
|
"original": {
|
|
10883
|
-
"value": "#CFCFD3"
|
|
10944
|
+
"value": "#CFCFD3",
|
|
10945
|
+
"public": true
|
|
10884
10946
|
},
|
|
10885
10947
|
"name": "color-light-mode-neutral-300",
|
|
10886
10948
|
"attributes": {
|
|
@@ -10898,10 +10960,12 @@
|
|
|
10898
10960
|
},
|
|
10899
10961
|
"400": {
|
|
10900
10962
|
"value": "#6d6d78",
|
|
10963
|
+
"public": true,
|
|
10901
10964
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10902
10965
|
"isSource": true,
|
|
10903
10966
|
"original": {
|
|
10904
|
-
"value": "#6D6D78"
|
|
10967
|
+
"value": "#6D6D78",
|
|
10968
|
+
"public": true
|
|
10905
10969
|
},
|
|
10906
10970
|
"name": "color-light-mode-neutral-400",
|
|
10907
10971
|
"attributes": {
|
|
@@ -10919,10 +10983,12 @@
|
|
|
10919
10983
|
},
|
|
10920
10984
|
"500": {
|
|
10921
10985
|
"value": "#23232d",
|
|
10986
|
+
"public": true,
|
|
10922
10987
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10923
10988
|
"isSource": true,
|
|
10924
10989
|
"original": {
|
|
10925
|
-
"value": "#23232D"
|
|
10990
|
+
"value": "#23232D",
|
|
10991
|
+
"public": true
|
|
10926
10992
|
},
|
|
10927
10993
|
"name": "color-light-mode-neutral-500",
|
|
10928
10994
|
"attributes": {
|
|
@@ -10940,10 +11006,12 @@
|
|
|
10940
11006
|
},
|
|
10941
11007
|
"000": {
|
|
10942
11008
|
"value": "#ffffff",
|
|
11009
|
+
"public": true,
|
|
10943
11010
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
10944
11011
|
"isSource": true,
|
|
10945
11012
|
"original": {
|
|
10946
|
-
"value": "#FFFFFF"
|
|
11013
|
+
"value": "#FFFFFF",
|
|
11014
|
+
"public": true
|
|
10947
11015
|
},
|
|
10948
11016
|
"name": "color-light-mode-neutral-000",
|
|
10949
11017
|
"attributes": {
|
|
@@ -4296,10 +4296,12 @@
|
|
|
4296
4296
|
"neutral": {
|
|
4297
4297
|
"100": {
|
|
4298
4298
|
"value": "#f8f8f8",
|
|
4299
|
+
"public": true,
|
|
4299
4300
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4300
4301
|
"isSource": true,
|
|
4301
4302
|
"original": {
|
|
4302
|
-
"value": "#f8f8f8"
|
|
4303
|
+
"value": "#f8f8f8",
|
|
4304
|
+
"public": true
|
|
4303
4305
|
},
|
|
4304
4306
|
"name": "color-light-mode-neutral-100",
|
|
4305
4307
|
"attributes": {
|
|
@@ -4317,10 +4319,12 @@
|
|
|
4317
4319
|
},
|
|
4318
4320
|
"200": {
|
|
4319
4321
|
"value": "#f1f1f1",
|
|
4322
|
+
"public": true,
|
|
4320
4323
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4321
4324
|
"isSource": true,
|
|
4322
4325
|
"original": {
|
|
4323
|
-
"value": "#f1f1f1"
|
|
4326
|
+
"value": "#f1f1f1",
|
|
4327
|
+
"public": true
|
|
4324
4328
|
},
|
|
4325
4329
|
"name": "color-light-mode-neutral-200",
|
|
4326
4330
|
"attributes": {
|
|
@@ -4338,10 +4342,12 @@
|
|
|
4338
4342
|
},
|
|
4339
4343
|
"300": {
|
|
4340
4344
|
"value": "#cfcfd3",
|
|
4345
|
+
"public": true,
|
|
4341
4346
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4342
4347
|
"isSource": true,
|
|
4343
4348
|
"original": {
|
|
4344
|
-
"value": "#CFCFD3"
|
|
4349
|
+
"value": "#CFCFD3",
|
|
4350
|
+
"public": true
|
|
4345
4351
|
},
|
|
4346
4352
|
"name": "color-light-mode-neutral-300",
|
|
4347
4353
|
"attributes": {
|
|
@@ -4359,10 +4365,12 @@
|
|
|
4359
4365
|
},
|
|
4360
4366
|
"400": {
|
|
4361
4367
|
"value": "#6d6d78",
|
|
4368
|
+
"public": true,
|
|
4362
4369
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4363
4370
|
"isSource": true,
|
|
4364
4371
|
"original": {
|
|
4365
|
-
"value": "#6D6D78"
|
|
4372
|
+
"value": "#6D6D78",
|
|
4373
|
+
"public": true
|
|
4366
4374
|
},
|
|
4367
4375
|
"name": "color-light-mode-neutral-400",
|
|
4368
4376
|
"attributes": {
|
|
@@ -4380,10 +4388,12 @@
|
|
|
4380
4388
|
},
|
|
4381
4389
|
"500": {
|
|
4382
4390
|
"value": "#23232d",
|
|
4391
|
+
"public": true,
|
|
4383
4392
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4384
4393
|
"isSource": true,
|
|
4385
4394
|
"original": {
|
|
4386
|
-
"value": "#23232D"
|
|
4395
|
+
"value": "#23232D",
|
|
4396
|
+
"public": true
|
|
4387
4397
|
},
|
|
4388
4398
|
"name": "color-light-mode-neutral-500",
|
|
4389
4399
|
"attributes": {
|
|
@@ -4401,10 +4411,12 @@
|
|
|
4401
4411
|
},
|
|
4402
4412
|
"000": {
|
|
4403
4413
|
"value": "#ffffff",
|
|
4414
|
+
"public": true,
|
|
4404
4415
|
"filePath": "tokens/color/base/neutral.light.json",
|
|
4405
4416
|
"isSource": true,
|
|
4406
4417
|
"original": {
|
|
4407
|
-
"value": "#FFFFFF"
|
|
4418
|
+
"value": "#FFFFFF",
|
|
4419
|
+
"public": true
|
|
4408
4420
|
},
|
|
4409
4421
|
"name": "color-light-mode-neutral-000",
|
|
4410
4422
|
"attributes": {
|
|
@@ -237,6 +237,58 @@
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
},
|
|
240
|
+
"container": {
|
|
241
|
+
"marketing": {
|
|
242
|
+
"padding": {
|
|
243
|
+
"small": {
|
|
244
|
+
"value": "4%",
|
|
245
|
+
"public": true,
|
|
246
|
+
"filePath": "tokens/container/base.json",
|
|
247
|
+
"isSource": true,
|
|
248
|
+
"original": {
|
|
249
|
+
"value": "4%",
|
|
250
|
+
"public": true
|
|
251
|
+
},
|
|
252
|
+
"name": "container-marketing-padding-small",
|
|
253
|
+
"attributes": {
|
|
254
|
+
"category": "container",
|
|
255
|
+
"type": "marketing",
|
|
256
|
+
"item": "padding",
|
|
257
|
+
"subitem": "small"
|
|
258
|
+
},
|
|
259
|
+
"path": [
|
|
260
|
+
"container",
|
|
261
|
+
"marketing",
|
|
262
|
+
"padding",
|
|
263
|
+
"small"
|
|
264
|
+
]
|
|
265
|
+
},
|
|
266
|
+
"medium-large": {
|
|
267
|
+
"value": "5%",
|
|
268
|
+
"public": true,
|
|
269
|
+
"filePath": "tokens/container/base.json",
|
|
270
|
+
"isSource": true,
|
|
271
|
+
"original": {
|
|
272
|
+
"value": "5%",
|
|
273
|
+
"public": true
|
|
274
|
+
},
|
|
275
|
+
"name": "container-marketing-padding-medium-large",
|
|
276
|
+
"attributes": {
|
|
277
|
+
"category": "container",
|
|
278
|
+
"type": "marketing",
|
|
279
|
+
"item": "padding",
|
|
280
|
+
"subitem": "medium-large"
|
|
281
|
+
},
|
|
282
|
+
"path": [
|
|
283
|
+
"container",
|
|
284
|
+
"marketing",
|
|
285
|
+
"padding",
|
|
286
|
+
"medium-large"
|
|
287
|
+
]
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
},
|
|
240
292
|
"grid": {
|
|
241
293
|
"columns-4": {
|
|
242
294
|
"width": {
|
|
@@ -1330,14 +1382,12 @@
|
|
|
1330
1382
|
"value": "3.052",
|
|
1331
1383
|
"formula": "1.25**5",
|
|
1332
1384
|
"defaultUnit": "em",
|
|
1333
|
-
"public": true,
|
|
1334
1385
|
"filePath": "tokens/typography/base/size.json",
|
|
1335
1386
|
"isSource": true,
|
|
1336
1387
|
"original": {
|
|
1337
1388
|
"value": "3.052",
|
|
1338
1389
|
"formula": "{typography.scale-ratio}**5",
|
|
1339
|
-
"defaultUnit": "em"
|
|
1340
|
-
"public": true
|
|
1390
|
+
"defaultUnit": "em"
|
|
1341
1391
|
},
|
|
1342
1392
|
"name": "typography-size-4-xl",
|
|
1343
1393
|
"attributes": {
|
|
@@ -1355,14 +1405,12 @@
|
|
|
1355
1405
|
"value": "2.441",
|
|
1356
1406
|
"formula": "1.25**4",
|
|
1357
1407
|
"defaultUnit": "em",
|
|
1358
|
-
"public": true,
|
|
1359
1408
|
"filePath": "tokens/typography/base/size.json",
|
|
1360
1409
|
"isSource": true,
|
|
1361
1410
|
"original": {
|
|
1362
1411
|
"value": "2.441",
|
|
1363
1412
|
"formula": "{typography.scale-ratio}**4",
|
|
1364
|
-
"defaultUnit": "em"
|
|
1365
|
-
"public": true
|
|
1413
|
+
"defaultUnit": "em"
|
|
1366
1414
|
},
|
|
1367
1415
|
"name": "typography-size-3-xl",
|
|
1368
1416
|
"attributes": {
|
|
@@ -1380,14 +1428,12 @@
|
|
|
1380
1428
|
"value": "1.953",
|
|
1381
1429
|
"formula": "1.25**3",
|
|
1382
1430
|
"defaultUnit": "em",
|
|
1383
|
-
"public": true,
|
|
1384
1431
|
"filePath": "tokens/typography/base/size.json",
|
|
1385
1432
|
"isSource": true,
|
|
1386
1433
|
"original": {
|
|
1387
1434
|
"value": "1.953",
|
|
1388
1435
|
"formula": "{typography.scale-ratio}**3",
|
|
1389
|
-
"defaultUnit": "em"
|
|
1390
|
-
"public": true
|
|
1436
|
+
"defaultUnit": "em"
|
|
1391
1437
|
},
|
|
1392
1438
|
"name": "typography-size-2-xl",
|
|
1393
1439
|
"attributes": {
|
|
@@ -1405,14 +1451,12 @@
|
|
|
1405
1451
|
"value": "1.563",
|
|
1406
1452
|
"formula": "1.25**2",
|
|
1407
1453
|
"defaultUnit": "em",
|
|
1408
|
-
"public": true,
|
|
1409
1454
|
"filePath": "tokens/typography/base/size.json",
|
|
1410
1455
|
"isSource": true,
|
|
1411
1456
|
"original": {
|
|
1412
1457
|
"value": "1.563",
|
|
1413
1458
|
"formula": "{typography.scale-ratio}**2",
|
|
1414
|
-
"defaultUnit": "em"
|
|
1415
|
-
"public": true
|
|
1459
|
+
"defaultUnit": "em"
|
|
1416
1460
|
},
|
|
1417
1461
|
"name": "typography-size-xl",
|
|
1418
1462
|
"attributes": {
|
|
@@ -1430,14 +1474,12 @@
|
|
|
1430
1474
|
"value": "1.25",
|
|
1431
1475
|
"formula": "1.25**1",
|
|
1432
1476
|
"defaultUnit": "em",
|
|
1433
|
-
"public": true,
|
|
1434
1477
|
"filePath": "tokens/typography/base/size.json",
|
|
1435
1478
|
"isSource": true,
|
|
1436
1479
|
"original": {
|
|
1437
1480
|
"value": "1.25",
|
|
1438
1481
|
"formula": "{typography.scale-ratio}**1",
|
|
1439
|
-
"defaultUnit": "em"
|
|
1440
|
-
"public": true
|
|
1482
|
+
"defaultUnit": "em"
|
|
1441
1483
|
},
|
|
1442
1484
|
"name": "typography-size-l",
|
|
1443
1485
|
"attributes": {
|
|
@@ -1455,14 +1497,12 @@
|
|
|
1455
1497
|
"value": "1",
|
|
1456
1498
|
"comment": "Base value.",
|
|
1457
1499
|
"defaultUnit": "em",
|
|
1458
|
-
"public": true,
|
|
1459
1500
|
"filePath": "tokens/typography/base/size.json",
|
|
1460
1501
|
"isSource": true,
|
|
1461
1502
|
"original": {
|
|
1462
1503
|
"value": "1",
|
|
1463
1504
|
"comment": "Base value.",
|
|
1464
|
-
"defaultUnit": "em"
|
|
1465
|
-
"public": true
|
|
1505
|
+
"defaultUnit": "em"
|
|
1466
1506
|
},
|
|
1467
1507
|
"name": "typography-size-m",
|
|
1468
1508
|
"attributes": {
|
|
@@ -1480,14 +1520,12 @@
|
|
|
1480
1520
|
"value": "0.875",
|
|
1481
1521
|
"formula": "1.25**-1",
|
|
1482
1522
|
"defaultUnit": "em",
|
|
1483
|
-
"public": true,
|
|
1484
1523
|
"filePath": "tokens/typography/base/size.json",
|
|
1485
1524
|
"isSource": true,
|
|
1486
1525
|
"original": {
|
|
1487
1526
|
"value": "0.875",
|
|
1488
1527
|
"formula": "{typography.scale-ratio}**-1",
|
|
1489
|
-
"defaultUnit": "em"
|
|
1490
|
-
"public": true
|
|
1528
|
+
"defaultUnit": "em"
|
|
1491
1529
|
},
|
|
1492
1530
|
"name": "typography-size-s",
|
|
1493
1531
|
"attributes": {
|
|
@@ -1505,14 +1543,12 @@
|
|
|
1505
1543
|
"value": "0.75",
|
|
1506
1544
|
"formula": "1.25**-2",
|
|
1507
1545
|
"defaultUnit": "em",
|
|
1508
|
-
"public": true,
|
|
1509
1546
|
"filePath": "tokens/typography/base/size.json",
|
|
1510
1547
|
"isSource": true,
|
|
1511
1548
|
"original": {
|
|
1512
1549
|
"value": "0.75",
|
|
1513
1550
|
"formula": "{typography.scale-ratio}**-2",
|
|
1514
|
-
"defaultUnit": "em"
|
|
1515
|
-
"public": true
|
|
1551
|
+
"defaultUnit": "em"
|
|
1516
1552
|
},
|
|
1517
1553
|
"name": "typography-size-xs",
|
|
1518
1554
|
"attributes": {
|