@patternfly/design-tokens 1.14.2 → 1.14.4
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.
- package/build/css/tokens-charts-dark.scss +1 -1
- package/build/css/tokens-charts.scss +1 -1
- package/build/css/tokens-dark.scss +2 -1
- package/build/css/tokens-default.scss +7 -5
- package/build/css/tokens-highcontrast-dark.scss +2 -1
- package/build/css/tokens-highcontrast.scss +7 -5
- package/build/css/tokens-palette.scss +1 -1
- package/build.js +5 -2
- package/package.json +8 -8
- package/patternfly-docs/content/token-layers-dark.json +455 -297
- package/patternfly-docs/content/token-layers-default.json +451 -297
- package/patternfly-docs/content/tokensTable.js +201 -154
- package/patternfly-docs/content/tokensToolbar.js +56 -46
- package/plugins/export-patternfly-tokens/README.md +7 -5
- package/tokens/dark/charts.dark.json +4 -4
- package/tokens/dark/semantic.dark.json +6 -0
- package/tokens/default/charts.json +4 -4
- package/tokens/default/semantic.dimension.json +32 -26
- package/tokens/default/semantic.json +6 -0
- package/tokens/default/semantic.motion.json +14 -14
- package/tokens/highcontrast/semantic.dimension.highcontrast.json +32 -26
- package/tokens/highcontrast/semantic.highcontrast.json +6 -0
- package/tokens/highcontrast-dark/semantic.highcontrast.dark.json +6 -0
|
@@ -10779,6 +10779,108 @@
|
|
|
10779
10779
|
]
|
|
10780
10780
|
}
|
|
10781
10781
|
},
|
|
10782
|
+
"pf-t--global--border--color--main--default": {
|
|
10783
|
+
"default": {
|
|
10784
|
+
"type": "color",
|
|
10785
|
+
"value": "#ffffff",
|
|
10786
|
+
"filePath": "tokens/default/semantic.json",
|
|
10787
|
+
"isSource": true,
|
|
10788
|
+
"original": {
|
|
10789
|
+
"type": "color",
|
|
10790
|
+
"value": "{global.background.color.primary.default}"
|
|
10791
|
+
},
|
|
10792
|
+
"name": "pf-t--global--border--color--main--default",
|
|
10793
|
+
"attributes": {
|
|
10794
|
+
"category": "global",
|
|
10795
|
+
"type": "border",
|
|
10796
|
+
"item": "color",
|
|
10797
|
+
"subitem": "main",
|
|
10798
|
+
"state": "default"
|
|
10799
|
+
},
|
|
10800
|
+
"path": [
|
|
10801
|
+
"global",
|
|
10802
|
+
"border",
|
|
10803
|
+
"color",
|
|
10804
|
+
"main",
|
|
10805
|
+
"default"
|
|
10806
|
+
],
|
|
10807
|
+
"references": [
|
|
10808
|
+
{
|
|
10809
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
10810
|
+
"type": "color",
|
|
10811
|
+
"value": "#ffffff",
|
|
10812
|
+
"filePath": "tokens/default/semantic.json",
|
|
10813
|
+
"isSource": true,
|
|
10814
|
+
"original": {
|
|
10815
|
+
"description": "Use as the primary background color for UI content such as cards, page sections, and other content areas.",
|
|
10816
|
+
"type": "color",
|
|
10817
|
+
"value": "{global.background.color.100}"
|
|
10818
|
+
},
|
|
10819
|
+
"name": "pf-t--global--background--color--primary--default",
|
|
10820
|
+
"attributes": {
|
|
10821
|
+
"category": "global",
|
|
10822
|
+
"type": "background",
|
|
10823
|
+
"item": "color",
|
|
10824
|
+
"subitem": "primary",
|
|
10825
|
+
"state": "default"
|
|
10826
|
+
},
|
|
10827
|
+
"path": [
|
|
10828
|
+
"global",
|
|
10829
|
+
"background",
|
|
10830
|
+
"color",
|
|
10831
|
+
"primary",
|
|
10832
|
+
"default"
|
|
10833
|
+
],
|
|
10834
|
+
"references": [
|
|
10835
|
+
{
|
|
10836
|
+
"type": "color",
|
|
10837
|
+
"value": "#ffffff",
|
|
10838
|
+
"filePath": "tokens/default/base.json",
|
|
10839
|
+
"isSource": true,
|
|
10840
|
+
"original": {
|
|
10841
|
+
"type": "color",
|
|
10842
|
+
"value": "{color.white}"
|
|
10843
|
+
},
|
|
10844
|
+
"name": "pf-t--global--background--color--100",
|
|
10845
|
+
"attributes": {
|
|
10846
|
+
"category": "global",
|
|
10847
|
+
"type": "background",
|
|
10848
|
+
"item": "color",
|
|
10849
|
+
"subitem": "100"
|
|
10850
|
+
},
|
|
10851
|
+
"path": [
|
|
10852
|
+
"global",
|
|
10853
|
+
"background",
|
|
10854
|
+
"color",
|
|
10855
|
+
"100"
|
|
10856
|
+
],
|
|
10857
|
+
"references": [
|
|
10858
|
+
{
|
|
10859
|
+
"type": "color",
|
|
10860
|
+
"value": "#ffffff",
|
|
10861
|
+
"filePath": "tokens/default/palette.color.json",
|
|
10862
|
+
"isSource": true,
|
|
10863
|
+
"original": {
|
|
10864
|
+
"type": "color",
|
|
10865
|
+
"value": "#ffffff"
|
|
10866
|
+
},
|
|
10867
|
+
"name": "pf-t--color--white",
|
|
10868
|
+
"attributes": {
|
|
10869
|
+
"category": "color",
|
|
10870
|
+
"type": "white"
|
|
10871
|
+
},
|
|
10872
|
+
"path": [
|
|
10873
|
+
"color",
|
|
10874
|
+
"white"
|
|
10875
|
+
]
|
|
10876
|
+
}
|
|
10877
|
+
]
|
|
10878
|
+
}
|
|
10879
|
+
]
|
|
10880
|
+
}
|
|
10881
|
+
]
|
|
10882
|
+
}
|
|
10883
|
+
},
|
|
10782
10884
|
"pf-t--global--border--color--nonstatus--red--default": {
|
|
10783
10885
|
"default": {
|
|
10784
10886
|
"description": "Use as the default border color for any element that does not convey status and that you always will want to be red (i.e. color-coded labels, banners, etc.)",
|
|
@@ -32401,250 +32503,165 @@
|
|
|
32401
32503
|
]
|
|
32402
32504
|
}
|
|
32403
32505
|
},
|
|
32404
|
-
"pf-t--global--border--width--
|
|
32506
|
+
"pf-t--global--border--width--main--default": {
|
|
32405
32507
|
"default": {
|
|
32406
|
-
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32407
32508
|
"type": "number",
|
|
32408
|
-
"value": "
|
|
32509
|
+
"value": "4px",
|
|
32409
32510
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32410
32511
|
"isSource": true,
|
|
32411
32512
|
"original": {
|
|
32412
|
-
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32413
32513
|
"type": "number",
|
|
32414
|
-
"value": "{global.border.width.
|
|
32514
|
+
"value": "{global.border.width.400}"
|
|
32415
32515
|
},
|
|
32416
|
-
"name": "pf-t--global--border--width--
|
|
32516
|
+
"name": "pf-t--global--border--width--main--default",
|
|
32417
32517
|
"attributes": {
|
|
32418
32518
|
"category": "global",
|
|
32419
32519
|
"type": "border",
|
|
32420
32520
|
"item": "width",
|
|
32421
|
-
"subitem": "
|
|
32521
|
+
"subitem": "main",
|
|
32422
32522
|
"state": "default"
|
|
32423
32523
|
},
|
|
32424
32524
|
"path": [
|
|
32425
32525
|
"global",
|
|
32426
32526
|
"border",
|
|
32427
32527
|
"width",
|
|
32428
|
-
"
|
|
32528
|
+
"main",
|
|
32429
32529
|
"default"
|
|
32430
32530
|
],
|
|
32431
32531
|
"references": [
|
|
32432
32532
|
{
|
|
32433
32533
|
"type": "number",
|
|
32434
|
-
"value": "
|
|
32534
|
+
"value": "4px",
|
|
32435
32535
|
"filePath": "tokens/default/base.dimension.json",
|
|
32436
32536
|
"isSource": true,
|
|
32437
32537
|
"original": {
|
|
32438
32538
|
"type": "number",
|
|
32439
|
-
"value":
|
|
32539
|
+
"value": 4
|
|
32440
32540
|
},
|
|
32441
|
-
"name": "pf-t--global--border--width--
|
|
32541
|
+
"name": "pf-t--global--border--width--400",
|
|
32442
32542
|
"attributes": {
|
|
32443
32543
|
"category": "global",
|
|
32444
32544
|
"type": "border",
|
|
32445
32545
|
"item": "width",
|
|
32446
|
-
"subitem": "
|
|
32546
|
+
"subitem": "400"
|
|
32447
32547
|
},
|
|
32448
32548
|
"path": [
|
|
32449
32549
|
"global",
|
|
32450
32550
|
"border",
|
|
32451
32551
|
"width",
|
|
32452
|
-
"
|
|
32552
|
+
"400"
|
|
32453
32553
|
]
|
|
32454
32554
|
}
|
|
32455
32555
|
]
|
|
32456
32556
|
}
|
|
32457
32557
|
},
|
|
32458
|
-
"pf-t--global--border--width--
|
|
32558
|
+
"pf-t--global--border--width--high-contrast--regular": {
|
|
32459
32559
|
"default": {
|
|
32460
|
-
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32461
32560
|
"type": "number",
|
|
32462
|
-
"value": "
|
|
32561
|
+
"value": "0px",
|
|
32463
32562
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32464
32563
|
"isSource": true,
|
|
32465
32564
|
"original": {
|
|
32466
|
-
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32467
32565
|
"type": "number",
|
|
32468
|
-
"value":
|
|
32566
|
+
"value": 0
|
|
32469
32567
|
},
|
|
32470
|
-
"name": "pf-t--global--border--width--
|
|
32568
|
+
"name": "pf-t--global--border--width--high-contrast--regular",
|
|
32471
32569
|
"attributes": {
|
|
32472
32570
|
"category": "global",
|
|
32473
32571
|
"type": "border",
|
|
32474
32572
|
"item": "width",
|
|
32475
|
-
"subitem": "
|
|
32476
|
-
"state": "
|
|
32573
|
+
"subitem": "high-contrast",
|
|
32574
|
+
"state": "regular"
|
|
32477
32575
|
},
|
|
32478
32576
|
"path": [
|
|
32479
32577
|
"global",
|
|
32480
32578
|
"border",
|
|
32481
32579
|
"width",
|
|
32482
|
-
"
|
|
32483
|
-
"
|
|
32484
|
-
],
|
|
32485
|
-
"references": [
|
|
32486
|
-
{
|
|
32487
|
-
"type": "number",
|
|
32488
|
-
"value": "1px",
|
|
32489
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
32490
|
-
"isSource": true,
|
|
32491
|
-
"original": {
|
|
32492
|
-
"type": "number",
|
|
32493
|
-
"value": 1
|
|
32494
|
-
},
|
|
32495
|
-
"name": "pf-t--global--border--width--100",
|
|
32496
|
-
"attributes": {
|
|
32497
|
-
"category": "global",
|
|
32498
|
-
"type": "border",
|
|
32499
|
-
"item": "width",
|
|
32500
|
-
"subitem": "100"
|
|
32501
|
-
},
|
|
32502
|
-
"path": [
|
|
32503
|
-
"global",
|
|
32504
|
-
"border",
|
|
32505
|
-
"width",
|
|
32506
|
-
"100"
|
|
32507
|
-
]
|
|
32508
|
-
}
|
|
32580
|
+
"high-contrast",
|
|
32581
|
+
"regular"
|
|
32509
32582
|
]
|
|
32510
32583
|
}
|
|
32511
32584
|
},
|
|
32512
|
-
"pf-t--global--border--width--
|
|
32585
|
+
"pf-t--global--border--width--high-contrast--strong": {
|
|
32513
32586
|
"default": {
|
|
32514
|
-
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
32515
32587
|
"type": "number",
|
|
32516
|
-
"value": "
|
|
32588
|
+
"value": "0px",
|
|
32517
32589
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32518
32590
|
"isSource": true,
|
|
32519
32591
|
"original": {
|
|
32520
|
-
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
32521
32592
|
"type": "number",
|
|
32522
|
-
"value":
|
|
32593
|
+
"value": 0
|
|
32523
32594
|
},
|
|
32524
|
-
"name": "pf-t--global--border--width--
|
|
32595
|
+
"name": "pf-t--global--border--width--high-contrast--strong",
|
|
32525
32596
|
"attributes": {
|
|
32526
32597
|
"category": "global",
|
|
32527
32598
|
"type": "border",
|
|
32528
32599
|
"item": "width",
|
|
32529
|
-
"subitem": "
|
|
32530
|
-
"state": "
|
|
32600
|
+
"subitem": "high-contrast",
|
|
32601
|
+
"state": "strong"
|
|
32531
32602
|
},
|
|
32532
32603
|
"path": [
|
|
32533
32604
|
"global",
|
|
32534
32605
|
"border",
|
|
32535
32606
|
"width",
|
|
32536
|
-
"
|
|
32537
|
-
"
|
|
32538
|
-
],
|
|
32539
|
-
"references": [
|
|
32540
|
-
{
|
|
32541
|
-
"type": "number",
|
|
32542
|
-
"value": "2px",
|
|
32543
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
32544
|
-
"isSource": true,
|
|
32545
|
-
"original": {
|
|
32546
|
-
"type": "number",
|
|
32547
|
-
"value": 2
|
|
32548
|
-
},
|
|
32549
|
-
"name": "pf-t--global--border--width--200",
|
|
32550
|
-
"attributes": {
|
|
32551
|
-
"category": "global",
|
|
32552
|
-
"type": "border",
|
|
32553
|
-
"item": "width",
|
|
32554
|
-
"subitem": "200"
|
|
32555
|
-
},
|
|
32556
|
-
"path": [
|
|
32557
|
-
"global",
|
|
32558
|
-
"border",
|
|
32559
|
-
"width",
|
|
32560
|
-
"200"
|
|
32561
|
-
]
|
|
32562
|
-
}
|
|
32607
|
+
"high-contrast",
|
|
32608
|
+
"strong"
|
|
32563
32609
|
]
|
|
32564
32610
|
}
|
|
32565
32611
|
},
|
|
32566
|
-
"pf-t--global--border--width--
|
|
32612
|
+
"pf-t--global--border--width--high-contrast--extra-strong": {
|
|
32567
32613
|
"default": {
|
|
32568
|
-
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
32569
32614
|
"type": "number",
|
|
32570
|
-
"value": "
|
|
32615
|
+
"value": "0px",
|
|
32571
32616
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32572
32617
|
"isSource": true,
|
|
32573
32618
|
"original": {
|
|
32574
|
-
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
32575
32619
|
"type": "number",
|
|
32576
|
-
"value":
|
|
32620
|
+
"value": 0
|
|
32577
32621
|
},
|
|
32578
|
-
"name": "pf-t--global--border--width--
|
|
32622
|
+
"name": "pf-t--global--border--width--high-contrast--extra-strong",
|
|
32579
32623
|
"attributes": {
|
|
32580
32624
|
"category": "global",
|
|
32581
32625
|
"type": "border",
|
|
32582
32626
|
"item": "width",
|
|
32583
|
-
"subitem": "
|
|
32584
|
-
"state": "
|
|
32627
|
+
"subitem": "high-contrast",
|
|
32628
|
+
"state": "extra-strong"
|
|
32585
32629
|
},
|
|
32586
32630
|
"path": [
|
|
32587
32631
|
"global",
|
|
32588
32632
|
"border",
|
|
32589
32633
|
"width",
|
|
32590
|
-
"
|
|
32591
|
-
"
|
|
32592
|
-
"default"
|
|
32593
|
-
],
|
|
32594
|
-
"references": [
|
|
32595
|
-
{
|
|
32596
|
-
"type": "number",
|
|
32597
|
-
"value": "2px",
|
|
32598
|
-
"filePath": "tokens/default/base.dimension.json",
|
|
32599
|
-
"isSource": true,
|
|
32600
|
-
"original": {
|
|
32601
|
-
"type": "number",
|
|
32602
|
-
"value": 2
|
|
32603
|
-
},
|
|
32604
|
-
"name": "pf-t--global--border--width--200",
|
|
32605
|
-
"attributes": {
|
|
32606
|
-
"category": "global",
|
|
32607
|
-
"type": "border",
|
|
32608
|
-
"item": "width",
|
|
32609
|
-
"subitem": "200"
|
|
32610
|
-
},
|
|
32611
|
-
"path": [
|
|
32612
|
-
"global",
|
|
32613
|
-
"border",
|
|
32614
|
-
"width",
|
|
32615
|
-
"200"
|
|
32616
|
-
]
|
|
32617
|
-
}
|
|
32634
|
+
"high-contrast",
|
|
32635
|
+
"extra-strong"
|
|
32618
32636
|
]
|
|
32619
32637
|
}
|
|
32620
32638
|
},
|
|
32621
|
-
"pf-t--global--border--width--box--
|
|
32639
|
+
"pf-t--global--border--width--box--default": {
|
|
32622
32640
|
"default": {
|
|
32623
|
-
"description": "Use as the border width for containers
|
|
32641
|
+
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32624
32642
|
"type": "number",
|
|
32625
32643
|
"value": "1px",
|
|
32626
32644
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32627
32645
|
"isSource": true,
|
|
32628
32646
|
"original": {
|
|
32629
|
-
"description": "Use as the border width for containers
|
|
32647
|
+
"description": "Use as the default border width for containers like cards, panels, code editors, etc.",
|
|
32630
32648
|
"type": "number",
|
|
32631
32649
|
"value": "{global.border.width.100}"
|
|
32632
32650
|
},
|
|
32633
|
-
"name": "pf-t--global--border--width--box--
|
|
32651
|
+
"name": "pf-t--global--border--width--box--default",
|
|
32634
32652
|
"attributes": {
|
|
32635
32653
|
"category": "global",
|
|
32636
32654
|
"type": "border",
|
|
32637
32655
|
"item": "width",
|
|
32638
32656
|
"subitem": "box",
|
|
32639
|
-
"state": "
|
|
32657
|
+
"state": "default"
|
|
32640
32658
|
},
|
|
32641
32659
|
"path": [
|
|
32642
32660
|
"global",
|
|
32643
32661
|
"border",
|
|
32644
32662
|
"width",
|
|
32645
32663
|
"box",
|
|
32646
|
-
"
|
|
32647
|
-
"read"
|
|
32664
|
+
"default"
|
|
32648
32665
|
],
|
|
32649
32666
|
"references": [
|
|
32650
32667
|
{
|
|
@@ -32673,84 +32690,221 @@
|
|
|
32673
32690
|
]
|
|
32674
32691
|
}
|
|
32675
32692
|
},
|
|
32676
|
-
"pf-t--global--border--width--
|
|
32693
|
+
"pf-t--global--border--width--box--hover": {
|
|
32677
32694
|
"default": {
|
|
32695
|
+
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32678
32696
|
"type": "number",
|
|
32679
|
-
"value": "
|
|
32697
|
+
"value": "1px",
|
|
32680
32698
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32681
32699
|
"isSource": true,
|
|
32682
32700
|
"original": {
|
|
32701
|
+
"description": "Use as the hover border width for containers like cards, panels, code editors, etc.",
|
|
32683
32702
|
"type": "number",
|
|
32684
|
-
"value":
|
|
32703
|
+
"value": "{global.border.width.100}"
|
|
32685
32704
|
},
|
|
32686
|
-
"name": "pf-t--global--border--width--
|
|
32705
|
+
"name": "pf-t--global--border--width--box--hover",
|
|
32687
32706
|
"attributes": {
|
|
32688
32707
|
"category": "global",
|
|
32689
32708
|
"type": "border",
|
|
32690
32709
|
"item": "width",
|
|
32691
|
-
"subitem": "
|
|
32692
|
-
"state": "
|
|
32710
|
+
"subitem": "box",
|
|
32711
|
+
"state": "hover"
|
|
32693
32712
|
},
|
|
32694
32713
|
"path": [
|
|
32695
32714
|
"global",
|
|
32696
32715
|
"border",
|
|
32697
32716
|
"width",
|
|
32698
|
-
"
|
|
32699
|
-
"
|
|
32717
|
+
"box",
|
|
32718
|
+
"hover"
|
|
32719
|
+
],
|
|
32720
|
+
"references": [
|
|
32721
|
+
{
|
|
32722
|
+
"type": "number",
|
|
32723
|
+
"value": "1px",
|
|
32724
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
32725
|
+
"isSource": true,
|
|
32726
|
+
"original": {
|
|
32727
|
+
"type": "number",
|
|
32728
|
+
"value": 1
|
|
32729
|
+
},
|
|
32730
|
+
"name": "pf-t--global--border--width--100",
|
|
32731
|
+
"attributes": {
|
|
32732
|
+
"category": "global",
|
|
32733
|
+
"type": "border",
|
|
32734
|
+
"item": "width",
|
|
32735
|
+
"subitem": "100"
|
|
32736
|
+
},
|
|
32737
|
+
"path": [
|
|
32738
|
+
"global",
|
|
32739
|
+
"border",
|
|
32740
|
+
"width",
|
|
32741
|
+
"100"
|
|
32742
|
+
]
|
|
32743
|
+
}
|
|
32700
32744
|
]
|
|
32701
32745
|
}
|
|
32702
32746
|
},
|
|
32703
|
-
"pf-t--global--border--width--
|
|
32747
|
+
"pf-t--global--border--width--box--clicked": {
|
|
32704
32748
|
"default": {
|
|
32749
|
+
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
32705
32750
|
"type": "number",
|
|
32706
|
-
"value": "
|
|
32751
|
+
"value": "2px",
|
|
32707
32752
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32708
32753
|
"isSource": true,
|
|
32709
32754
|
"original": {
|
|
32755
|
+
"description": "Use as the clicked border width for containers like cards, panels, code editors, etc.",
|
|
32710
32756
|
"type": "number",
|
|
32711
|
-
"value":
|
|
32757
|
+
"value": "{global.border.width.200}"
|
|
32712
32758
|
},
|
|
32713
|
-
"name": "pf-t--global--border--width--
|
|
32759
|
+
"name": "pf-t--global--border--width--box--clicked",
|
|
32714
32760
|
"attributes": {
|
|
32715
32761
|
"category": "global",
|
|
32716
32762
|
"type": "border",
|
|
32717
32763
|
"item": "width",
|
|
32718
|
-
"subitem": "
|
|
32719
|
-
"state": "
|
|
32764
|
+
"subitem": "box",
|
|
32765
|
+
"state": "clicked"
|
|
32720
32766
|
},
|
|
32721
32767
|
"path": [
|
|
32722
32768
|
"global",
|
|
32723
32769
|
"border",
|
|
32724
32770
|
"width",
|
|
32725
|
-
"
|
|
32726
|
-
"
|
|
32771
|
+
"box",
|
|
32772
|
+
"clicked"
|
|
32773
|
+
],
|
|
32774
|
+
"references": [
|
|
32775
|
+
{
|
|
32776
|
+
"type": "number",
|
|
32777
|
+
"value": "2px",
|
|
32778
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
32779
|
+
"isSource": true,
|
|
32780
|
+
"original": {
|
|
32781
|
+
"type": "number",
|
|
32782
|
+
"value": 2
|
|
32783
|
+
},
|
|
32784
|
+
"name": "pf-t--global--border--width--200",
|
|
32785
|
+
"attributes": {
|
|
32786
|
+
"category": "global",
|
|
32787
|
+
"type": "border",
|
|
32788
|
+
"item": "width",
|
|
32789
|
+
"subitem": "200"
|
|
32790
|
+
},
|
|
32791
|
+
"path": [
|
|
32792
|
+
"global",
|
|
32793
|
+
"border",
|
|
32794
|
+
"width",
|
|
32795
|
+
"200"
|
|
32796
|
+
]
|
|
32797
|
+
}
|
|
32727
32798
|
]
|
|
32728
32799
|
}
|
|
32729
32800
|
},
|
|
32730
|
-
"pf-t--global--border--width--
|
|
32801
|
+
"pf-t--global--border--width--box--status--default": {
|
|
32731
32802
|
"default": {
|
|
32803
|
+
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
32732
32804
|
"type": "number",
|
|
32733
|
-
"value": "
|
|
32805
|
+
"value": "2px",
|
|
32734
32806
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
32735
32807
|
"isSource": true,
|
|
32736
32808
|
"original": {
|
|
32809
|
+
"description": "Use as the default border width for containers that convey statuses like inline alerts, notification drawer items and hints. This token is typically paired with status border colors.",
|
|
32737
32810
|
"type": "number",
|
|
32738
|
-
"value":
|
|
32811
|
+
"value": "{global.border.width.200}"
|
|
32739
32812
|
},
|
|
32740
|
-
"name": "pf-t--global--border--width--
|
|
32813
|
+
"name": "pf-t--global--border--width--box--status--default",
|
|
32741
32814
|
"attributes": {
|
|
32742
32815
|
"category": "global",
|
|
32743
32816
|
"type": "border",
|
|
32744
32817
|
"item": "width",
|
|
32745
|
-
"subitem": "
|
|
32746
|
-
"state": "
|
|
32818
|
+
"subitem": "box",
|
|
32819
|
+
"state": "status"
|
|
32747
32820
|
},
|
|
32748
32821
|
"path": [
|
|
32749
32822
|
"global",
|
|
32750
32823
|
"border",
|
|
32751
32824
|
"width",
|
|
32752
|
-
"
|
|
32753
|
-
"
|
|
32825
|
+
"box",
|
|
32826
|
+
"status",
|
|
32827
|
+
"default"
|
|
32828
|
+
],
|
|
32829
|
+
"references": [
|
|
32830
|
+
{
|
|
32831
|
+
"type": "number",
|
|
32832
|
+
"value": "2px",
|
|
32833
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
32834
|
+
"isSource": true,
|
|
32835
|
+
"original": {
|
|
32836
|
+
"type": "number",
|
|
32837
|
+
"value": 2
|
|
32838
|
+
},
|
|
32839
|
+
"name": "pf-t--global--border--width--200",
|
|
32840
|
+
"attributes": {
|
|
32841
|
+
"category": "global",
|
|
32842
|
+
"type": "border",
|
|
32843
|
+
"item": "width",
|
|
32844
|
+
"subitem": "200"
|
|
32845
|
+
},
|
|
32846
|
+
"path": [
|
|
32847
|
+
"global",
|
|
32848
|
+
"border",
|
|
32849
|
+
"width",
|
|
32850
|
+
"200"
|
|
32851
|
+
]
|
|
32852
|
+
}
|
|
32853
|
+
]
|
|
32854
|
+
}
|
|
32855
|
+
},
|
|
32856
|
+
"pf-t--global--border--width--box--status--read": {
|
|
32857
|
+
"default": {
|
|
32858
|
+
"description": "Use as the border width for containers that convey a “read” status, like notification drawer items.",
|
|
32859
|
+
"type": "number",
|
|
32860
|
+
"value": "1px",
|
|
32861
|
+
"filePath": "tokens/default/semantic.dimension.json",
|
|
32862
|
+
"isSource": true,
|
|
32863
|
+
"original": {
|
|
32864
|
+
"description": "Use as the border width for containers that convey a “read” status, like notification drawer items.",
|
|
32865
|
+
"type": "number",
|
|
32866
|
+
"value": "{global.border.width.100}"
|
|
32867
|
+
},
|
|
32868
|
+
"name": "pf-t--global--border--width--box--status--read",
|
|
32869
|
+
"attributes": {
|
|
32870
|
+
"category": "global",
|
|
32871
|
+
"type": "border",
|
|
32872
|
+
"item": "width",
|
|
32873
|
+
"subitem": "box",
|
|
32874
|
+
"state": "status"
|
|
32875
|
+
},
|
|
32876
|
+
"path": [
|
|
32877
|
+
"global",
|
|
32878
|
+
"border",
|
|
32879
|
+
"width",
|
|
32880
|
+
"box",
|
|
32881
|
+
"status",
|
|
32882
|
+
"read"
|
|
32883
|
+
],
|
|
32884
|
+
"references": [
|
|
32885
|
+
{
|
|
32886
|
+
"type": "number",
|
|
32887
|
+
"value": "1px",
|
|
32888
|
+
"filePath": "tokens/default/base.dimension.json",
|
|
32889
|
+
"isSource": true,
|
|
32890
|
+
"original": {
|
|
32891
|
+
"type": "number",
|
|
32892
|
+
"value": 1
|
|
32893
|
+
},
|
|
32894
|
+
"name": "pf-t--global--border--width--100",
|
|
32895
|
+
"attributes": {
|
|
32896
|
+
"category": "global",
|
|
32897
|
+
"type": "border",
|
|
32898
|
+
"item": "width",
|
|
32899
|
+
"subitem": "100"
|
|
32900
|
+
},
|
|
32901
|
+
"path": [
|
|
32902
|
+
"global",
|
|
32903
|
+
"border",
|
|
32904
|
+
"width",
|
|
32905
|
+
"100"
|
|
32906
|
+
]
|
|
32907
|
+
}
|
|
32754
32908
|
]
|
|
32755
32909
|
}
|
|
32756
32910
|
},
|
|
@@ -38800,7 +38954,7 @@
|
|
|
38800
38954
|
"pf-t--global--focus-ring--position--offset": {
|
|
38801
38955
|
"default": {
|
|
38802
38956
|
"type": "number",
|
|
38803
|
-
"value":
|
|
38957
|
+
"value": "2px",
|
|
38804
38958
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
38805
38959
|
"isSource": true,
|
|
38806
38960
|
"original": {
|
|
@@ -38825,7 +38979,7 @@
|
|
|
38825
38979
|
"pf-t--global--focus-ring--position--inset": {
|
|
38826
38980
|
"default": {
|
|
38827
38981
|
"type": "number",
|
|
38828
|
-
"value": -
|
|
38982
|
+
"value": "-4px",
|
|
38829
38983
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
38830
38984
|
"isSource": true,
|
|
38831
38985
|
"original": {
|
|
@@ -38850,7 +39004,7 @@
|
|
|
38850
39004
|
"pf-t--global--focus-ring--width--offset": {
|
|
38851
39005
|
"default": {
|
|
38852
39006
|
"type": "number",
|
|
38853
|
-
"value":
|
|
39007
|
+
"value": "2px",
|
|
38854
39008
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
38855
39009
|
"isSource": true,
|
|
38856
39010
|
"original": {
|
|
@@ -38875,7 +39029,7 @@
|
|
|
38875
39029
|
"pf-t--global--focus-ring--width--inset": {
|
|
38876
39030
|
"default": {
|
|
38877
39031
|
"type": "number",
|
|
38878
|
-
"value":
|
|
39032
|
+
"value": "3px",
|
|
38879
39033
|
"filePath": "tokens/default/semantic.dimension.json",
|
|
38880
39034
|
"isSource": true,
|
|
38881
39035
|
"original": {
|
|
@@ -39249,78 +39403,78 @@
|
|
|
39249
39403
|
]
|
|
39250
39404
|
}
|
|
39251
39405
|
},
|
|
39252
|
-
"pf-t--global--motion--duration--
|
|
39406
|
+
"pf-t--global--motion--duration--slide-out--short": {
|
|
39253
39407
|
"default": {
|
|
39254
|
-
"description": "Use a
|
|
39408
|
+
"description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39255
39409
|
"type": "number",
|
|
39256
|
-
"value": "
|
|
39410
|
+
"value": "300ms",
|
|
39257
39411
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39258
39412
|
"isSource": true,
|
|
39259
39413
|
"original": {
|
|
39260
|
-
"description": "Use a
|
|
39414
|
+
"description": "Use for a shorter duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39261
39415
|
"type": "number",
|
|
39262
|
-
"value": "{global.motion.duration.
|
|
39416
|
+
"value": "{global.motion.duration.lg}"
|
|
39263
39417
|
},
|
|
39264
|
-
"name": "pf-t--global--motion--duration--
|
|
39418
|
+
"name": "pf-t--global--motion--duration--slide-out--short",
|
|
39265
39419
|
"attributes": {
|
|
39266
39420
|
"category": "global",
|
|
39267
39421
|
"type": "motion",
|
|
39268
39422
|
"item": "duration",
|
|
39269
|
-
"subitem": "
|
|
39423
|
+
"subitem": "slide-out",
|
|
39270
39424
|
"state": "short"
|
|
39271
39425
|
},
|
|
39272
39426
|
"path": [
|
|
39273
39427
|
"global",
|
|
39274
39428
|
"motion",
|
|
39275
39429
|
"duration",
|
|
39276
|
-
"
|
|
39430
|
+
"slide-out",
|
|
39277
39431
|
"short"
|
|
39278
39432
|
],
|
|
39279
39433
|
"references": [
|
|
39280
39434
|
{
|
|
39281
|
-
"description": "Use for
|
|
39435
|
+
"description": "Use for long animation duration. Use for larger, more expressive animations.",
|
|
39282
39436
|
"type": "number",
|
|
39283
|
-
"value": "
|
|
39437
|
+
"value": "300ms",
|
|
39284
39438
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39285
39439
|
"isSource": true,
|
|
39286
39440
|
"original": {
|
|
39287
|
-
"description": "Use for
|
|
39441
|
+
"description": "Use for long animation duration. Use for larger, more expressive animations.",
|
|
39288
39442
|
"type": "number",
|
|
39289
|
-
"value": "{global.duration.
|
|
39443
|
+
"value": "{global.duration.300}"
|
|
39290
39444
|
},
|
|
39291
|
-
"name": "pf-t--global--motion--duration--
|
|
39445
|
+
"name": "pf-t--global--motion--duration--lg",
|
|
39292
39446
|
"attributes": {
|
|
39293
39447
|
"category": "global",
|
|
39294
39448
|
"type": "motion",
|
|
39295
39449
|
"item": "duration",
|
|
39296
|
-
"subitem": "
|
|
39450
|
+
"subitem": "lg"
|
|
39297
39451
|
},
|
|
39298
39452
|
"path": [
|
|
39299
39453
|
"global",
|
|
39300
39454
|
"motion",
|
|
39301
39455
|
"duration",
|
|
39302
|
-
"
|
|
39456
|
+
"lg"
|
|
39303
39457
|
],
|
|
39304
39458
|
"references": [
|
|
39305
39459
|
{
|
|
39306
39460
|
"type": "number",
|
|
39307
|
-
"value": "
|
|
39461
|
+
"value": "300ms",
|
|
39308
39462
|
"filePath": "tokens/default/base.motion.json",
|
|
39309
39463
|
"isSource": true,
|
|
39310
39464
|
"original": {
|
|
39311
39465
|
"type": "number",
|
|
39312
|
-
"value":
|
|
39466
|
+
"value": 300
|
|
39313
39467
|
},
|
|
39314
|
-
"name": "pf-t--global--duration--
|
|
39468
|
+
"name": "pf-t--global--duration--300",
|
|
39315
39469
|
"attributes": {
|
|
39316
39470
|
"category": "global",
|
|
39317
39471
|
"type": "duration",
|
|
39318
|
-
"item": "
|
|
39472
|
+
"item": "300"
|
|
39319
39473
|
},
|
|
39320
39474
|
"path": [
|
|
39321
39475
|
"global",
|
|
39322
39476
|
"duration",
|
|
39323
|
-
"
|
|
39477
|
+
"300"
|
|
39324
39478
|
]
|
|
39325
39479
|
}
|
|
39326
39480
|
]
|
|
@@ -39328,78 +39482,78 @@
|
|
|
39328
39482
|
]
|
|
39329
39483
|
}
|
|
39330
39484
|
},
|
|
39331
|
-
"pf-t--global--motion--duration--
|
|
39485
|
+
"pf-t--global--motion--duration--slide-out--default": {
|
|
39332
39486
|
"default": {
|
|
39333
|
-
"description": "Use
|
|
39487
|
+
"description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39334
39488
|
"type": "number",
|
|
39335
|
-
"value": "
|
|
39489
|
+
"value": "400ms",
|
|
39336
39490
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39337
39491
|
"isSource": true,
|
|
39338
39492
|
"original": {
|
|
39339
|
-
"description": "Use
|
|
39493
|
+
"description": "Use as the default duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39340
39494
|
"type": "number",
|
|
39341
|
-
"value": "{global.motion.duration.
|
|
39495
|
+
"value": "{global.motion.duration.xl}"
|
|
39342
39496
|
},
|
|
39343
|
-
"name": "pf-t--global--motion--duration--
|
|
39497
|
+
"name": "pf-t--global--motion--duration--slide-out--default",
|
|
39344
39498
|
"attributes": {
|
|
39345
39499
|
"category": "global",
|
|
39346
39500
|
"type": "motion",
|
|
39347
39501
|
"item": "duration",
|
|
39348
|
-
"subitem": "
|
|
39502
|
+
"subitem": "slide-out",
|
|
39349
39503
|
"state": "default"
|
|
39350
39504
|
},
|
|
39351
39505
|
"path": [
|
|
39352
39506
|
"global",
|
|
39353
39507
|
"motion",
|
|
39354
39508
|
"duration",
|
|
39355
|
-
"
|
|
39509
|
+
"slide-out",
|
|
39356
39510
|
"default"
|
|
39357
39511
|
],
|
|
39358
39512
|
"references": [
|
|
39359
39513
|
{
|
|
39360
|
-
"description": "Use for
|
|
39514
|
+
"description": "Use for extra long animation duration.",
|
|
39361
39515
|
"type": "number",
|
|
39362
|
-
"value": "
|
|
39516
|
+
"value": "400ms",
|
|
39363
39517
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39364
39518
|
"isSource": true,
|
|
39365
39519
|
"original": {
|
|
39366
|
-
"description": "Use for
|
|
39520
|
+
"description": "Use for extra long animation duration.",
|
|
39367
39521
|
"type": "number",
|
|
39368
|
-
"value": "{global.duration.
|
|
39522
|
+
"value": "{global.duration.400}"
|
|
39369
39523
|
},
|
|
39370
|
-
"name": "pf-t--global--motion--duration--
|
|
39524
|
+
"name": "pf-t--global--motion--duration--xl",
|
|
39371
39525
|
"attributes": {
|
|
39372
39526
|
"category": "global",
|
|
39373
39527
|
"type": "motion",
|
|
39374
39528
|
"item": "duration",
|
|
39375
|
-
"subitem": "
|
|
39529
|
+
"subitem": "xl"
|
|
39376
39530
|
},
|
|
39377
39531
|
"path": [
|
|
39378
39532
|
"global",
|
|
39379
39533
|
"motion",
|
|
39380
39534
|
"duration",
|
|
39381
|
-
"
|
|
39535
|
+
"xl"
|
|
39382
39536
|
],
|
|
39383
39537
|
"references": [
|
|
39384
39538
|
{
|
|
39385
39539
|
"type": "number",
|
|
39386
|
-
"value": "
|
|
39540
|
+
"value": "400ms",
|
|
39387
39541
|
"filePath": "tokens/default/base.motion.json",
|
|
39388
39542
|
"isSource": true,
|
|
39389
39543
|
"original": {
|
|
39390
39544
|
"type": "number",
|
|
39391
|
-
"value":
|
|
39545
|
+
"value": 400
|
|
39392
39546
|
},
|
|
39393
|
-
"name": "pf-t--global--duration--
|
|
39547
|
+
"name": "pf-t--global--duration--400",
|
|
39394
39548
|
"attributes": {
|
|
39395
39549
|
"category": "global",
|
|
39396
39550
|
"type": "duration",
|
|
39397
|
-
"item": "
|
|
39551
|
+
"item": "400"
|
|
39398
39552
|
},
|
|
39399
39553
|
"path": [
|
|
39400
39554
|
"global",
|
|
39401
39555
|
"duration",
|
|
39402
|
-
"
|
|
39556
|
+
"400"
|
|
39403
39557
|
]
|
|
39404
39558
|
}
|
|
39405
39559
|
]
|
|
@@ -39407,78 +39561,78 @@
|
|
|
39407
39561
|
]
|
|
39408
39562
|
}
|
|
39409
39563
|
},
|
|
39410
|
-
"pf-t--global--motion--duration--
|
|
39564
|
+
"pf-t--global--motion--duration--slide-out--long": {
|
|
39411
39565
|
"default": {
|
|
39412
|
-
"description": "Use a
|
|
39566
|
+
"description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39413
39567
|
"type": "number",
|
|
39414
|
-
"value": "
|
|
39568
|
+
"value": "500ms",
|
|
39415
39569
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39416
39570
|
"isSource": true,
|
|
39417
39571
|
"original": {
|
|
39418
|
-
"description": "Use a
|
|
39572
|
+
"description": "Use for a longer duration of a slide-out animation, which moves an element out of the viewport.",
|
|
39419
39573
|
"type": "number",
|
|
39420
|
-
"value": "{global.motion.duration.
|
|
39574
|
+
"value": "{global.motion.duration.2xl}"
|
|
39421
39575
|
},
|
|
39422
|
-
"name": "pf-t--global--motion--duration--
|
|
39576
|
+
"name": "pf-t--global--motion--duration--slide-out--long",
|
|
39423
39577
|
"attributes": {
|
|
39424
39578
|
"category": "global",
|
|
39425
39579
|
"type": "motion",
|
|
39426
39580
|
"item": "duration",
|
|
39427
|
-
"subitem": "
|
|
39581
|
+
"subitem": "slide-out",
|
|
39428
39582
|
"state": "long"
|
|
39429
39583
|
},
|
|
39430
39584
|
"path": [
|
|
39431
39585
|
"global",
|
|
39432
39586
|
"motion",
|
|
39433
39587
|
"duration",
|
|
39434
|
-
"
|
|
39588
|
+
"slide-out",
|
|
39435
39589
|
"long"
|
|
39436
39590
|
],
|
|
39437
39591
|
"references": [
|
|
39438
39592
|
{
|
|
39439
|
-
"description": "Use for
|
|
39593
|
+
"description": "Use for significantly long animation duration.",
|
|
39440
39594
|
"type": "number",
|
|
39441
|
-
"value": "
|
|
39595
|
+
"value": "500ms",
|
|
39442
39596
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39443
39597
|
"isSource": true,
|
|
39444
39598
|
"original": {
|
|
39445
|
-
"description": "Use for
|
|
39599
|
+
"description": "Use for significantly long animation duration.",
|
|
39446
39600
|
"type": "number",
|
|
39447
|
-
"value": "{global.duration.
|
|
39601
|
+
"value": "{global.duration.500}"
|
|
39448
39602
|
},
|
|
39449
|
-
"name": "pf-t--global--motion--duration--
|
|
39603
|
+
"name": "pf-t--global--motion--duration--2xl",
|
|
39450
39604
|
"attributes": {
|
|
39451
39605
|
"category": "global",
|
|
39452
39606
|
"type": "motion",
|
|
39453
39607
|
"item": "duration",
|
|
39454
|
-
"subitem": "
|
|
39608
|
+
"subitem": "2xl"
|
|
39455
39609
|
},
|
|
39456
39610
|
"path": [
|
|
39457
39611
|
"global",
|
|
39458
39612
|
"motion",
|
|
39459
39613
|
"duration",
|
|
39460
|
-
"
|
|
39614
|
+
"2xl"
|
|
39461
39615
|
],
|
|
39462
39616
|
"references": [
|
|
39463
39617
|
{
|
|
39464
39618
|
"type": "number",
|
|
39465
|
-
"value": "
|
|
39619
|
+
"value": "500ms",
|
|
39466
39620
|
"filePath": "tokens/default/base.motion.json",
|
|
39467
39621
|
"isSource": true,
|
|
39468
39622
|
"original": {
|
|
39469
39623
|
"type": "number",
|
|
39470
|
-
"value":
|
|
39624
|
+
"value": 500
|
|
39471
39625
|
},
|
|
39472
|
-
"name": "pf-t--global--duration--
|
|
39626
|
+
"name": "pf-t--global--duration--500",
|
|
39473
39627
|
"attributes": {
|
|
39474
39628
|
"category": "global",
|
|
39475
39629
|
"type": "duration",
|
|
39476
|
-
"item": "
|
|
39630
|
+
"item": "500"
|
|
39477
39631
|
},
|
|
39478
39632
|
"path": [
|
|
39479
39633
|
"global",
|
|
39480
39634
|
"duration",
|
|
39481
|
-
"
|
|
39635
|
+
"500"
|
|
39482
39636
|
]
|
|
39483
39637
|
}
|
|
39484
39638
|
]
|
|
@@ -39486,78 +39640,78 @@
|
|
|
39486
39640
|
]
|
|
39487
39641
|
}
|
|
39488
39642
|
},
|
|
39489
|
-
"pf-t--global--motion--duration--
|
|
39643
|
+
"pf-t--global--motion--duration--icon--short": {
|
|
39490
39644
|
"default": {
|
|
39491
|
-
"description": "Use
|
|
39645
|
+
"description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
|
|
39492
39646
|
"type": "number",
|
|
39493
|
-
"value": "
|
|
39647
|
+
"value": "50ms",
|
|
39494
39648
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39495
39649
|
"isSource": true,
|
|
39496
39650
|
"original": {
|
|
39497
|
-
"description": "Use
|
|
39651
|
+
"description": "Use a short duration on an icon that requires a fast/snappy transition. Used to define the speed at which an icon may animate. Used on a notification badge(stateful button).",
|
|
39498
39652
|
"type": "number",
|
|
39499
|
-
"value": "{global.motion.duration.
|
|
39653
|
+
"value": "{global.motion.duration.xs}"
|
|
39500
39654
|
},
|
|
39501
|
-
"name": "pf-t--global--motion--duration--
|
|
39655
|
+
"name": "pf-t--global--motion--duration--icon--short",
|
|
39502
39656
|
"attributes": {
|
|
39503
39657
|
"category": "global",
|
|
39504
39658
|
"type": "motion",
|
|
39505
39659
|
"item": "duration",
|
|
39506
|
-
"subitem": "
|
|
39660
|
+
"subitem": "icon",
|
|
39507
39661
|
"state": "short"
|
|
39508
39662
|
},
|
|
39509
39663
|
"path": [
|
|
39510
39664
|
"global",
|
|
39511
39665
|
"motion",
|
|
39512
39666
|
"duration",
|
|
39513
|
-
"
|
|
39667
|
+
"icon",
|
|
39514
39668
|
"short"
|
|
39515
39669
|
],
|
|
39516
39670
|
"references": [
|
|
39517
39671
|
{
|
|
39518
|
-
"description": "Use for
|
|
39672
|
+
"description": "Use for the quickest possible duration of an animation.",
|
|
39519
39673
|
"type": "number",
|
|
39520
|
-
"value": "
|
|
39674
|
+
"value": "50ms",
|
|
39521
39675
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39522
39676
|
"isSource": true,
|
|
39523
39677
|
"original": {
|
|
39524
|
-
"description": "Use for
|
|
39678
|
+
"description": "Use for the quickest possible duration of an animation.",
|
|
39525
39679
|
"type": "number",
|
|
39526
|
-
"value": "{global.duration.
|
|
39680
|
+
"value": "{global.duration.50}"
|
|
39527
39681
|
},
|
|
39528
|
-
"name": "pf-t--global--motion--duration--
|
|
39682
|
+
"name": "pf-t--global--motion--duration--xs",
|
|
39529
39683
|
"attributes": {
|
|
39530
39684
|
"category": "global",
|
|
39531
39685
|
"type": "motion",
|
|
39532
39686
|
"item": "duration",
|
|
39533
|
-
"subitem": "
|
|
39687
|
+
"subitem": "xs"
|
|
39534
39688
|
},
|
|
39535
39689
|
"path": [
|
|
39536
39690
|
"global",
|
|
39537
39691
|
"motion",
|
|
39538
39692
|
"duration",
|
|
39539
|
-
"
|
|
39693
|
+
"xs"
|
|
39540
39694
|
],
|
|
39541
39695
|
"references": [
|
|
39542
39696
|
{
|
|
39543
39697
|
"type": "number",
|
|
39544
|
-
"value": "
|
|
39698
|
+
"value": "50ms",
|
|
39545
39699
|
"filePath": "tokens/default/base.motion.json",
|
|
39546
39700
|
"isSource": true,
|
|
39547
39701
|
"original": {
|
|
39548
39702
|
"type": "number",
|
|
39549
|
-
"value":
|
|
39703
|
+
"value": 50
|
|
39550
39704
|
},
|
|
39551
|
-
"name": "pf-t--global--duration--
|
|
39705
|
+
"name": "pf-t--global--duration--50",
|
|
39552
39706
|
"attributes": {
|
|
39553
39707
|
"category": "global",
|
|
39554
39708
|
"type": "duration",
|
|
39555
|
-
"item": "
|
|
39709
|
+
"item": "50"
|
|
39556
39710
|
},
|
|
39557
39711
|
"path": [
|
|
39558
39712
|
"global",
|
|
39559
39713
|
"duration",
|
|
39560
|
-
"
|
|
39714
|
+
"50"
|
|
39561
39715
|
]
|
|
39562
39716
|
}
|
|
39563
39717
|
]
|
|
@@ -39565,78 +39719,78 @@
|
|
|
39565
39719
|
]
|
|
39566
39720
|
}
|
|
39567
39721
|
},
|
|
39568
|
-
"pf-t--global--motion--duration--
|
|
39722
|
+
"pf-t--global--motion--duration--icon--default": {
|
|
39569
39723
|
"default": {
|
|
39570
|
-
"description": "Use
|
|
39724
|
+
"description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
|
|
39571
39725
|
"type": "number",
|
|
39572
|
-
"value": "
|
|
39726
|
+
"value": "100ms",
|
|
39573
39727
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39574
39728
|
"isSource": true,
|
|
39575
39729
|
"original": {
|
|
39576
|
-
"description": "Use
|
|
39730
|
+
"description": "Use a default duration on an icon that requires a moderately timed transition. Used to define the speed at which an icon may animate. Used on a favoriting star(icon button).",
|
|
39577
39731
|
"type": "number",
|
|
39578
|
-
"value": "{global.motion.duration.
|
|
39732
|
+
"value": "{global.motion.duration.sm}"
|
|
39579
39733
|
},
|
|
39580
|
-
"name": "pf-t--global--motion--duration--
|
|
39734
|
+
"name": "pf-t--global--motion--duration--icon--default",
|
|
39581
39735
|
"attributes": {
|
|
39582
39736
|
"category": "global",
|
|
39583
39737
|
"type": "motion",
|
|
39584
39738
|
"item": "duration",
|
|
39585
|
-
"subitem": "
|
|
39739
|
+
"subitem": "icon",
|
|
39586
39740
|
"state": "default"
|
|
39587
39741
|
},
|
|
39588
39742
|
"path": [
|
|
39589
39743
|
"global",
|
|
39590
39744
|
"motion",
|
|
39591
39745
|
"duration",
|
|
39592
|
-
"
|
|
39746
|
+
"icon",
|
|
39593
39747
|
"default"
|
|
39594
39748
|
],
|
|
39595
39749
|
"references": [
|
|
39596
39750
|
{
|
|
39597
|
-
"description": "Use for
|
|
39751
|
+
"description": "Use for a short animation duration. Use for simple and/or small animations.",
|
|
39598
39752
|
"type": "number",
|
|
39599
|
-
"value": "
|
|
39753
|
+
"value": "100ms",
|
|
39600
39754
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39601
39755
|
"isSource": true,
|
|
39602
39756
|
"original": {
|
|
39603
|
-
"description": "Use for
|
|
39757
|
+
"description": "Use for a short animation duration. Use for simple and/or small animations.",
|
|
39604
39758
|
"type": "number",
|
|
39605
|
-
"value": "{global.duration.
|
|
39759
|
+
"value": "{global.duration.100}"
|
|
39606
39760
|
},
|
|
39607
|
-
"name": "pf-t--global--motion--duration--
|
|
39761
|
+
"name": "pf-t--global--motion--duration--sm",
|
|
39608
39762
|
"attributes": {
|
|
39609
39763
|
"category": "global",
|
|
39610
39764
|
"type": "motion",
|
|
39611
39765
|
"item": "duration",
|
|
39612
|
-
"subitem": "
|
|
39766
|
+
"subitem": "sm"
|
|
39613
39767
|
},
|
|
39614
39768
|
"path": [
|
|
39615
39769
|
"global",
|
|
39616
39770
|
"motion",
|
|
39617
39771
|
"duration",
|
|
39618
|
-
"
|
|
39772
|
+
"sm"
|
|
39619
39773
|
],
|
|
39620
39774
|
"references": [
|
|
39621
39775
|
{
|
|
39622
39776
|
"type": "number",
|
|
39623
|
-
"value": "
|
|
39777
|
+
"value": "100ms",
|
|
39624
39778
|
"filePath": "tokens/default/base.motion.json",
|
|
39625
39779
|
"isSource": true,
|
|
39626
39780
|
"original": {
|
|
39627
39781
|
"type": "number",
|
|
39628
|
-
"value":
|
|
39782
|
+
"value": 100
|
|
39629
39783
|
},
|
|
39630
|
-
"name": "pf-t--global--duration--
|
|
39784
|
+
"name": "pf-t--global--duration--100",
|
|
39631
39785
|
"attributes": {
|
|
39632
39786
|
"category": "global",
|
|
39633
39787
|
"type": "duration",
|
|
39634
|
-
"item": "
|
|
39788
|
+
"item": "100"
|
|
39635
39789
|
},
|
|
39636
39790
|
"path": [
|
|
39637
39791
|
"global",
|
|
39638
39792
|
"duration",
|
|
39639
|
-
"
|
|
39793
|
+
"100"
|
|
39640
39794
|
]
|
|
39641
39795
|
}
|
|
39642
39796
|
]
|
|
@@ -39644,78 +39798,78 @@
|
|
|
39644
39798
|
]
|
|
39645
39799
|
}
|
|
39646
39800
|
},
|
|
39647
|
-
"pf-t--global--motion--duration--
|
|
39801
|
+
"pf-t--global--motion--duration--icon--long": {
|
|
39648
39802
|
"default": {
|
|
39649
|
-
"description": "Use
|
|
39803
|
+
"description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
|
|
39650
39804
|
"type": "number",
|
|
39651
|
-
"value": "
|
|
39805
|
+
"value": "200ms",
|
|
39652
39806
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39653
39807
|
"isSource": true,
|
|
39654
39808
|
"original": {
|
|
39655
|
-
"description": "Use
|
|
39809
|
+
"description": "Use a long duration on an icon that requires a slow transition. Used to define the speed at which an icon may animate. Used on the settings cog icon(plain menu toggle).",
|
|
39656
39810
|
"type": "number",
|
|
39657
|
-
"value": "{global.motion.duration.
|
|
39811
|
+
"value": "{global.motion.duration.md}"
|
|
39658
39812
|
},
|
|
39659
|
-
"name": "pf-t--global--motion--duration--
|
|
39813
|
+
"name": "pf-t--global--motion--duration--icon--long",
|
|
39660
39814
|
"attributes": {
|
|
39661
39815
|
"category": "global",
|
|
39662
39816
|
"type": "motion",
|
|
39663
39817
|
"item": "duration",
|
|
39664
|
-
"subitem": "
|
|
39818
|
+
"subitem": "icon",
|
|
39665
39819
|
"state": "long"
|
|
39666
39820
|
},
|
|
39667
39821
|
"path": [
|
|
39668
39822
|
"global",
|
|
39669
39823
|
"motion",
|
|
39670
39824
|
"duration",
|
|
39671
|
-
"
|
|
39825
|
+
"icon",
|
|
39672
39826
|
"long"
|
|
39673
39827
|
],
|
|
39674
39828
|
"references": [
|
|
39675
39829
|
{
|
|
39676
|
-
"description": "Use for
|
|
39830
|
+
"description": "Use for a medium animation duration.",
|
|
39677
39831
|
"type": "number",
|
|
39678
|
-
"value": "
|
|
39832
|
+
"value": "200ms",
|
|
39679
39833
|
"filePath": "tokens/default/semantic.motion.json",
|
|
39680
39834
|
"isSource": true,
|
|
39681
39835
|
"original": {
|
|
39682
|
-
"description": "Use for
|
|
39836
|
+
"description": "Use for a medium animation duration.",
|
|
39683
39837
|
"type": "number",
|
|
39684
|
-
"value": "{global.duration.
|
|
39838
|
+
"value": "{global.duration.200}"
|
|
39685
39839
|
},
|
|
39686
|
-
"name": "pf-t--global--motion--duration--
|
|
39840
|
+
"name": "pf-t--global--motion--duration--md",
|
|
39687
39841
|
"attributes": {
|
|
39688
39842
|
"category": "global",
|
|
39689
39843
|
"type": "motion",
|
|
39690
39844
|
"item": "duration",
|
|
39691
|
-
"subitem": "
|
|
39845
|
+
"subitem": "md"
|
|
39692
39846
|
},
|
|
39693
39847
|
"path": [
|
|
39694
39848
|
"global",
|
|
39695
39849
|
"motion",
|
|
39696
39850
|
"duration",
|
|
39697
|
-
"
|
|
39851
|
+
"md"
|
|
39698
39852
|
],
|
|
39699
39853
|
"references": [
|
|
39700
39854
|
{
|
|
39701
39855
|
"type": "number",
|
|
39702
|
-
"value": "
|
|
39856
|
+
"value": "200ms",
|
|
39703
39857
|
"filePath": "tokens/default/base.motion.json",
|
|
39704
39858
|
"isSource": true,
|
|
39705
39859
|
"original": {
|
|
39706
39860
|
"type": "number",
|
|
39707
|
-
"value":
|
|
39861
|
+
"value": 200
|
|
39708
39862
|
},
|
|
39709
|
-
"name": "pf-t--global--duration--
|
|
39863
|
+
"name": "pf-t--global--duration--200",
|
|
39710
39864
|
"attributes": {
|
|
39711
39865
|
"category": "global",
|
|
39712
39866
|
"type": "duration",
|
|
39713
|
-
"item": "
|
|
39867
|
+
"item": "200"
|
|
39714
39868
|
},
|
|
39715
39869
|
"path": [
|
|
39716
39870
|
"global",
|
|
39717
39871
|
"duration",
|
|
39718
|
-
"
|
|
39872
|
+
"200"
|
|
39719
39873
|
]
|
|
39720
39874
|
}
|
|
39721
39875
|
]
|
|
@@ -53182,6 +53336,29 @@
|
|
|
53182
53336
|
]
|
|
53183
53337
|
}
|
|
53184
53338
|
},
|
|
53339
|
+
"pf-t--chart--global--letter-spacing": {
|
|
53340
|
+
"default": {
|
|
53341
|
+
"type": "string",
|
|
53342
|
+
"value": "normal",
|
|
53343
|
+
"filePath": "tokens/default/charts.json",
|
|
53344
|
+
"isSource": true,
|
|
53345
|
+
"original": {
|
|
53346
|
+
"type": "string",
|
|
53347
|
+
"value": "normal"
|
|
53348
|
+
},
|
|
53349
|
+
"name": "pf-t--chart--global--letter-spacing",
|
|
53350
|
+
"attributes": {
|
|
53351
|
+
"category": "chart",
|
|
53352
|
+
"type": "global",
|
|
53353
|
+
"item": "letter-spacing"
|
|
53354
|
+
},
|
|
53355
|
+
"path": [
|
|
53356
|
+
"chart",
|
|
53357
|
+
"global",
|
|
53358
|
+
"letter-spacing"
|
|
53359
|
+
]
|
|
53360
|
+
}
|
|
53361
|
+
},
|
|
53185
53362
|
"pf-t--chart--global--FontSize--xs": {
|
|
53186
53363
|
"default": {
|
|
53187
53364
|
"type": "number",
|
|
@@ -53282,29 +53459,6 @@
|
|
|
53282
53459
|
]
|
|
53283
53460
|
}
|
|
53284
53461
|
},
|
|
53285
|
-
"pf-t--chart--global--letter-spacing": {
|
|
53286
|
-
"default": {
|
|
53287
|
-
"type": "string",
|
|
53288
|
-
"value": "normal",
|
|
53289
|
-
"filePath": "tokens/default/charts.json",
|
|
53290
|
-
"isSource": true,
|
|
53291
|
-
"original": {
|
|
53292
|
-
"type": "string",
|
|
53293
|
-
"value": "normal"
|
|
53294
|
-
},
|
|
53295
|
-
"name": "pf-t--chart--global--letter-spacing",
|
|
53296
|
-
"attributes": {
|
|
53297
|
-
"category": "chart",
|
|
53298
|
-
"type": "global",
|
|
53299
|
-
"item": "letter-spacing"
|
|
53300
|
-
},
|
|
53301
|
-
"path": [
|
|
53302
|
-
"chart",
|
|
53303
|
-
"global",
|
|
53304
|
-
"letter-spacing"
|
|
53305
|
-
]
|
|
53306
|
-
}
|
|
53307
|
-
},
|
|
53308
53462
|
"pf-t--chart--global--layout--padding": {
|
|
53309
53463
|
"default": {
|
|
53310
53464
|
"type": "number",
|