@hashicorp/design-system-tokens 2.2.1 → 2.3.0
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/CHANGELOG.md +20 -0
- package/RELEASE.md +40 -0
- package/dist/cloud-email/helpers/color.css +1 -2
- package/dist/cloud-email/helpers/elevation.css +3 -4
- package/dist/cloud-email/helpers/focus-ring.css +1 -2
- package/dist/cloud-email/helpers/typography.css +1 -2
- package/dist/cloud-email/tokens.scss +7 -4
- package/dist/devdot/css/helpers/color.css +1 -2
- package/dist/devdot/css/helpers/elevation.css +3 -4
- package/dist/devdot/css/helpers/focus-ring.css +1 -2
- package/dist/devdot/css/helpers/typography.css +1 -2
- package/dist/devdot/css/tokens.css +49 -22
- package/dist/docs/products/tokens.json +1076 -478
- package/dist/marketing/css/helpers/color.css +1 -2
- package/dist/marketing/css/helpers/elevation.css +3 -4
- package/dist/marketing/css/helpers/focus-ring.css +1 -2
- package/dist/marketing/css/helpers/typography.css +1 -2
- package/dist/marketing/css/tokens.css +49 -22
- package/dist/marketing/tokens.json +1318 -628
- package/dist/products/css/helpers/color.css +1 -2
- package/dist/products/css/helpers/elevation.css +3 -4
- package/dist/products/css/helpers/focus-ring.css +1 -2
- package/dist/products/css/helpers/typography.css +1 -2
- package/dist/products/css/tokens.css +49 -22
- package/package.json +17 -15
|
@@ -1,4 +1,92 @@
|
|
|
1
1
|
{
|
|
2
|
+
"border": {
|
|
3
|
+
"radius": {
|
|
4
|
+
"x-small": {
|
|
5
|
+
"value": "3px",
|
|
6
|
+
"type": "size",
|
|
7
|
+
"filePath": "src/global/border/radius.json",
|
|
8
|
+
"isSource": true,
|
|
9
|
+
"original": {
|
|
10
|
+
"value": "3",
|
|
11
|
+
"type": "size"
|
|
12
|
+
},
|
|
13
|
+
"name": "token-border-radius-x-small",
|
|
14
|
+
"attributes": {
|
|
15
|
+
"category": "border",
|
|
16
|
+
"type": "radius",
|
|
17
|
+
"item": "x-small"
|
|
18
|
+
},
|
|
19
|
+
"path": [
|
|
20
|
+
"border",
|
|
21
|
+
"radius",
|
|
22
|
+
"x-small"
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
"small": {
|
|
26
|
+
"value": "5px",
|
|
27
|
+
"type": "size",
|
|
28
|
+
"filePath": "src/global/border/radius.json",
|
|
29
|
+
"isSource": true,
|
|
30
|
+
"original": {
|
|
31
|
+
"value": "5",
|
|
32
|
+
"type": "size"
|
|
33
|
+
},
|
|
34
|
+
"name": "token-border-radius-small",
|
|
35
|
+
"attributes": {
|
|
36
|
+
"category": "border",
|
|
37
|
+
"type": "radius",
|
|
38
|
+
"item": "small"
|
|
39
|
+
},
|
|
40
|
+
"path": [
|
|
41
|
+
"border",
|
|
42
|
+
"radius",
|
|
43
|
+
"small"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"medium": {
|
|
47
|
+
"value": "6px",
|
|
48
|
+
"type": "size",
|
|
49
|
+
"filePath": "src/global/border/radius.json",
|
|
50
|
+
"isSource": true,
|
|
51
|
+
"original": {
|
|
52
|
+
"value": "6",
|
|
53
|
+
"type": "size"
|
|
54
|
+
},
|
|
55
|
+
"name": "token-border-radius-medium",
|
|
56
|
+
"attributes": {
|
|
57
|
+
"category": "border",
|
|
58
|
+
"type": "radius",
|
|
59
|
+
"item": "medium"
|
|
60
|
+
},
|
|
61
|
+
"path": [
|
|
62
|
+
"border",
|
|
63
|
+
"radius",
|
|
64
|
+
"medium"
|
|
65
|
+
]
|
|
66
|
+
},
|
|
67
|
+
"large": {
|
|
68
|
+
"value": "8px",
|
|
69
|
+
"type": "size",
|
|
70
|
+
"filePath": "src/global/border/radius.json",
|
|
71
|
+
"isSource": true,
|
|
72
|
+
"original": {
|
|
73
|
+
"value": "8",
|
|
74
|
+
"type": "size"
|
|
75
|
+
},
|
|
76
|
+
"name": "token-border-radius-large",
|
|
77
|
+
"attributes": {
|
|
78
|
+
"category": "border",
|
|
79
|
+
"type": "radius",
|
|
80
|
+
"item": "large"
|
|
81
|
+
},
|
|
82
|
+
"path": [
|
|
83
|
+
"border",
|
|
84
|
+
"radius",
|
|
85
|
+
"large"
|
|
86
|
+
]
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
},
|
|
2
90
|
"color": {
|
|
3
91
|
"palette": {
|
|
4
92
|
"blue-500": {
|
|
@@ -4310,107 +4398,107 @@
|
|
|
4310
4398
|
}
|
|
4311
4399
|
},
|
|
4312
4400
|
"elevation": {
|
|
4313
|
-
"
|
|
4401
|
+
"inset": {
|
|
4314
4402
|
"box-shadow": {
|
|
4315
|
-
"value": "
|
|
4403
|
+
"value": "inset 0px 1px 2px 1px #656a761a",
|
|
4316
4404
|
"filePath": "src/global/elevation/elevation.json",
|
|
4317
4405
|
"isSource": true,
|
|
4318
4406
|
"original": {
|
|
4319
|
-
"value": "{elevation.
|
|
4407
|
+
"value": "{elevation.inset.box-shadow-01.value}"
|
|
4320
4408
|
},
|
|
4321
|
-
"name": "token-elevation-
|
|
4409
|
+
"name": "token-elevation-inset-box-shadow",
|
|
4322
4410
|
"attributes": {
|
|
4323
4411
|
"category": "elevation",
|
|
4324
|
-
"type": "
|
|
4412
|
+
"type": "inset",
|
|
4325
4413
|
"item": "box-shadow"
|
|
4326
4414
|
},
|
|
4327
4415
|
"path": [
|
|
4328
4416
|
"elevation",
|
|
4329
|
-
"
|
|
4417
|
+
"inset",
|
|
4330
4418
|
"box-shadow"
|
|
4331
4419
|
]
|
|
4332
4420
|
}
|
|
4333
4421
|
},
|
|
4334
|
-
"
|
|
4422
|
+
"low": {
|
|
4335
4423
|
"box-shadow": {
|
|
4336
|
-
"value": "0px
|
|
4424
|
+
"value": "0px 1px 1px 0px #656a760d, 0px 2px 2px 0px #656a760d",
|
|
4337
4425
|
"filePath": "src/global/elevation/elevation.json",
|
|
4338
4426
|
"isSource": true,
|
|
4339
4427
|
"original": {
|
|
4340
|
-
"value": "{elevation.
|
|
4428
|
+
"value": "{elevation.low.box-shadow-01.value}, {elevation.low.box-shadow-02.value}"
|
|
4341
4429
|
},
|
|
4342
|
-
"name": "token-elevation-
|
|
4430
|
+
"name": "token-elevation-low-box-shadow",
|
|
4343
4431
|
"attributes": {
|
|
4344
4432
|
"category": "elevation",
|
|
4345
|
-
"type": "
|
|
4433
|
+
"type": "low",
|
|
4346
4434
|
"item": "box-shadow"
|
|
4347
4435
|
},
|
|
4348
4436
|
"path": [
|
|
4349
4437
|
"elevation",
|
|
4350
|
-
"
|
|
4438
|
+
"low",
|
|
4351
4439
|
"box-shadow"
|
|
4352
4440
|
]
|
|
4353
4441
|
}
|
|
4354
4442
|
},
|
|
4355
|
-
"
|
|
4443
|
+
"mid": {
|
|
4356
4444
|
"box-shadow": {
|
|
4357
|
-
"value": "
|
|
4445
|
+
"value": "0px 2px 3px 0px #656a761a, 0px 8px 16px -10px #656a7633",
|
|
4358
4446
|
"filePath": "src/global/elevation/elevation.json",
|
|
4359
4447
|
"isSource": true,
|
|
4360
4448
|
"original": {
|
|
4361
|
-
"value": "{elevation.
|
|
4449
|
+
"value": "{elevation.mid.box-shadow-01.value}, {elevation.mid.box-shadow-02.value}"
|
|
4362
4450
|
},
|
|
4363
|
-
"name": "token-elevation-
|
|
4451
|
+
"name": "token-elevation-mid-box-shadow",
|
|
4364
4452
|
"attributes": {
|
|
4365
4453
|
"category": "elevation",
|
|
4366
|
-
"type": "
|
|
4454
|
+
"type": "mid",
|
|
4367
4455
|
"item": "box-shadow"
|
|
4368
4456
|
},
|
|
4369
4457
|
"path": [
|
|
4370
4458
|
"elevation",
|
|
4371
|
-
"
|
|
4459
|
+
"mid",
|
|
4372
4460
|
"box-shadow"
|
|
4373
4461
|
]
|
|
4374
4462
|
}
|
|
4375
4463
|
},
|
|
4376
|
-
"
|
|
4464
|
+
"high": {
|
|
4377
4465
|
"box-shadow": {
|
|
4378
|
-
"value": "0px
|
|
4466
|
+
"value": "0px 2px 3px 0px #656a7626, 0px 16px 16px -10px #656a7633",
|
|
4379
4467
|
"filePath": "src/global/elevation/elevation.json",
|
|
4380
4468
|
"isSource": true,
|
|
4381
4469
|
"original": {
|
|
4382
|
-
"value": "{elevation.
|
|
4470
|
+
"value": "{elevation.high.box-shadow-01.value}, {elevation.high.box-shadow-02.value}"
|
|
4383
4471
|
},
|
|
4384
|
-
"name": "token-elevation-
|
|
4472
|
+
"name": "token-elevation-high-box-shadow",
|
|
4385
4473
|
"attributes": {
|
|
4386
4474
|
"category": "elevation",
|
|
4387
|
-
"type": "
|
|
4475
|
+
"type": "high",
|
|
4388
4476
|
"item": "box-shadow"
|
|
4389
4477
|
},
|
|
4390
4478
|
"path": [
|
|
4391
4479
|
"elevation",
|
|
4392
|
-
"
|
|
4480
|
+
"high",
|
|
4393
4481
|
"box-shadow"
|
|
4394
4482
|
]
|
|
4395
4483
|
}
|
|
4396
4484
|
},
|
|
4397
|
-
"
|
|
4485
|
+
"higher": {
|
|
4398
4486
|
"box-shadow": {
|
|
4399
|
-
"value": "0px 2px 3px 0px #656a761a, 0px
|
|
4487
|
+
"value": "0px 2px 3px 0px #656a761a, 0px 12px 28px 0px #656a7640",
|
|
4400
4488
|
"filePath": "src/global/elevation/elevation.json",
|
|
4401
4489
|
"isSource": true,
|
|
4402
4490
|
"original": {
|
|
4403
|
-
"value": "{elevation.
|
|
4491
|
+
"value": "{elevation.higher.box-shadow-01.value}, {elevation.higher.box-shadow-02.value}"
|
|
4404
4492
|
},
|
|
4405
|
-
"name": "token-elevation-
|
|
4493
|
+
"name": "token-elevation-higher-box-shadow",
|
|
4406
4494
|
"attributes": {
|
|
4407
4495
|
"category": "elevation",
|
|
4408
|
-
"type": "
|
|
4496
|
+
"type": "higher",
|
|
4409
4497
|
"item": "box-shadow"
|
|
4410
4498
|
},
|
|
4411
4499
|
"path": [
|
|
4412
4500
|
"elevation",
|
|
4413
|
-
"
|
|
4501
|
+
"higher",
|
|
4414
4502
|
"box-shadow"
|
|
4415
4503
|
]
|
|
4416
4504
|
}
|
|
@@ -4630,55 +4718,1062 @@
|
|
|
4630
4718
|
}
|
|
4631
4719
|
}
|
|
4632
4720
|
},
|
|
4633
|
-
"
|
|
4634
|
-
"
|
|
4635
|
-
"
|
|
4636
|
-
|
|
4637
|
-
|
|
4638
|
-
|
|
4639
|
-
|
|
4640
|
-
|
|
4641
|
-
|
|
4642
|
-
|
|
4643
|
-
|
|
4644
|
-
|
|
4645
|
-
|
|
4646
|
-
|
|
4647
|
-
|
|
4648
|
-
|
|
4649
|
-
|
|
4650
|
-
|
|
4651
|
-
|
|
4652
|
-
|
|
4653
|
-
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
|
|
4657
|
-
|
|
4658
|
-
|
|
4659
|
-
|
|
4660
|
-
|
|
4661
|
-
|
|
4662
|
-
|
|
4721
|
+
"app-header": {
|
|
4722
|
+
"height": {
|
|
4723
|
+
"value": "60px",
|
|
4724
|
+
"type": "size",
|
|
4725
|
+
"filePath": "src/products/shared/app-header.json",
|
|
4726
|
+
"isSource": true,
|
|
4727
|
+
"original": {
|
|
4728
|
+
"value": "60",
|
|
4729
|
+
"type": "size"
|
|
4730
|
+
},
|
|
4731
|
+
"name": "token-app-header-height",
|
|
4732
|
+
"attributes": {
|
|
4733
|
+
"category": "app-header",
|
|
4734
|
+
"type": "height"
|
|
4735
|
+
},
|
|
4736
|
+
"path": [
|
|
4737
|
+
"app-header",
|
|
4738
|
+
"height"
|
|
4739
|
+
]
|
|
4740
|
+
},
|
|
4741
|
+
"home-link": {
|
|
4742
|
+
"size": {
|
|
4743
|
+
"value": "36px",
|
|
4744
|
+
"type": "size",
|
|
4745
|
+
"filePath": "src/products/shared/app-header.json",
|
|
4746
|
+
"isSource": true,
|
|
4747
|
+
"original": {
|
|
4748
|
+
"value": "36",
|
|
4749
|
+
"type": "size"
|
|
4750
|
+
},
|
|
4751
|
+
"name": "token-app-header-home-link-size",
|
|
4752
|
+
"attributes": {
|
|
4753
|
+
"category": "app-header",
|
|
4754
|
+
"type": "home-link",
|
|
4755
|
+
"item": "size"
|
|
4756
|
+
},
|
|
4757
|
+
"path": [
|
|
4758
|
+
"app-header",
|
|
4759
|
+
"home-link",
|
|
4760
|
+
"size"
|
|
4761
|
+
]
|
|
4762
|
+
}
|
|
4763
|
+
},
|
|
4764
|
+
"logo": {
|
|
4765
|
+
"size": {
|
|
4766
|
+
"value": "28px",
|
|
4767
|
+
"type": "size",
|
|
4768
|
+
"filePath": "src/products/shared/app-header.json",
|
|
4769
|
+
"isSource": true,
|
|
4770
|
+
"original": {
|
|
4771
|
+
"value": "28",
|
|
4772
|
+
"type": "size"
|
|
4773
|
+
},
|
|
4774
|
+
"name": "token-app-header-logo-size",
|
|
4775
|
+
"attributes": {
|
|
4776
|
+
"category": "app-header",
|
|
4777
|
+
"type": "logo",
|
|
4778
|
+
"item": "size"
|
|
4779
|
+
},
|
|
4780
|
+
"path": [
|
|
4781
|
+
"app-header",
|
|
4782
|
+
"logo",
|
|
4783
|
+
"size"
|
|
4784
|
+
]
|
|
4785
|
+
}
|
|
4786
|
+
}
|
|
4787
|
+
},
|
|
4788
|
+
"app-side-nav": {
|
|
4789
|
+
"wrapper": {
|
|
4790
|
+
"border": {
|
|
4791
|
+
"width": {
|
|
4792
|
+
"value": "1px",
|
|
4793
|
+
"type": "size",
|
|
4794
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4795
|
+
"isSource": true,
|
|
4796
|
+
"original": {
|
|
4797
|
+
"value": "1",
|
|
4798
|
+
"type": "size"
|
|
4663
4799
|
},
|
|
4664
|
-
"
|
|
4665
|
-
|
|
4800
|
+
"name": "token-app-side-nav-wrapper-border-width",
|
|
4801
|
+
"attributes": {
|
|
4802
|
+
"category": "app-side-nav",
|
|
4803
|
+
"type": "wrapper",
|
|
4804
|
+
"item": "border",
|
|
4805
|
+
"subitem": "width"
|
|
4806
|
+
},
|
|
4807
|
+
"path": [
|
|
4808
|
+
"app-side-nav",
|
|
4809
|
+
"wrapper",
|
|
4810
|
+
"border",
|
|
4811
|
+
"width"
|
|
4812
|
+
]
|
|
4813
|
+
},
|
|
4814
|
+
"color": {
|
|
4815
|
+
"value": "var(--token-color-palette-neutral-200)",
|
|
4816
|
+
"type": "color",
|
|
4817
|
+
"group": "components",
|
|
4818
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4819
|
+
"isSource": true,
|
|
4820
|
+
"original": {
|
|
4821
|
+
"value": "var(--token-color-palette-neutral-200)",
|
|
4666
4822
|
"type": "color",
|
|
4667
|
-
"group": "components"
|
|
4668
|
-
|
|
4669
|
-
|
|
4670
|
-
|
|
4671
|
-
|
|
4672
|
-
|
|
4673
|
-
|
|
4674
|
-
|
|
4675
|
-
|
|
4676
|
-
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4680
|
-
|
|
4681
|
-
|
|
4823
|
+
"group": "components"
|
|
4824
|
+
},
|
|
4825
|
+
"name": "token-app-side-nav-wrapper-border-color",
|
|
4826
|
+
"attributes": {
|
|
4827
|
+
"category": "app-side-nav",
|
|
4828
|
+
"type": "wrapper",
|
|
4829
|
+
"item": "border",
|
|
4830
|
+
"subitem": "color"
|
|
4831
|
+
},
|
|
4832
|
+
"path": [
|
|
4833
|
+
"app-side-nav",
|
|
4834
|
+
"wrapper",
|
|
4835
|
+
"border",
|
|
4836
|
+
"color"
|
|
4837
|
+
]
|
|
4838
|
+
}
|
|
4839
|
+
},
|
|
4840
|
+
"padding": {
|
|
4841
|
+
"horizontal": {
|
|
4842
|
+
"value": "16px",
|
|
4843
|
+
"type": "size",
|
|
4844
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4845
|
+
"isSource": true,
|
|
4846
|
+
"original": {
|
|
4847
|
+
"value": "16",
|
|
4848
|
+
"type": "size"
|
|
4849
|
+
},
|
|
4850
|
+
"name": "token-app-side-nav-wrapper-padding-horizontal",
|
|
4851
|
+
"attributes": {
|
|
4852
|
+
"category": "app-side-nav",
|
|
4853
|
+
"type": "wrapper",
|
|
4854
|
+
"item": "padding",
|
|
4855
|
+
"subitem": "horizontal"
|
|
4856
|
+
},
|
|
4857
|
+
"path": [
|
|
4858
|
+
"app-side-nav",
|
|
4859
|
+
"wrapper",
|
|
4860
|
+
"padding",
|
|
4861
|
+
"horizontal"
|
|
4862
|
+
]
|
|
4863
|
+
},
|
|
4864
|
+
"vertical": {
|
|
4865
|
+
"value": "16px",
|
|
4866
|
+
"type": "size",
|
|
4867
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4868
|
+
"isSource": true,
|
|
4869
|
+
"original": {
|
|
4870
|
+
"value": "16",
|
|
4871
|
+
"type": "size"
|
|
4872
|
+
},
|
|
4873
|
+
"name": "token-app-side-nav-wrapper-padding-vertical",
|
|
4874
|
+
"attributes": {
|
|
4875
|
+
"category": "app-side-nav",
|
|
4876
|
+
"type": "wrapper",
|
|
4877
|
+
"item": "padding",
|
|
4878
|
+
"subitem": "vertical"
|
|
4879
|
+
},
|
|
4880
|
+
"path": [
|
|
4881
|
+
"app-side-nav",
|
|
4882
|
+
"wrapper",
|
|
4883
|
+
"padding",
|
|
4884
|
+
"vertical"
|
|
4885
|
+
]
|
|
4886
|
+
},
|
|
4887
|
+
"horizontal-minimized": {
|
|
4888
|
+
"value": "8px",
|
|
4889
|
+
"type": "size",
|
|
4890
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4891
|
+
"isSource": true,
|
|
4892
|
+
"original": {
|
|
4893
|
+
"value": "8",
|
|
4894
|
+
"type": "size"
|
|
4895
|
+
},
|
|
4896
|
+
"name": "token-app-side-nav-wrapper-padding-horizontal-minimized",
|
|
4897
|
+
"attributes": {
|
|
4898
|
+
"category": "app-side-nav",
|
|
4899
|
+
"type": "wrapper",
|
|
4900
|
+
"item": "padding",
|
|
4901
|
+
"subitem": "horizontal-minimized"
|
|
4902
|
+
},
|
|
4903
|
+
"path": [
|
|
4904
|
+
"app-side-nav",
|
|
4905
|
+
"wrapper",
|
|
4906
|
+
"padding",
|
|
4907
|
+
"horizontal-minimized"
|
|
4908
|
+
]
|
|
4909
|
+
},
|
|
4910
|
+
"vertical-minimized": {
|
|
4911
|
+
"value": "22px",
|
|
4912
|
+
"type": "size",
|
|
4913
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4914
|
+
"isSource": true,
|
|
4915
|
+
"original": {
|
|
4916
|
+
"value": "22",
|
|
4917
|
+
"type": "size"
|
|
4918
|
+
},
|
|
4919
|
+
"name": "token-app-side-nav-wrapper-padding-vertical-minimized",
|
|
4920
|
+
"attributes": {
|
|
4921
|
+
"category": "app-side-nav",
|
|
4922
|
+
"type": "wrapper",
|
|
4923
|
+
"item": "padding",
|
|
4924
|
+
"subitem": "vertical-minimized"
|
|
4925
|
+
},
|
|
4926
|
+
"path": [
|
|
4927
|
+
"app-side-nav",
|
|
4928
|
+
"wrapper",
|
|
4929
|
+
"padding",
|
|
4930
|
+
"vertical-minimized"
|
|
4931
|
+
]
|
|
4932
|
+
}
|
|
4933
|
+
}
|
|
4934
|
+
},
|
|
4935
|
+
"toggle-button": {
|
|
4936
|
+
"border": {
|
|
4937
|
+
"radius": {
|
|
4938
|
+
"value": "5px",
|
|
4939
|
+
"type": "size",
|
|
4940
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4941
|
+
"isSource": true,
|
|
4942
|
+
"original": {
|
|
4943
|
+
"value": "5",
|
|
4944
|
+
"type": "size"
|
|
4945
|
+
},
|
|
4946
|
+
"name": "token-app-side-nav-toggle-button-border-radius",
|
|
4947
|
+
"attributes": {
|
|
4948
|
+
"category": "app-side-nav",
|
|
4949
|
+
"type": "toggle-button",
|
|
4950
|
+
"item": "border",
|
|
4951
|
+
"subitem": "radius"
|
|
4952
|
+
},
|
|
4953
|
+
"path": [
|
|
4954
|
+
"app-side-nav",
|
|
4955
|
+
"toggle-button",
|
|
4956
|
+
"border",
|
|
4957
|
+
"radius"
|
|
4958
|
+
]
|
|
4959
|
+
}
|
|
4960
|
+
}
|
|
4961
|
+
},
|
|
4962
|
+
"header": {
|
|
4963
|
+
"home-link": {
|
|
4964
|
+
"padding": {
|
|
4965
|
+
"value": "4px",
|
|
4966
|
+
"type": "size",
|
|
4967
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4968
|
+
"isSource": true,
|
|
4969
|
+
"original": {
|
|
4970
|
+
"value": "4",
|
|
4971
|
+
"type": "size"
|
|
4972
|
+
},
|
|
4973
|
+
"name": "token-app-side-nav-header-home-link-padding",
|
|
4974
|
+
"attributes": {
|
|
4975
|
+
"category": "app-side-nav",
|
|
4976
|
+
"type": "header",
|
|
4977
|
+
"item": "home-link",
|
|
4978
|
+
"subitem": "padding"
|
|
4979
|
+
},
|
|
4980
|
+
"path": [
|
|
4981
|
+
"app-side-nav",
|
|
4982
|
+
"header",
|
|
4983
|
+
"home-link",
|
|
4984
|
+
"padding"
|
|
4985
|
+
]
|
|
4986
|
+
},
|
|
4987
|
+
"logo-size": {
|
|
4988
|
+
"value": "48px",
|
|
4989
|
+
"type": "size",
|
|
4990
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
4991
|
+
"isSource": true,
|
|
4992
|
+
"original": {
|
|
4993
|
+
"value": "48",
|
|
4994
|
+
"type": "size"
|
|
4995
|
+
},
|
|
4996
|
+
"name": "token-app-side-nav-header-home-link-logo-size",
|
|
4997
|
+
"attributes": {
|
|
4998
|
+
"category": "app-side-nav",
|
|
4999
|
+
"type": "header",
|
|
5000
|
+
"item": "home-link",
|
|
5001
|
+
"subitem": "logo-size"
|
|
5002
|
+
},
|
|
5003
|
+
"path": [
|
|
5004
|
+
"app-side-nav",
|
|
5005
|
+
"header",
|
|
5006
|
+
"home-link",
|
|
5007
|
+
"logo-size"
|
|
5008
|
+
]
|
|
5009
|
+
},
|
|
5010
|
+
"logo-size-minimized": {
|
|
5011
|
+
"value": "32px",
|
|
5012
|
+
"type": "size",
|
|
5013
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5014
|
+
"isSource": true,
|
|
5015
|
+
"original": {
|
|
5016
|
+
"value": "32",
|
|
5017
|
+
"type": "size"
|
|
5018
|
+
},
|
|
5019
|
+
"name": "token-app-side-nav-header-home-link-logo-size-minimized",
|
|
5020
|
+
"attributes": {
|
|
5021
|
+
"category": "app-side-nav",
|
|
5022
|
+
"type": "header",
|
|
5023
|
+
"item": "home-link",
|
|
5024
|
+
"subitem": "logo-size-minimized"
|
|
5025
|
+
},
|
|
5026
|
+
"path": [
|
|
5027
|
+
"app-side-nav",
|
|
5028
|
+
"header",
|
|
5029
|
+
"home-link",
|
|
5030
|
+
"logo-size-minimized"
|
|
5031
|
+
]
|
|
5032
|
+
}
|
|
5033
|
+
},
|
|
5034
|
+
"actions": {
|
|
5035
|
+
"spacing": {
|
|
5036
|
+
"value": "8px",
|
|
5037
|
+
"type": "size",
|
|
5038
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5039
|
+
"isSource": true,
|
|
5040
|
+
"original": {
|
|
5041
|
+
"value": "8",
|
|
5042
|
+
"type": "size"
|
|
5043
|
+
},
|
|
5044
|
+
"name": "token-app-side-nav-header-actions-spacing",
|
|
5045
|
+
"attributes": {
|
|
5046
|
+
"category": "app-side-nav",
|
|
5047
|
+
"type": "header",
|
|
5048
|
+
"item": "actions",
|
|
5049
|
+
"subitem": "spacing"
|
|
5050
|
+
},
|
|
5051
|
+
"path": [
|
|
5052
|
+
"app-side-nav",
|
|
5053
|
+
"header",
|
|
5054
|
+
"actions",
|
|
5055
|
+
"spacing"
|
|
5056
|
+
]
|
|
5057
|
+
}
|
|
5058
|
+
}
|
|
5059
|
+
},
|
|
5060
|
+
"body": {
|
|
5061
|
+
"list": {
|
|
5062
|
+
"margin-vertical": {
|
|
5063
|
+
"value": "24px",
|
|
5064
|
+
"type": "size",
|
|
5065
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5066
|
+
"isSource": true,
|
|
5067
|
+
"original": {
|
|
5068
|
+
"value": "24",
|
|
5069
|
+
"type": "size"
|
|
5070
|
+
},
|
|
5071
|
+
"name": "token-app-side-nav-body-list-margin-vertical",
|
|
5072
|
+
"attributes": {
|
|
5073
|
+
"category": "app-side-nav",
|
|
5074
|
+
"type": "body",
|
|
5075
|
+
"item": "list",
|
|
5076
|
+
"subitem": "margin-vertical"
|
|
5077
|
+
},
|
|
5078
|
+
"path": [
|
|
5079
|
+
"app-side-nav",
|
|
5080
|
+
"body",
|
|
5081
|
+
"list",
|
|
5082
|
+
"margin-vertical"
|
|
5083
|
+
]
|
|
5084
|
+
}
|
|
5085
|
+
},
|
|
5086
|
+
"list-item": {
|
|
5087
|
+
"height": {
|
|
5088
|
+
"value": "36px",
|
|
5089
|
+
"type": "size",
|
|
5090
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5091
|
+
"isSource": true,
|
|
5092
|
+
"original": {
|
|
5093
|
+
"value": "36",
|
|
5094
|
+
"type": "size"
|
|
5095
|
+
},
|
|
5096
|
+
"name": "token-app-side-nav-body-list-item-height",
|
|
5097
|
+
"attributes": {
|
|
5098
|
+
"category": "app-side-nav",
|
|
5099
|
+
"type": "body",
|
|
5100
|
+
"item": "list-item",
|
|
5101
|
+
"subitem": "height"
|
|
5102
|
+
},
|
|
5103
|
+
"path": [
|
|
5104
|
+
"app-side-nav",
|
|
5105
|
+
"body",
|
|
5106
|
+
"list-item",
|
|
5107
|
+
"height"
|
|
5108
|
+
]
|
|
5109
|
+
},
|
|
5110
|
+
"padding": {
|
|
5111
|
+
"horizontal": {
|
|
5112
|
+
"value": "8px",
|
|
5113
|
+
"type": "size",
|
|
5114
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5115
|
+
"isSource": true,
|
|
5116
|
+
"original": {
|
|
5117
|
+
"value": "8",
|
|
5118
|
+
"type": "size"
|
|
5119
|
+
},
|
|
5120
|
+
"name": "token-app-side-nav-body-list-item-padding-horizontal",
|
|
5121
|
+
"attributes": {
|
|
5122
|
+
"category": "app-side-nav",
|
|
5123
|
+
"type": "body",
|
|
5124
|
+
"item": "list-item",
|
|
5125
|
+
"subitem": "padding",
|
|
5126
|
+
"state": "horizontal"
|
|
5127
|
+
},
|
|
5128
|
+
"path": [
|
|
5129
|
+
"app-side-nav",
|
|
5130
|
+
"body",
|
|
5131
|
+
"list-item",
|
|
5132
|
+
"padding",
|
|
5133
|
+
"horizontal"
|
|
5134
|
+
]
|
|
5135
|
+
},
|
|
5136
|
+
"vertical": {
|
|
5137
|
+
"value": "4px",
|
|
5138
|
+
"type": "size",
|
|
5139
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5140
|
+
"isSource": true,
|
|
5141
|
+
"original": {
|
|
5142
|
+
"value": "4",
|
|
5143
|
+
"type": "size"
|
|
5144
|
+
},
|
|
5145
|
+
"name": "token-app-side-nav-body-list-item-padding-vertical",
|
|
5146
|
+
"attributes": {
|
|
5147
|
+
"category": "app-side-nav",
|
|
5148
|
+
"type": "body",
|
|
5149
|
+
"item": "list-item",
|
|
5150
|
+
"subitem": "padding",
|
|
5151
|
+
"state": "vertical"
|
|
5152
|
+
},
|
|
5153
|
+
"path": [
|
|
5154
|
+
"app-side-nav",
|
|
5155
|
+
"body",
|
|
5156
|
+
"list-item",
|
|
5157
|
+
"padding",
|
|
5158
|
+
"vertical"
|
|
5159
|
+
]
|
|
5160
|
+
}
|
|
5161
|
+
},
|
|
5162
|
+
"spacing-vertical": {
|
|
5163
|
+
"value": "2px",
|
|
5164
|
+
"type": "size",
|
|
5165
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5166
|
+
"isSource": true,
|
|
5167
|
+
"original": {
|
|
5168
|
+
"value": "2",
|
|
5169
|
+
"type": "size"
|
|
5170
|
+
},
|
|
5171
|
+
"name": "token-app-side-nav-body-list-item-spacing-vertical",
|
|
5172
|
+
"attributes": {
|
|
5173
|
+
"category": "app-side-nav",
|
|
5174
|
+
"type": "body",
|
|
5175
|
+
"item": "list-item",
|
|
5176
|
+
"subitem": "spacing-vertical"
|
|
5177
|
+
},
|
|
5178
|
+
"path": [
|
|
5179
|
+
"app-side-nav",
|
|
5180
|
+
"body",
|
|
5181
|
+
"list-item",
|
|
5182
|
+
"spacing-vertical"
|
|
5183
|
+
]
|
|
5184
|
+
},
|
|
5185
|
+
"content-spacing-horizontal": {
|
|
5186
|
+
"value": "8px",
|
|
5187
|
+
"type": "size",
|
|
5188
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5189
|
+
"isSource": true,
|
|
5190
|
+
"original": {
|
|
5191
|
+
"value": "8",
|
|
5192
|
+
"type": "size"
|
|
5193
|
+
},
|
|
5194
|
+
"name": "token-app-side-nav-body-list-item-content-spacing-horizontal",
|
|
5195
|
+
"attributes": {
|
|
5196
|
+
"category": "app-side-nav",
|
|
5197
|
+
"type": "body",
|
|
5198
|
+
"item": "list-item",
|
|
5199
|
+
"subitem": "content-spacing-horizontal"
|
|
5200
|
+
},
|
|
5201
|
+
"path": [
|
|
5202
|
+
"app-side-nav",
|
|
5203
|
+
"body",
|
|
5204
|
+
"list-item",
|
|
5205
|
+
"content-spacing-horizontal"
|
|
5206
|
+
]
|
|
5207
|
+
},
|
|
5208
|
+
"border-radius": {
|
|
5209
|
+
"value": "5px",
|
|
5210
|
+
"type": "size",
|
|
5211
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5212
|
+
"isSource": true,
|
|
5213
|
+
"original": {
|
|
5214
|
+
"value": "5",
|
|
5215
|
+
"type": "size"
|
|
5216
|
+
},
|
|
5217
|
+
"name": "token-app-side-nav-body-list-item-border-radius",
|
|
5218
|
+
"attributes": {
|
|
5219
|
+
"category": "app-side-nav",
|
|
5220
|
+
"type": "body",
|
|
5221
|
+
"item": "list-item",
|
|
5222
|
+
"subitem": "border-radius"
|
|
5223
|
+
},
|
|
5224
|
+
"path": [
|
|
5225
|
+
"app-side-nav",
|
|
5226
|
+
"body",
|
|
5227
|
+
"list-item",
|
|
5228
|
+
"border-radius"
|
|
5229
|
+
]
|
|
5230
|
+
}
|
|
5231
|
+
}
|
|
5232
|
+
},
|
|
5233
|
+
"color": {
|
|
5234
|
+
"foreground": {
|
|
5235
|
+
"primary": {
|
|
5236
|
+
"value": "var(--token-color-foreground-primary)",
|
|
5237
|
+
"type": "color",
|
|
5238
|
+
"group": "components",
|
|
5239
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5240
|
+
"isSource": true,
|
|
5241
|
+
"original": {
|
|
5242
|
+
"value": "var(--token-color-foreground-primary)",
|
|
5243
|
+
"type": "color",
|
|
5244
|
+
"group": "components"
|
|
5245
|
+
},
|
|
5246
|
+
"name": "token-app-side-nav-color-foreground-primary",
|
|
5247
|
+
"attributes": {
|
|
5248
|
+
"category": "app-side-nav",
|
|
5249
|
+
"type": "color",
|
|
5250
|
+
"item": "foreground",
|
|
5251
|
+
"subitem": "primary"
|
|
5252
|
+
},
|
|
5253
|
+
"path": [
|
|
5254
|
+
"app-side-nav",
|
|
5255
|
+
"color",
|
|
5256
|
+
"foreground",
|
|
5257
|
+
"primary"
|
|
5258
|
+
]
|
|
5259
|
+
},
|
|
5260
|
+
"strong": {
|
|
5261
|
+
"value": "var(--token-color-foreground-primary)",
|
|
5262
|
+
"type": "color",
|
|
5263
|
+
"group": "components",
|
|
5264
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5265
|
+
"isSource": true,
|
|
5266
|
+
"original": {
|
|
5267
|
+
"value": "var(--token-color-foreground-primary)",
|
|
5268
|
+
"type": "color",
|
|
5269
|
+
"group": "components"
|
|
5270
|
+
},
|
|
5271
|
+
"name": "token-app-side-nav-color-foreground-strong",
|
|
5272
|
+
"attributes": {
|
|
5273
|
+
"category": "app-side-nav",
|
|
5274
|
+
"type": "color",
|
|
5275
|
+
"item": "foreground",
|
|
5276
|
+
"subitem": "strong"
|
|
5277
|
+
},
|
|
5278
|
+
"path": [
|
|
5279
|
+
"app-side-nav",
|
|
5280
|
+
"color",
|
|
5281
|
+
"foreground",
|
|
5282
|
+
"strong"
|
|
5283
|
+
]
|
|
5284
|
+
},
|
|
5285
|
+
"faint": {
|
|
5286
|
+
"value": "var(--token-color-foreground-faint)",
|
|
5287
|
+
"type": "color",
|
|
5288
|
+
"group": "components",
|
|
5289
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5290
|
+
"isSource": true,
|
|
5291
|
+
"original": {
|
|
5292
|
+
"value": "var(--token-color-foreground-faint)",
|
|
5293
|
+
"type": "color",
|
|
5294
|
+
"group": "components"
|
|
5295
|
+
},
|
|
5296
|
+
"name": "token-app-side-nav-color-foreground-faint",
|
|
5297
|
+
"attributes": {
|
|
5298
|
+
"category": "app-side-nav",
|
|
5299
|
+
"type": "color",
|
|
5300
|
+
"item": "foreground",
|
|
5301
|
+
"subitem": "faint"
|
|
5302
|
+
},
|
|
5303
|
+
"path": [
|
|
5304
|
+
"app-side-nav",
|
|
5305
|
+
"color",
|
|
5306
|
+
"foreground",
|
|
5307
|
+
"faint"
|
|
5308
|
+
]
|
|
5309
|
+
}
|
|
5310
|
+
},
|
|
5311
|
+
"surface": {
|
|
5312
|
+
"primary": {
|
|
5313
|
+
"value": "var(--token-color-surface-faint)",
|
|
5314
|
+
"type": "color",
|
|
5315
|
+
"group": "components",
|
|
5316
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5317
|
+
"isSource": true,
|
|
5318
|
+
"original": {
|
|
5319
|
+
"value": "var(--token-color-surface-faint)",
|
|
5320
|
+
"type": "color",
|
|
5321
|
+
"group": "components"
|
|
5322
|
+
},
|
|
5323
|
+
"name": "token-app-side-nav-color-surface-primary",
|
|
5324
|
+
"attributes": {
|
|
5325
|
+
"category": "app-side-nav",
|
|
5326
|
+
"type": "color",
|
|
5327
|
+
"item": "surface",
|
|
5328
|
+
"subitem": "primary"
|
|
5329
|
+
},
|
|
5330
|
+
"path": [
|
|
5331
|
+
"app-side-nav",
|
|
5332
|
+
"color",
|
|
5333
|
+
"surface",
|
|
5334
|
+
"primary"
|
|
5335
|
+
]
|
|
5336
|
+
},
|
|
5337
|
+
"interactive-hover": {
|
|
5338
|
+
"value": "var(--token-color-surface-interactive-hover)",
|
|
5339
|
+
"type": "color",
|
|
5340
|
+
"group": "semantic",
|
|
5341
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5342
|
+
"isSource": true,
|
|
5343
|
+
"original": {
|
|
5344
|
+
"value": "var(--token-color-surface-interactive-hover)",
|
|
5345
|
+
"type": "color",
|
|
5346
|
+
"group": "semantic"
|
|
5347
|
+
},
|
|
5348
|
+
"name": "token-app-side-nav-color-surface-interactive-hover",
|
|
5349
|
+
"attributes": {
|
|
5350
|
+
"category": "app-side-nav",
|
|
5351
|
+
"type": "color",
|
|
5352
|
+
"item": "surface",
|
|
5353
|
+
"subitem": "interactive-hover"
|
|
5354
|
+
},
|
|
5355
|
+
"path": [
|
|
5356
|
+
"app-side-nav",
|
|
5357
|
+
"color",
|
|
5358
|
+
"surface",
|
|
5359
|
+
"interactive-hover"
|
|
5360
|
+
]
|
|
5361
|
+
},
|
|
5362
|
+
"interactive-active": {
|
|
5363
|
+
"value": "var(--token-color-palette-neutral-300)",
|
|
5364
|
+
"type": "color",
|
|
5365
|
+
"group": "semantic",
|
|
5366
|
+
"filePath": "src/products/shared/app-side-nav.json",
|
|
5367
|
+
"isSource": true,
|
|
5368
|
+
"original": {
|
|
5369
|
+
"value": "var(--token-color-palette-neutral-300)",
|
|
5370
|
+
"type": "color",
|
|
5371
|
+
"group": "semantic"
|
|
5372
|
+
},
|
|
5373
|
+
"name": "token-app-side-nav-color-surface-interactive-active",
|
|
5374
|
+
"attributes": {
|
|
5375
|
+
"category": "app-side-nav",
|
|
5376
|
+
"type": "color",
|
|
5377
|
+
"item": "surface",
|
|
5378
|
+
"subitem": "interactive-active"
|
|
5379
|
+
},
|
|
5380
|
+
"path": [
|
|
5381
|
+
"app-side-nav",
|
|
5382
|
+
"color",
|
|
5383
|
+
"surface",
|
|
5384
|
+
"interactive-active"
|
|
5385
|
+
]
|
|
5386
|
+
}
|
|
5387
|
+
}
|
|
5388
|
+
}
|
|
5389
|
+
},
|
|
5390
|
+
"form": {
|
|
5391
|
+
"label": {
|
|
5392
|
+
"color": {
|
|
5393
|
+
"value": "#0c0c0e",
|
|
5394
|
+
"type": "color",
|
|
5395
|
+
"group": "components",
|
|
5396
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5397
|
+
"isSource": true,
|
|
5398
|
+
"original": {
|
|
5399
|
+
"value": "{color.foreground.strong.value}",
|
|
5400
|
+
"type": "color",
|
|
5401
|
+
"group": "components"
|
|
5402
|
+
},
|
|
5403
|
+
"name": "token-form-label-color",
|
|
5404
|
+
"attributes": {
|
|
5405
|
+
"category": "form",
|
|
5406
|
+
"type": "label",
|
|
5407
|
+
"item": "color"
|
|
5408
|
+
},
|
|
5409
|
+
"path": [
|
|
5410
|
+
"form",
|
|
5411
|
+
"label",
|
|
5412
|
+
"color"
|
|
5413
|
+
]
|
|
5414
|
+
}
|
|
5415
|
+
},
|
|
5416
|
+
"legend": {
|
|
5417
|
+
"color": {
|
|
5418
|
+
"value": "#0c0c0e",
|
|
5419
|
+
"type": "color",
|
|
5420
|
+
"group": "components",
|
|
5421
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5422
|
+
"isSource": true,
|
|
5423
|
+
"original": {
|
|
5424
|
+
"value": "{form.label.color.value}",
|
|
5425
|
+
"type": "color",
|
|
5426
|
+
"group": "components"
|
|
5427
|
+
},
|
|
5428
|
+
"name": "token-form-legend-color",
|
|
5429
|
+
"attributes": {
|
|
5430
|
+
"category": "form",
|
|
5431
|
+
"type": "legend",
|
|
5432
|
+
"item": "color"
|
|
5433
|
+
},
|
|
5434
|
+
"path": [
|
|
5435
|
+
"form",
|
|
5436
|
+
"legend",
|
|
5437
|
+
"color"
|
|
5438
|
+
]
|
|
5439
|
+
}
|
|
5440
|
+
},
|
|
5441
|
+
"helper-text": {
|
|
5442
|
+
"color": {
|
|
5443
|
+
"value": "#656a76",
|
|
5444
|
+
"type": "color",
|
|
5445
|
+
"group": "components",
|
|
5446
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5447
|
+
"isSource": true,
|
|
5448
|
+
"original": {
|
|
5449
|
+
"value": "{color.foreground.faint.value}",
|
|
5450
|
+
"type": "color",
|
|
5451
|
+
"group": "components"
|
|
5452
|
+
},
|
|
5453
|
+
"name": "token-form-helper-text-color",
|
|
5454
|
+
"attributes": {
|
|
5455
|
+
"category": "form",
|
|
5456
|
+
"type": "helper-text",
|
|
5457
|
+
"item": "color"
|
|
5458
|
+
},
|
|
5459
|
+
"path": [
|
|
5460
|
+
"form",
|
|
5461
|
+
"helper-text",
|
|
5462
|
+
"color"
|
|
5463
|
+
]
|
|
5464
|
+
}
|
|
5465
|
+
},
|
|
5466
|
+
"indicator": {
|
|
5467
|
+
"optional": {
|
|
5468
|
+
"color": {
|
|
5469
|
+
"value": "#656a76",
|
|
5470
|
+
"type": "color",
|
|
5471
|
+
"group": "components",
|
|
5472
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5473
|
+
"isSource": true,
|
|
5474
|
+
"original": {
|
|
5475
|
+
"value": "{color.foreground.faint.value}",
|
|
5476
|
+
"type": "color",
|
|
5477
|
+
"group": "components"
|
|
5478
|
+
},
|
|
5479
|
+
"name": "token-form-indicator-optional-color",
|
|
5480
|
+
"attributes": {
|
|
5481
|
+
"category": "form",
|
|
5482
|
+
"type": "indicator",
|
|
5483
|
+
"item": "optional",
|
|
5484
|
+
"subitem": "color"
|
|
5485
|
+
},
|
|
5486
|
+
"path": [
|
|
5487
|
+
"form",
|
|
5488
|
+
"indicator",
|
|
5489
|
+
"optional",
|
|
5490
|
+
"color"
|
|
5491
|
+
]
|
|
5492
|
+
}
|
|
5493
|
+
}
|
|
5494
|
+
},
|
|
5495
|
+
"error": {
|
|
5496
|
+
"color": {
|
|
5497
|
+
"value": "#c00005",
|
|
5498
|
+
"type": "color",
|
|
5499
|
+
"group": "components",
|
|
5500
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5501
|
+
"isSource": true,
|
|
5502
|
+
"original": {
|
|
5503
|
+
"value": "{color.palette.red-300.value}",
|
|
5504
|
+
"type": "color",
|
|
5505
|
+
"group": "components"
|
|
5506
|
+
},
|
|
5507
|
+
"name": "token-form-error-color",
|
|
5508
|
+
"attributes": {
|
|
5509
|
+
"category": "form",
|
|
5510
|
+
"type": "error",
|
|
5511
|
+
"item": "color"
|
|
5512
|
+
},
|
|
5513
|
+
"path": [
|
|
5514
|
+
"form",
|
|
5515
|
+
"error",
|
|
5516
|
+
"color"
|
|
5517
|
+
]
|
|
5518
|
+
},
|
|
5519
|
+
"icon-size": {
|
|
5520
|
+
"value": "14px",
|
|
5521
|
+
"type": "size",
|
|
5522
|
+
"filePath": "src/products/shared/form/base-elements.json",
|
|
5523
|
+
"isSource": true,
|
|
5524
|
+
"original": {
|
|
5525
|
+
"value": "14",
|
|
5526
|
+
"type": "size"
|
|
5527
|
+
},
|
|
5528
|
+
"name": "token-form-error-icon-size",
|
|
5529
|
+
"attributes": {
|
|
5530
|
+
"category": "form",
|
|
5531
|
+
"type": "error",
|
|
5532
|
+
"item": "icon-size"
|
|
5533
|
+
},
|
|
5534
|
+
"path": [
|
|
5535
|
+
"form",
|
|
5536
|
+
"error",
|
|
5537
|
+
"icon-size"
|
|
5538
|
+
]
|
|
5539
|
+
}
|
|
5540
|
+
},
|
|
5541
|
+
"checkbox": {
|
|
5542
|
+
"size": {
|
|
5543
|
+
"value": "16px",
|
|
5544
|
+
"type": "size",
|
|
5545
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5546
|
+
"isSource": true,
|
|
5547
|
+
"original": {
|
|
5548
|
+
"value": "16",
|
|
5549
|
+
"type": "size"
|
|
5550
|
+
},
|
|
5551
|
+
"name": "token-form-checkbox-size",
|
|
5552
|
+
"attributes": {
|
|
5553
|
+
"category": "form",
|
|
5554
|
+
"type": "checkbox",
|
|
5555
|
+
"item": "size"
|
|
5556
|
+
},
|
|
5557
|
+
"path": [
|
|
5558
|
+
"form",
|
|
5559
|
+
"checkbox",
|
|
5560
|
+
"size"
|
|
5561
|
+
]
|
|
5562
|
+
},
|
|
5563
|
+
"border": {
|
|
5564
|
+
"radius": {
|
|
5565
|
+
"value": "3px",
|
|
5566
|
+
"type": "size",
|
|
5567
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5568
|
+
"isSource": true,
|
|
5569
|
+
"original": {
|
|
5570
|
+
"value": "3",
|
|
5571
|
+
"type": "size"
|
|
5572
|
+
},
|
|
5573
|
+
"name": "token-form-checkbox-border-radius",
|
|
5574
|
+
"attributes": {
|
|
5575
|
+
"category": "form",
|
|
5576
|
+
"type": "checkbox",
|
|
5577
|
+
"item": "border",
|
|
5578
|
+
"subitem": "radius"
|
|
5579
|
+
},
|
|
5580
|
+
"path": [
|
|
5581
|
+
"form",
|
|
5582
|
+
"checkbox",
|
|
5583
|
+
"border",
|
|
5584
|
+
"radius"
|
|
5585
|
+
]
|
|
5586
|
+
},
|
|
5587
|
+
"width": {
|
|
5588
|
+
"value": "1px",
|
|
5589
|
+
"type": "size",
|
|
5590
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5591
|
+
"isSource": true,
|
|
5592
|
+
"original": {
|
|
5593
|
+
"value": "1",
|
|
5594
|
+
"type": "size"
|
|
5595
|
+
},
|
|
5596
|
+
"name": "token-form-checkbox-border-width",
|
|
5597
|
+
"attributes": {
|
|
5598
|
+
"category": "form",
|
|
5599
|
+
"type": "checkbox",
|
|
5600
|
+
"item": "border",
|
|
5601
|
+
"subitem": "width"
|
|
5602
|
+
},
|
|
5603
|
+
"path": [
|
|
5604
|
+
"form",
|
|
5605
|
+
"checkbox",
|
|
5606
|
+
"border",
|
|
5607
|
+
"width"
|
|
5608
|
+
]
|
|
5609
|
+
}
|
|
5610
|
+
},
|
|
5611
|
+
"background-image": {
|
|
5612
|
+
"size": {
|
|
5613
|
+
"value": "12px",
|
|
5614
|
+
"type": "size",
|
|
5615
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5616
|
+
"isSource": true,
|
|
5617
|
+
"original": {
|
|
5618
|
+
"value": "12",
|
|
5619
|
+
"type": "size"
|
|
5620
|
+
},
|
|
5621
|
+
"name": "token-form-checkbox-background-image-size",
|
|
5622
|
+
"attributes": {
|
|
5623
|
+
"category": "form",
|
|
5624
|
+
"type": "checkbox",
|
|
5625
|
+
"item": "background-image",
|
|
5626
|
+
"subitem": "size"
|
|
5627
|
+
},
|
|
5628
|
+
"path": [
|
|
5629
|
+
"form",
|
|
5630
|
+
"checkbox",
|
|
5631
|
+
"background-image",
|
|
5632
|
+
"size"
|
|
5633
|
+
]
|
|
5634
|
+
},
|
|
5635
|
+
"data-url": {
|
|
5636
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
|
|
5637
|
+
"comment": "notice: the 'tick' color is hardcoded here!",
|
|
5638
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5639
|
+
"isSource": true,
|
|
5640
|
+
"original": {
|
|
5641
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%23FFF'/%3e%3c/svg%3e\")",
|
|
5642
|
+
"comment": "notice: the 'tick' color is hardcoded here!"
|
|
5643
|
+
},
|
|
5644
|
+
"name": "token-form-checkbox-background-image-data-url",
|
|
5645
|
+
"attributes": {
|
|
5646
|
+
"category": "form",
|
|
5647
|
+
"type": "checkbox",
|
|
5648
|
+
"item": "background-image",
|
|
5649
|
+
"subitem": "data-url"
|
|
5650
|
+
},
|
|
5651
|
+
"path": [
|
|
5652
|
+
"form",
|
|
5653
|
+
"checkbox",
|
|
5654
|
+
"background-image",
|
|
5655
|
+
"data-url"
|
|
5656
|
+
]
|
|
5657
|
+
},
|
|
5658
|
+
"data-url-indeterminate": {
|
|
5659
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
|
|
5660
|
+
"comment": "notice: the 'dash' color is hardcoded here!",
|
|
5661
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5662
|
+
"isSource": true,
|
|
5663
|
+
"original": {
|
|
5664
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%23FFF'/%3e%3c/svg%3e\")",
|
|
5665
|
+
"comment": "notice: the 'dash' color is hardcoded here!"
|
|
5666
|
+
},
|
|
5667
|
+
"name": "token-form-checkbox-background-image-data-url-indeterminate",
|
|
5668
|
+
"attributes": {
|
|
5669
|
+
"category": "form",
|
|
5670
|
+
"type": "checkbox",
|
|
5671
|
+
"item": "background-image",
|
|
5672
|
+
"subitem": "data-url-indeterminate"
|
|
5673
|
+
},
|
|
5674
|
+
"path": [
|
|
5675
|
+
"form",
|
|
5676
|
+
"checkbox",
|
|
5677
|
+
"background-image",
|
|
5678
|
+
"data-url-indeterminate"
|
|
5679
|
+
]
|
|
5680
|
+
},
|
|
5681
|
+
"data-url-disabled": {
|
|
5682
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
|
|
5683
|
+
"comment": "notice: the 'tick' color is hardcoded here!",
|
|
5684
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5685
|
+
"isSource": true,
|
|
5686
|
+
"original": {
|
|
5687
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.78033 3.21967C10.0732 3.51256 10.0732 3.98744 9.78033 4.28033L5.28033 8.78033C4.98744 9.07322 4.51256 9.07322 4.21967 8.78033L2.21967 6.78033C1.92678 6.48744 1.92678 6.01256 2.21967 5.71967C2.51256 5.42678 2.98744 5.42678 3.28033 5.71967L4.75 7.18934L8.71967 3.21967C9.01256 2.92678 9.48744 2.92678 9.78033 3.21967Z' fill='%238C909C'/%3e%3c/svg%3e\")",
|
|
5688
|
+
"comment": "notice: the 'tick' color is hardcoded here!"
|
|
5689
|
+
},
|
|
5690
|
+
"name": "token-form-checkbox-background-image-data-url-disabled",
|
|
5691
|
+
"attributes": {
|
|
5692
|
+
"category": "form",
|
|
5693
|
+
"type": "checkbox",
|
|
5694
|
+
"item": "background-image",
|
|
5695
|
+
"subitem": "data-url-disabled"
|
|
5696
|
+
},
|
|
5697
|
+
"path": [
|
|
5698
|
+
"form",
|
|
5699
|
+
"checkbox",
|
|
5700
|
+
"background-image",
|
|
5701
|
+
"data-url-disabled"
|
|
5702
|
+
]
|
|
5703
|
+
},
|
|
5704
|
+
"data-url-indeterminate-disabled": {
|
|
5705
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
|
|
5706
|
+
"comment": "notice: the 'dash' color is hardcoded here!",
|
|
5707
|
+
"filePath": "src/products/shared/form/checkbox.json",
|
|
5708
|
+
"isSource": true,
|
|
5709
|
+
"original": {
|
|
5710
|
+
"value": "url(\"data:image/svg+xml,%3csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m2.03125,6a0.66146,0.75 0 0 1 0.66146,-0.75l6.61458,0a0.66146,0.75 0 0 1 0,1.5l-6.61458,0a0.66146,0.75 0 0 1 -0.66146,-0.75z' fill='%238C909C'/%3e%3c/svg%3e\")",
|
|
5711
|
+
"comment": "notice: the 'dash' color is hardcoded here!"
|
|
5712
|
+
},
|
|
5713
|
+
"name": "token-form-checkbox-background-image-data-url-indeterminate-disabled",
|
|
5714
|
+
"attributes": {
|
|
5715
|
+
"category": "form",
|
|
5716
|
+
"type": "checkbox",
|
|
5717
|
+
"item": "background-image",
|
|
5718
|
+
"subitem": "data-url-indeterminate-disabled"
|
|
5719
|
+
},
|
|
5720
|
+
"path": [
|
|
5721
|
+
"form",
|
|
5722
|
+
"checkbox",
|
|
5723
|
+
"background-image",
|
|
5724
|
+
"data-url-indeterminate-disabled"
|
|
5725
|
+
]
|
|
5726
|
+
}
|
|
5727
|
+
}
|
|
5728
|
+
},
|
|
5729
|
+
"control": {
|
|
5730
|
+
"base": {
|
|
5731
|
+
"foreground": {
|
|
5732
|
+
"value-color": {
|
|
5733
|
+
"value": "#0c0c0e",
|
|
5734
|
+
"type": "color",
|
|
5735
|
+
"group": "components",
|
|
5736
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5737
|
+
"isSource": true,
|
|
5738
|
+
"original": {
|
|
5739
|
+
"value": "{color.foreground.strong.value}",
|
|
5740
|
+
"type": "color",
|
|
5741
|
+
"group": "components"
|
|
5742
|
+
},
|
|
5743
|
+
"name": "token-form-control-base-foreground-value-color",
|
|
5744
|
+
"attributes": {
|
|
5745
|
+
"category": "form",
|
|
5746
|
+
"type": "control",
|
|
5747
|
+
"item": "base",
|
|
5748
|
+
"subitem": "foreground",
|
|
5749
|
+
"state": "value-color"
|
|
5750
|
+
},
|
|
5751
|
+
"path": [
|
|
5752
|
+
"form",
|
|
5753
|
+
"control",
|
|
5754
|
+
"base",
|
|
5755
|
+
"foreground",
|
|
5756
|
+
"value-color"
|
|
5757
|
+
]
|
|
5758
|
+
},
|
|
5759
|
+
"placeholder-color": {
|
|
5760
|
+
"value": "#656a76",
|
|
5761
|
+
"type": "color",
|
|
5762
|
+
"group": "components",
|
|
5763
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5764
|
+
"isSource": true,
|
|
5765
|
+
"original": {
|
|
5766
|
+
"value": "{color.foreground.faint.value}",
|
|
5767
|
+
"type": "color",
|
|
5768
|
+
"group": "components"
|
|
5769
|
+
},
|
|
5770
|
+
"name": "token-form-control-base-foreground-placeholder-color",
|
|
5771
|
+
"attributes": {
|
|
5772
|
+
"category": "form",
|
|
5773
|
+
"type": "control",
|
|
5774
|
+
"item": "base",
|
|
5775
|
+
"subitem": "foreground",
|
|
5776
|
+
"state": "placeholder-color"
|
|
4682
5777
|
},
|
|
4683
5778
|
"path": [
|
|
4684
5779
|
"form",
|
|
@@ -4991,574 +6086,236 @@
|
|
|
4991
6086
|
},
|
|
4992
6087
|
"path": [
|
|
4993
6088
|
"form",
|
|
4994
|
-
"control",
|
|
4995
|
-
"invalid",
|
|
4996
|
-
"border-color",
|
|
4997
|
-
"hover"
|
|
4998
|
-
]
|
|
4999
|
-
}
|
|
5000
|
-
}
|
|
5001
|
-
},
|
|
5002
|
-
"readonly": {
|
|
5003
|
-
"foreground-color": {
|
|
5004
|
-
"value": "#3b3d45",
|
|
5005
|
-
"type": "color",
|
|
5006
|
-
"group": "components",
|
|
5007
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5008
|
-
"isSource": true,
|
|
5009
|
-
"original": {
|
|
5010
|
-
"value": "{color.foreground.primary.value}",
|
|
5011
|
-
"type": "color",
|
|
5012
|
-
"group": "components"
|
|
5013
|
-
},
|
|
5014
|
-
"name": "token-form-control-readonly-foreground-color",
|
|
5015
|
-
"attributes": {
|
|
5016
|
-
"category": "form",
|
|
5017
|
-
"type": "control",
|
|
5018
|
-
"item": "readonly",
|
|
5019
|
-
"subitem": "foreground-color"
|
|
5020
|
-
},
|
|
5021
|
-
"path": [
|
|
5022
|
-
"form",
|
|
5023
|
-
"control",
|
|
5024
|
-
"readonly",
|
|
5025
|
-
"foreground-color"
|
|
5026
|
-
]
|
|
5027
|
-
},
|
|
5028
|
-
"surface-color": {
|
|
5029
|
-
"value": "#f1f2f3",
|
|
5030
|
-
"type": "color",
|
|
5031
|
-
"group": "components",
|
|
5032
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5033
|
-
"isSource": true,
|
|
5034
|
-
"original": {
|
|
5035
|
-
"value": "{color.surface.strong.value}",
|
|
5036
|
-
"type": "color",
|
|
5037
|
-
"group": "components"
|
|
5038
|
-
},
|
|
5039
|
-
"name": "token-form-control-readonly-surface-color",
|
|
5040
|
-
"attributes": {
|
|
5041
|
-
"category": "form",
|
|
5042
|
-
"type": "control",
|
|
5043
|
-
"item": "readonly",
|
|
5044
|
-
"subitem": "surface-color"
|
|
5045
|
-
},
|
|
5046
|
-
"path": [
|
|
5047
|
-
"form",
|
|
5048
|
-
"control",
|
|
5049
|
-
"readonly",
|
|
5050
|
-
"surface-color"
|
|
5051
|
-
]
|
|
5052
|
-
},
|
|
5053
|
-
"border-color": {
|
|
5054
|
-
"value": "#656a761a",
|
|
5055
|
-
"type": "color",
|
|
5056
|
-
"group": "components",
|
|
5057
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5058
|
-
"isSource": true,
|
|
5059
|
-
"original": {
|
|
5060
|
-
"value": "{color.border.faint.value}",
|
|
5061
|
-
"type": "color",
|
|
5062
|
-
"group": "components"
|
|
5063
|
-
},
|
|
5064
|
-
"name": "token-form-control-readonly-border-color",
|
|
5065
|
-
"attributes": {
|
|
5066
|
-
"category": "form",
|
|
5067
|
-
"type": "control",
|
|
5068
|
-
"item": "readonly",
|
|
5069
|
-
"subitem": "border-color"
|
|
5070
|
-
},
|
|
5071
|
-
"path": [
|
|
5072
|
-
"form",
|
|
5073
|
-
"control",
|
|
5074
|
-
"readonly",
|
|
5075
|
-
"border-color"
|
|
5076
|
-
]
|
|
5077
|
-
}
|
|
5078
|
-
},
|
|
5079
|
-
"disabled": {
|
|
5080
|
-
"foreground-color": {
|
|
5081
|
-
"value": "#8c909c",
|
|
5082
|
-
"type": "color",
|
|
5083
|
-
"group": "components",
|
|
5084
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5085
|
-
"isSource": true,
|
|
5086
|
-
"original": {
|
|
5087
|
-
"value": "{color.foreground.disabled.value}",
|
|
5088
|
-
"type": "color",
|
|
5089
|
-
"group": "components"
|
|
5090
|
-
},
|
|
5091
|
-
"name": "token-form-control-disabled-foreground-color",
|
|
5092
|
-
"attributes": {
|
|
5093
|
-
"category": "form",
|
|
5094
|
-
"type": "control",
|
|
5095
|
-
"item": "disabled",
|
|
5096
|
-
"subitem": "foreground-color"
|
|
5097
|
-
},
|
|
5098
|
-
"path": [
|
|
5099
|
-
"form",
|
|
5100
|
-
"control",
|
|
5101
|
-
"disabled",
|
|
5102
|
-
"foreground-color"
|
|
5103
|
-
]
|
|
5104
|
-
},
|
|
5105
|
-
"surface-color": {
|
|
5106
|
-
"value": "#fafafa",
|
|
5107
|
-
"type": "color",
|
|
5108
|
-
"group": "components",
|
|
5109
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5110
|
-
"isSource": true,
|
|
5111
|
-
"original": {
|
|
5112
|
-
"value": "{color.surface.interactive-disabled.value}",
|
|
5113
|
-
"type": "color",
|
|
5114
|
-
"group": "components"
|
|
5115
|
-
},
|
|
5116
|
-
"name": "token-form-control-disabled-surface-color",
|
|
5117
|
-
"attributes": {
|
|
5118
|
-
"category": "form",
|
|
5119
|
-
"type": "control",
|
|
5120
|
-
"item": "disabled",
|
|
5121
|
-
"subitem": "surface-color"
|
|
5122
|
-
},
|
|
5123
|
-
"path": [
|
|
5124
|
-
"form",
|
|
5125
|
-
"control",
|
|
5126
|
-
"disabled",
|
|
5127
|
-
"surface-color"
|
|
5128
|
-
]
|
|
5129
|
-
},
|
|
5130
|
-
"border-color": {
|
|
5131
|
-
"value": "#656a7633",
|
|
5132
|
-
"type": "color",
|
|
5133
|
-
"group": "components",
|
|
5134
|
-
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5135
|
-
"isSource": true,
|
|
5136
|
-
"original": {
|
|
5137
|
-
"value": "{color.border.primary.value}",
|
|
5138
|
-
"type": "color",
|
|
5139
|
-
"group": "components"
|
|
5140
|
-
},
|
|
5141
|
-
"name": "token-form-control-disabled-border-color",
|
|
5142
|
-
"attributes": {
|
|
5143
|
-
"category": "form",
|
|
5144
|
-
"type": "control",
|
|
5145
|
-
"item": "disabled",
|
|
5146
|
-
"subitem": "border-color"
|
|
5147
|
-
},
|
|
5148
|
-
"path": [
|
|
5149
|
-
"form",
|
|
5150
|
-
"control",
|
|
5151
|
-
"disabled",
|
|
5152
|
-
"border-color"
|
|
5153
|
-
]
|
|
5154
|
-
}
|
|
5155
|
-
},
|
|
5156
|
-
"padding": {
|
|
5157
|
-
"value": "7px",
|
|
5158
|
-
"type": "size",
|
|
5159
|
-
"comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.",
|
|
5160
|
-
"filePath": "src/products/shared/form/generic-control/sizing.json",
|
|
5161
|
-
"isSource": true,
|
|
5162
|
-
"original": {
|
|
5163
|
-
"value": "7",
|
|
5164
|
-
"type": "size",
|
|
5165
|
-
"comment": "Notice: we have to take in account the border, so it's 1px less than in Figma."
|
|
5166
|
-
},
|
|
5167
|
-
"name": "token-form-control-padding",
|
|
5168
|
-
"attributes": {
|
|
5169
|
-
"category": "form",
|
|
5170
|
-
"type": "control",
|
|
5171
|
-
"item": "padding"
|
|
5172
|
-
},
|
|
5173
|
-
"path": [
|
|
5174
|
-
"form",
|
|
5175
|
-
"control",
|
|
5176
|
-
"padding"
|
|
5177
|
-
]
|
|
6089
|
+
"control",
|
|
6090
|
+
"invalid",
|
|
6091
|
+
"border-color",
|
|
6092
|
+
"hover"
|
|
6093
|
+
]
|
|
6094
|
+
}
|
|
6095
|
+
}
|
|
5178
6096
|
},
|
|
5179
|
-
"
|
|
5180
|
-
"
|
|
5181
|
-
"value": "
|
|
5182
|
-
"type": "
|
|
5183
|
-
"
|
|
5184
|
-
"
|
|
5185
|
-
"original": {
|
|
5186
|
-
"value": "5",
|
|
5187
|
-
"type": "size"
|
|
5188
|
-
},
|
|
5189
|
-
"name": "token-form-control-border-radius",
|
|
5190
|
-
"attributes": {
|
|
5191
|
-
"category": "form",
|
|
5192
|
-
"type": "control",
|
|
5193
|
-
"item": "border",
|
|
5194
|
-
"subitem": "radius"
|
|
5195
|
-
},
|
|
5196
|
-
"path": [
|
|
5197
|
-
"form",
|
|
5198
|
-
"control",
|
|
5199
|
-
"border",
|
|
5200
|
-
"radius"
|
|
5201
|
-
]
|
|
5202
|
-
},
|
|
5203
|
-
"width": {
|
|
5204
|
-
"value": "1px",
|
|
5205
|
-
"type": "size",
|
|
5206
|
-
"filePath": "src/products/shared/form/generic-control/sizing.json",
|
|
6097
|
+
"readonly": {
|
|
6098
|
+
"foreground-color": {
|
|
6099
|
+
"value": "#3b3d45",
|
|
6100
|
+
"type": "color",
|
|
6101
|
+
"group": "components",
|
|
6102
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5207
6103
|
"isSource": true,
|
|
5208
6104
|
"original": {
|
|
5209
|
-
"value": "
|
|
5210
|
-
"type": "
|
|
6105
|
+
"value": "{color.foreground.primary.value}",
|
|
6106
|
+
"type": "color",
|
|
6107
|
+
"group": "components"
|
|
5211
6108
|
},
|
|
5212
|
-
"name": "token-form-control-
|
|
6109
|
+
"name": "token-form-control-readonly-foreground-color",
|
|
5213
6110
|
"attributes": {
|
|
5214
6111
|
"category": "form",
|
|
5215
6112
|
"type": "control",
|
|
5216
|
-
"item": "
|
|
5217
|
-
"subitem": "
|
|
6113
|
+
"item": "readonly",
|
|
6114
|
+
"subitem": "foreground-color"
|
|
5218
6115
|
},
|
|
5219
6116
|
"path": [
|
|
5220
6117
|
"form",
|
|
5221
6118
|
"control",
|
|
5222
|
-
"
|
|
5223
|
-
"
|
|
6119
|
+
"readonly",
|
|
6120
|
+
"foreground-color"
|
|
5224
6121
|
]
|
|
5225
|
-
}
|
|
5226
|
-
}
|
|
5227
|
-
},
|
|
5228
|
-
"label": {
|
|
5229
|
-
"color": {
|
|
5230
|
-
"value": "#0c0c0e",
|
|
5231
|
-
"type": "color",
|
|
5232
|
-
"group": "components",
|
|
5233
|
-
"filePath": "src/products/shared/form/base-elements.json",
|
|
5234
|
-
"isSource": true,
|
|
5235
|
-
"original": {
|
|
5236
|
-
"value": "{color.foreground.strong.value}",
|
|
5237
|
-
"type": "color",
|
|
5238
|
-
"group": "components"
|
|
5239
|
-
},
|
|
5240
|
-
"name": "token-form-label-color",
|
|
5241
|
-
"attributes": {
|
|
5242
|
-
"category": "form",
|
|
5243
|
-
"type": "label",
|
|
5244
|
-
"item": "color"
|
|
5245
|
-
},
|
|
5246
|
-
"path": [
|
|
5247
|
-
"form",
|
|
5248
|
-
"label",
|
|
5249
|
-
"color"
|
|
5250
|
-
]
|
|
5251
|
-
}
|
|
5252
|
-
},
|
|
5253
|
-
"legend": {
|
|
5254
|
-
"color": {
|
|
5255
|
-
"value": "#0c0c0e",
|
|
5256
|
-
"type": "color",
|
|
5257
|
-
"group": "components",
|
|
5258
|
-
"filePath": "src/products/shared/form/base-elements.json",
|
|
5259
|
-
"isSource": true,
|
|
5260
|
-
"original": {
|
|
5261
|
-
"value": "{form.label.color.value}",
|
|
5262
|
-
"type": "color",
|
|
5263
|
-
"group": "components"
|
|
5264
|
-
},
|
|
5265
|
-
"name": "token-form-legend-color",
|
|
5266
|
-
"attributes": {
|
|
5267
|
-
"category": "form",
|
|
5268
|
-
"type": "legend",
|
|
5269
|
-
"item": "color"
|
|
5270
|
-
},
|
|
5271
|
-
"path": [
|
|
5272
|
-
"form",
|
|
5273
|
-
"legend",
|
|
5274
|
-
"color"
|
|
5275
|
-
]
|
|
5276
|
-
}
|
|
5277
|
-
},
|
|
5278
|
-
"helper-text": {
|
|
5279
|
-
"color": {
|
|
5280
|
-
"value": "#656a76",
|
|
5281
|
-
"type": "color",
|
|
5282
|
-
"group": "components",
|
|
5283
|
-
"filePath": "src/products/shared/form/base-elements.json",
|
|
5284
|
-
"isSource": true,
|
|
5285
|
-
"original": {
|
|
5286
|
-
"value": "{color.foreground.faint.value}",
|
|
5287
|
-
"type": "color",
|
|
5288
|
-
"group": "components"
|
|
5289
6122
|
},
|
|
5290
|
-
"
|
|
5291
|
-
|
|
5292
|
-
"category": "form",
|
|
5293
|
-
"type": "helper-text",
|
|
5294
|
-
"item": "color"
|
|
5295
|
-
},
|
|
5296
|
-
"path": [
|
|
5297
|
-
"form",
|
|
5298
|
-
"helper-text",
|
|
5299
|
-
"color"
|
|
5300
|
-
]
|
|
5301
|
-
}
|
|
5302
|
-
},
|
|
5303
|
-
"indicator": {
|
|
5304
|
-
"optional": {
|
|
5305
|
-
"color": {
|
|
5306
|
-
"value": "#656a76",
|
|
6123
|
+
"surface-color": {
|
|
6124
|
+
"value": "#f1f2f3",
|
|
5307
6125
|
"type": "color",
|
|
5308
6126
|
"group": "components",
|
|
5309
|
-
"filePath": "src/products/shared/form/
|
|
6127
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5310
6128
|
"isSource": true,
|
|
5311
6129
|
"original": {
|
|
5312
|
-
"value": "{color.
|
|
6130
|
+
"value": "{color.surface.strong.value}",
|
|
5313
6131
|
"type": "color",
|
|
5314
6132
|
"group": "components"
|
|
5315
6133
|
},
|
|
5316
|
-
"name": "token-form-
|
|
5317
|
-
"attributes": {
|
|
5318
|
-
"category": "form",
|
|
5319
|
-
"type": "indicator",
|
|
5320
|
-
"item": "optional",
|
|
5321
|
-
"subitem": "color"
|
|
5322
|
-
},
|
|
5323
|
-
"path": [
|
|
5324
|
-
"form",
|
|
5325
|
-
"indicator",
|
|
5326
|
-
"optional",
|
|
5327
|
-
"color"
|
|
5328
|
-
]
|
|
5329
|
-
}
|
|
5330
|
-
}
|
|
5331
|
-
},
|
|
5332
|
-
"error": {
|
|
5333
|
-
"color": {
|
|
5334
|
-
"value": "#c00005",
|
|
5335
|
-
"type": "color",
|
|
5336
|
-
"group": "components",
|
|
5337
|
-
"filePath": "src/products/shared/form/base-elements.json",
|
|
5338
|
-
"isSource": true,
|
|
5339
|
-
"original": {
|
|
5340
|
-
"value": "{color.palette.red-300.value}",
|
|
5341
|
-
"type": "color",
|
|
5342
|
-
"group": "components"
|
|
5343
|
-
},
|
|
5344
|
-
"name": "token-form-error-color",
|
|
5345
|
-
"attributes": {
|
|
5346
|
-
"category": "form",
|
|
5347
|
-
"type": "error",
|
|
5348
|
-
"item": "color"
|
|
5349
|
-
},
|
|
5350
|
-
"path": [
|
|
5351
|
-
"form",
|
|
5352
|
-
"error",
|
|
5353
|
-
"color"
|
|
5354
|
-
]
|
|
5355
|
-
},
|
|
5356
|
-
"icon-size": {
|
|
5357
|
-
"value": "14px",
|
|
5358
|
-
"type": "size",
|
|
5359
|
-
"filePath": "src/products/shared/form/base-elements.json",
|
|
5360
|
-
"isSource": true,
|
|
5361
|
-
"original": {
|
|
5362
|
-
"value": "14",
|
|
5363
|
-
"type": "size"
|
|
5364
|
-
},
|
|
5365
|
-
"name": "token-form-error-icon-size",
|
|
5366
|
-
"attributes": {
|
|
5367
|
-
"category": "form",
|
|
5368
|
-
"type": "error",
|
|
5369
|
-
"item": "icon-size"
|
|
5370
|
-
},
|
|
5371
|
-
"path": [
|
|
5372
|
-
"form",
|
|
5373
|
-
"error",
|
|
5374
|
-
"icon-size"
|
|
5375
|
-
]
|
|
5376
|
-
}
|
|
5377
|
-
},
|
|
5378
|
-
"checkbox": {
|
|
5379
|
-
"size": {
|
|
5380
|
-
"value": "16px",
|
|
5381
|
-
"type": "size",
|
|
5382
|
-
"filePath": "src/products/shared/form/checkbox.json",
|
|
5383
|
-
"isSource": true,
|
|
5384
|
-
"original": {
|
|
5385
|
-
"value": "16",
|
|
5386
|
-
"type": "size"
|
|
5387
|
-
},
|
|
5388
|
-
"name": "token-form-checkbox-size",
|
|
5389
|
-
"attributes": {
|
|
5390
|
-
"category": "form",
|
|
5391
|
-
"type": "checkbox",
|
|
5392
|
-
"item": "size"
|
|
5393
|
-
},
|
|
5394
|
-
"path": [
|
|
5395
|
-
"form",
|
|
5396
|
-
"checkbox",
|
|
5397
|
-
"size"
|
|
5398
|
-
]
|
|
5399
|
-
},
|
|
5400
|
-
"border": {
|
|
5401
|
-
"radius": {
|
|
5402
|
-
"value": "3px",
|
|
5403
|
-
"type": "size",
|
|
5404
|
-
"filePath": "src/products/shared/form/checkbox.json",
|
|
5405
|
-
"isSource": true,
|
|
5406
|
-
"original": {
|
|
5407
|
-
"value": "3",
|
|
5408
|
-
"type": "size"
|
|
5409
|
-
},
|
|
5410
|
-
"name": "token-form-checkbox-border-radius",
|
|
6134
|
+
"name": "token-form-control-readonly-surface-color",
|
|
5411
6135
|
"attributes": {
|
|
5412
6136
|
"category": "form",
|
|
5413
|
-
"type": "
|
|
5414
|
-
"item": "
|
|
5415
|
-
"subitem": "
|
|
6137
|
+
"type": "control",
|
|
6138
|
+
"item": "readonly",
|
|
6139
|
+
"subitem": "surface-color"
|
|
5416
6140
|
},
|
|
5417
6141
|
"path": [
|
|
5418
6142
|
"form",
|
|
5419
|
-
"
|
|
5420
|
-
"
|
|
5421
|
-
"
|
|
6143
|
+
"control",
|
|
6144
|
+
"readonly",
|
|
6145
|
+
"surface-color"
|
|
5422
6146
|
]
|
|
5423
|
-
},
|
|
5424
|
-
"
|
|
5425
|
-
"value": "
|
|
5426
|
-
"type": "
|
|
5427
|
-
"
|
|
6147
|
+
},
|
|
6148
|
+
"border-color": {
|
|
6149
|
+
"value": "#656a761a",
|
|
6150
|
+
"type": "color",
|
|
6151
|
+
"group": "components",
|
|
6152
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5428
6153
|
"isSource": true,
|
|
5429
6154
|
"original": {
|
|
5430
|
-
"value": "
|
|
5431
|
-
"type": "
|
|
6155
|
+
"value": "{color.border.faint.value}",
|
|
6156
|
+
"type": "color",
|
|
6157
|
+
"group": "components"
|
|
5432
6158
|
},
|
|
5433
|
-
"name": "token-form-
|
|
6159
|
+
"name": "token-form-control-readonly-border-color",
|
|
5434
6160
|
"attributes": {
|
|
5435
6161
|
"category": "form",
|
|
5436
|
-
"type": "
|
|
5437
|
-
"item": "
|
|
5438
|
-
"subitem": "
|
|
6162
|
+
"type": "control",
|
|
6163
|
+
"item": "readonly",
|
|
6164
|
+
"subitem": "border-color"
|
|
5439
6165
|
},
|
|
5440
6166
|
"path": [
|
|
5441
6167
|
"form",
|
|
5442
|
-
"
|
|
5443
|
-
"
|
|
5444
|
-
"
|
|
6168
|
+
"control",
|
|
6169
|
+
"readonly",
|
|
6170
|
+
"border-color"
|
|
5445
6171
|
]
|
|
5446
6172
|
}
|
|
5447
6173
|
},
|
|
5448
|
-
"
|
|
5449
|
-
"
|
|
5450
|
-
"value": "
|
|
5451
|
-
"type": "
|
|
5452
|
-
"
|
|
6174
|
+
"disabled": {
|
|
6175
|
+
"foreground-color": {
|
|
6176
|
+
"value": "#8c909c",
|
|
6177
|
+
"type": "color",
|
|
6178
|
+
"group": "components",
|
|
6179
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5453
6180
|
"isSource": true,
|
|
5454
6181
|
"original": {
|
|
5455
|
-
"value": "
|
|
5456
|
-
"type": "
|
|
6182
|
+
"value": "{color.foreground.disabled.value}",
|
|
6183
|
+
"type": "color",
|
|
6184
|
+
"group": "components"
|
|
5457
6185
|
},
|
|
5458
|
-
"name": "token-form-
|
|
6186
|
+
"name": "token-form-control-disabled-foreground-color",
|
|
5459
6187
|
"attributes": {
|
|
5460
6188
|
"category": "form",
|
|
5461
|
-
"type": "
|
|
5462
|
-
"item": "
|
|
5463
|
-
"subitem": "
|
|
6189
|
+
"type": "control",
|
|
6190
|
+
"item": "disabled",
|
|
6191
|
+
"subitem": "foreground-color"
|
|
5464
6192
|
},
|
|
5465
6193
|
"path": [
|
|
5466
6194
|
"form",
|
|
5467
|
-
"
|
|
5468
|
-
"
|
|
5469
|
-
"
|
|
6195
|
+
"control",
|
|
6196
|
+
"disabled",
|
|
6197
|
+
"foreground-color"
|
|
5470
6198
|
]
|
|
5471
6199
|
},
|
|
5472
|
-
"
|
|
5473
|
-
"value": "
|
|
5474
|
-
"
|
|
5475
|
-
"
|
|
6200
|
+
"surface-color": {
|
|
6201
|
+
"value": "#fafafa",
|
|
6202
|
+
"type": "color",
|
|
6203
|
+
"group": "components",
|
|
6204
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5476
6205
|
"isSource": true,
|
|
5477
6206
|
"original": {
|
|
5478
|
-
"value": "
|
|
5479
|
-
"
|
|
6207
|
+
"value": "{color.surface.interactive-disabled.value}",
|
|
6208
|
+
"type": "color",
|
|
6209
|
+
"group": "components"
|
|
5480
6210
|
},
|
|
5481
|
-
"name": "token-form-
|
|
6211
|
+
"name": "token-form-control-disabled-surface-color",
|
|
5482
6212
|
"attributes": {
|
|
5483
6213
|
"category": "form",
|
|
5484
|
-
"type": "
|
|
5485
|
-
"item": "
|
|
5486
|
-
"subitem": "
|
|
6214
|
+
"type": "control",
|
|
6215
|
+
"item": "disabled",
|
|
6216
|
+
"subitem": "surface-color"
|
|
5487
6217
|
},
|
|
5488
6218
|
"path": [
|
|
5489
6219
|
"form",
|
|
5490
|
-
"
|
|
5491
|
-
"
|
|
5492
|
-
"
|
|
6220
|
+
"control",
|
|
6221
|
+
"disabled",
|
|
6222
|
+
"surface-color"
|
|
5493
6223
|
]
|
|
5494
6224
|
},
|
|
5495
|
-
"
|
|
5496
|
-
"value": "
|
|
5497
|
-
"
|
|
5498
|
-
"
|
|
6225
|
+
"border-color": {
|
|
6226
|
+
"value": "#656a7633",
|
|
6227
|
+
"type": "color",
|
|
6228
|
+
"group": "components",
|
|
6229
|
+
"filePath": "src/products/shared/form/generic-control/colors.json",
|
|
5499
6230
|
"isSource": true,
|
|
5500
6231
|
"original": {
|
|
5501
|
-
"value": "
|
|
5502
|
-
"
|
|
6232
|
+
"value": "{color.border.primary.value}",
|
|
6233
|
+
"type": "color",
|
|
6234
|
+
"group": "components"
|
|
5503
6235
|
},
|
|
5504
|
-
"name": "token-form-
|
|
6236
|
+
"name": "token-form-control-disabled-border-color",
|
|
5505
6237
|
"attributes": {
|
|
5506
6238
|
"category": "form",
|
|
5507
|
-
"type": "
|
|
5508
|
-
"item": "
|
|
5509
|
-
"subitem": "
|
|
6239
|
+
"type": "control",
|
|
6240
|
+
"item": "disabled",
|
|
6241
|
+
"subitem": "border-color"
|
|
5510
6242
|
},
|
|
5511
6243
|
"path": [
|
|
5512
6244
|
"form",
|
|
5513
|
-
"
|
|
5514
|
-
"
|
|
5515
|
-
"
|
|
6245
|
+
"control",
|
|
6246
|
+
"disabled",
|
|
6247
|
+
"border-color"
|
|
5516
6248
|
]
|
|
6249
|
+
}
|
|
6250
|
+
},
|
|
6251
|
+
"padding": {
|
|
6252
|
+
"value": "7px",
|
|
6253
|
+
"type": "size",
|
|
6254
|
+
"comment": "Notice: we have to take in account the border, so it's 1px less than in Figma.",
|
|
6255
|
+
"filePath": "src/products/shared/form/generic-control/sizing.json",
|
|
6256
|
+
"isSource": true,
|
|
6257
|
+
"original": {
|
|
6258
|
+
"value": "7",
|
|
6259
|
+
"type": "size",
|
|
6260
|
+
"comment": "Notice: we have to take in account the border, so it's 1px less than in Figma."
|
|
5517
6261
|
},
|
|
5518
|
-
"
|
|
5519
|
-
|
|
5520
|
-
"
|
|
5521
|
-
"
|
|
6262
|
+
"name": "token-form-control-padding",
|
|
6263
|
+
"attributes": {
|
|
6264
|
+
"category": "form",
|
|
6265
|
+
"type": "control",
|
|
6266
|
+
"item": "padding"
|
|
6267
|
+
},
|
|
6268
|
+
"path": [
|
|
6269
|
+
"form",
|
|
6270
|
+
"control",
|
|
6271
|
+
"padding"
|
|
6272
|
+
]
|
|
6273
|
+
},
|
|
6274
|
+
"border": {
|
|
6275
|
+
"radius": {
|
|
6276
|
+
"value": "5px",
|
|
6277
|
+
"type": "size",
|
|
6278
|
+
"filePath": "src/products/shared/form/generic-control/sizing.json",
|
|
5522
6279
|
"isSource": true,
|
|
5523
6280
|
"original": {
|
|
5524
|
-
"value": "
|
|
5525
|
-
"
|
|
6281
|
+
"value": "5",
|
|
6282
|
+
"type": "size"
|
|
5526
6283
|
},
|
|
5527
|
-
"name": "token-form-
|
|
6284
|
+
"name": "token-form-control-border-radius",
|
|
5528
6285
|
"attributes": {
|
|
5529
6286
|
"category": "form",
|
|
5530
|
-
"type": "
|
|
5531
|
-
"item": "
|
|
5532
|
-
"subitem": "
|
|
6287
|
+
"type": "control",
|
|
6288
|
+
"item": "border",
|
|
6289
|
+
"subitem": "radius"
|
|
5533
6290
|
},
|
|
5534
6291
|
"path": [
|
|
5535
6292
|
"form",
|
|
5536
|
-
"
|
|
5537
|
-
"
|
|
5538
|
-
"
|
|
6293
|
+
"control",
|
|
6294
|
+
"border",
|
|
6295
|
+
"radius"
|
|
5539
6296
|
]
|
|
5540
6297
|
},
|
|
5541
|
-
"
|
|
5542
|
-
"value": "
|
|
5543
|
-
"
|
|
5544
|
-
"filePath": "src/products/shared/form/
|
|
6298
|
+
"width": {
|
|
6299
|
+
"value": "1px",
|
|
6300
|
+
"type": "size",
|
|
6301
|
+
"filePath": "src/products/shared/form/generic-control/sizing.json",
|
|
5545
6302
|
"isSource": true,
|
|
5546
6303
|
"original": {
|
|
5547
|
-
"value": "
|
|
5548
|
-
"
|
|
6304
|
+
"value": "1",
|
|
6305
|
+
"type": "size"
|
|
5549
6306
|
},
|
|
5550
|
-
"name": "token-form-
|
|
6307
|
+
"name": "token-form-control-border-width",
|
|
5551
6308
|
"attributes": {
|
|
5552
6309
|
"category": "form",
|
|
5553
|
-
"type": "
|
|
5554
|
-
"item": "
|
|
5555
|
-
"subitem": "
|
|
6310
|
+
"type": "control",
|
|
6311
|
+
"item": "border",
|
|
6312
|
+
"subitem": "width"
|
|
5556
6313
|
},
|
|
5557
6314
|
"path": [
|
|
5558
6315
|
"form",
|
|
5559
|
-
"
|
|
5560
|
-
"
|
|
5561
|
-
"
|
|
6316
|
+
"control",
|
|
6317
|
+
"border",
|
|
6318
|
+
"width"
|
|
5562
6319
|
]
|
|
5563
6320
|
}
|
|
5564
6321
|
}
|
|
@@ -6397,73 +7154,6 @@
|
|
|
6397
7154
|
}
|
|
6398
7155
|
}
|
|
6399
7156
|
},
|
|
6400
|
-
"app-header": {
|
|
6401
|
-
"height": {
|
|
6402
|
-
"value": "60px",
|
|
6403
|
-
"type": "size",
|
|
6404
|
-
"filePath": "src/products/shared/app-header.json",
|
|
6405
|
-
"isSource": true,
|
|
6406
|
-
"original": {
|
|
6407
|
-
"value": "60",
|
|
6408
|
-
"type": "size"
|
|
6409
|
-
},
|
|
6410
|
-
"name": "token-app-header-height",
|
|
6411
|
-
"attributes": {
|
|
6412
|
-
"category": "app-header",
|
|
6413
|
-
"type": "height"
|
|
6414
|
-
},
|
|
6415
|
-
"path": [
|
|
6416
|
-
"app-header",
|
|
6417
|
-
"height"
|
|
6418
|
-
]
|
|
6419
|
-
},
|
|
6420
|
-
"home-link": {
|
|
6421
|
-
"size": {
|
|
6422
|
-
"value": "36px",
|
|
6423
|
-
"type": "size",
|
|
6424
|
-
"filePath": "src/products/shared/app-header.json",
|
|
6425
|
-
"isSource": true,
|
|
6426
|
-
"original": {
|
|
6427
|
-
"value": "36",
|
|
6428
|
-
"type": "size"
|
|
6429
|
-
},
|
|
6430
|
-
"name": "token-app-header-home-link-size",
|
|
6431
|
-
"attributes": {
|
|
6432
|
-
"category": "app-header",
|
|
6433
|
-
"type": "home-link",
|
|
6434
|
-
"item": "size"
|
|
6435
|
-
},
|
|
6436
|
-
"path": [
|
|
6437
|
-
"app-header",
|
|
6438
|
-
"home-link",
|
|
6439
|
-
"size"
|
|
6440
|
-
]
|
|
6441
|
-
}
|
|
6442
|
-
},
|
|
6443
|
-
"logo": {
|
|
6444
|
-
"size": {
|
|
6445
|
-
"value": "28px",
|
|
6446
|
-
"type": "size",
|
|
6447
|
-
"filePath": "src/products/shared/app-header.json",
|
|
6448
|
-
"isSource": true,
|
|
6449
|
-
"original": {
|
|
6450
|
-
"value": "28",
|
|
6451
|
-
"type": "size"
|
|
6452
|
-
},
|
|
6453
|
-
"name": "token-app-header-logo-size",
|
|
6454
|
-
"attributes": {
|
|
6455
|
-
"category": "app-header",
|
|
6456
|
-
"type": "logo",
|
|
6457
|
-
"item": "size"
|
|
6458
|
-
},
|
|
6459
|
-
"path": [
|
|
6460
|
-
"app-header",
|
|
6461
|
-
"logo",
|
|
6462
|
-
"size"
|
|
6463
|
-
]
|
|
6464
|
-
}
|
|
6465
|
-
}
|
|
6466
|
-
},
|
|
6467
7157
|
"pagination": {
|
|
6468
7158
|
"nav": {
|
|
6469
7159
|
"control": {
|
|
@@ -7137,7 +7827,7 @@
|
|
|
7137
7827
|
]
|
|
7138
7828
|
},
|
|
7139
7829
|
"strong": {
|
|
7140
|
-
"value": "#
|
|
7830
|
+
"value": "#ffffff",
|
|
7141
7831
|
"type": "color",
|
|
7142
7832
|
"group": "components",
|
|
7143
7833
|
"filePath": "src/products/shared/side-nav.json",
|