@sage/design-tokens 2.63.0 → 2.65.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.
Files changed (53) hide show
  1. package/android/base.xml +4 -2
  2. package/android/dashboard/darkMode.xml +11 -0
  3. package/android/dashboard/lightMode.xml +11 -0
  4. package/android/origin.xml +108 -97
  5. package/css/base.css +4 -2
  6. package/css/dashboard/darkMode.css +13 -0
  7. package/css/dashboard/lightMode.css +13 -0
  8. package/css/origin.css +108 -97
  9. package/data/tokens.json +1125 -132
  10. package/docs/tokens/base/border-radius/index.html +41 -20
  11. package/docs/tokens/base/border-width/index.html +2 -2
  12. package/docs/tokens/base/box-shadow/index.html +2 -2
  13. package/docs/tokens/base/colors/index.html +23 -2
  14. package/docs/tokens/base/font-families/index.html +2 -2
  15. package/docs/tokens/base/font-sizes/index.html +2 -2
  16. package/docs/tokens/base/font-weights/index.html +2 -2
  17. package/docs/tokens/base/index.html +62 -20
  18. package/docs/tokens/base/line-heights/index.html +2 -2
  19. package/docs/tokens/base/opacity/index.html +2 -2
  20. package/docs/tokens/base/sizing/index.html +2 -2
  21. package/docs/tokens/base/spacing/index.html +2 -2
  22. package/docs/tokens/base/typography/index.html +2 -2
  23. package/docs/tokens/index.html +812 -539
  24. package/docs/tokens/origin/index.html +750 -519
  25. package/docs/tokens/origin/{colors → origin-colors-reference-only}/index.html +751 -520
  26. package/index.js +4 -0
  27. package/ios/base.h +4 -2
  28. package/ios/dashboard/darkMode.h +15 -0
  29. package/ios/dashboard/lightMode.h +15 -0
  30. package/ios/origin.h +108 -97
  31. package/js/base/common.d.ts +3 -1
  32. package/js/base/common.js +4 -2
  33. package/js/base/es6.d.ts +3 -1
  34. package/js/base/es6.js +3 -1
  35. package/js/dashboard/darkMode/common.d.ts +2 -0
  36. package/js/dashboard/darkMode/common.js +13 -0
  37. package/js/dashboard/darkMode/es6.d.ts +5 -0
  38. package/js/dashboard/darkMode/es6.js +8 -0
  39. package/js/dashboard/lightMode/common.d.ts +2 -0
  40. package/js/dashboard/lightMode/common.js +13 -0
  41. package/js/dashboard/lightMode/es6.d.ts +5 -0
  42. package/js/dashboard/lightMode/es6.js +8 -0
  43. package/js/origin/common.d.ts +107 -96
  44. package/js/origin/common.js +108 -97
  45. package/js/origin/es6.d.ts +107 -96
  46. package/js/origin/es6.js +107 -96
  47. package/package.json +1 -1
  48. package/sage-design-tokens-2.65.0.tgz +0 -0
  49. package/scss/base.scss +4 -2
  50. package/scss/dashboard/darkMode.scss +10 -0
  51. package/scss/dashboard/lightMode.scss +10 -0
  52. package/scss/origin.scss +108 -97
  53. package/sage-design-tokens-2.63.0.tgz +0 -0
package/data/tokens.json CHANGED
@@ -1110,6 +1110,11 @@
1110
1110
  "080": {
1111
1111
  "value": "#ffffffcc",
1112
1112
  "type": "color"
1113
+ },
1114
+ "030": {
1115
+ "value": "#ffffff4d",
1116
+ "type": "color",
1117
+ "description": "Selected state for on dark menu item."
1113
1118
  }
1114
1119
  },
1115
1120
  "transparent": {
@@ -1642,6 +1647,16 @@
1642
1647
  "type": "borderRadius",
1643
1648
  "description": "Badge, Radio button."
1644
1649
  },
1650
+ "000": {
1651
+ "value": "0px",
1652
+ "type": "borderRadius",
1653
+ "description": "Grouped button internal/adjacent corners, File upload (integrated bar extreme left and right corners)"
1654
+ },
1655
+ "010": {
1656
+ "value": "1px",
1657
+ "type": "borderRadius",
1658
+ "description": "Validation bar"
1659
+ },
1645
1660
  "025": {
1646
1661
  "value": "2px",
1647
1662
  "type": "borderRadius",
@@ -1651,11 +1666,6 @@
1651
1666
  "value": "4px",
1652
1667
  "type": "borderRadius",
1653
1668
  "description": "Checkbox (large), Date picker, Dropdown: select, (trigger & menu), Link (focus), Search, Text area, Text input"
1654
- },
1655
- "000": {
1656
- "value": "0px",
1657
- "type": "borderRadius",
1658
- "description": "Grouped button internal/adjacent corners, File upload (integrated bar extreme left and right corners)"
1659
1669
  }
1660
1670
  },
1661
1671
  "typography": {
@@ -3706,7 +3716,123 @@
3706
3716
  "type": "other"
3707
3717
  }
3708
3718
  },
3709
- "colors": {
3719
+ "origin-colors (reference only)": {
3720
+ "yin": {
3721
+ "100": {
3722
+ "value": "#000000ff",
3723
+ "type": "color",
3724
+ "description": "Reference only. Do not use in components."
3725
+ },
3726
+ "010": {
3727
+ "value": "#0000001a",
3728
+ "type": "color",
3729
+ "description": "Reference only. Do not use in components."
3730
+ },
3731
+ "020": {
3732
+ "value": "#00000033",
3733
+ "type": "color",
3734
+ "description": "Reference only. Do not use in components."
3735
+ },
3736
+ "030": {
3737
+ "value": "#0000004d",
3738
+ "type": "color",
3739
+ "description": "Reference only. Do not use in components."
3740
+ },
3741
+ "055": {
3742
+ "value": "#0000008c",
3743
+ "type": "color",
3744
+ "description": "Reference only. Do not use in components."
3745
+ },
3746
+ "065": {
3747
+ "value": "#000000a6",
3748
+ "type": "color",
3749
+ "description": "Reference only. Do not use in components."
3750
+ },
3751
+ "075": {
3752
+ "value": "#000000bf",
3753
+ "type": "color",
3754
+ "description": "Reference only. Do not use in components."
3755
+ },
3756
+ "090": {
3757
+ "value": "#000000e6",
3758
+ "type": "color",
3759
+ "description": "Reference only. Do not use in components."
3760
+ }
3761
+ },
3762
+ "yang": {
3763
+ "100": {
3764
+ "value": "#ffffffff",
3765
+ "type": "color",
3766
+ "description": "Reference only. Do not use in components."
3767
+ },
3768
+ "030": {
3769
+ "value": "#ffffff4d",
3770
+ "type": "color",
3771
+ "description": "Reference only. Do not use in components."
3772
+ },
3773
+ "080": {
3774
+ "value": "#ffffffcc",
3775
+ "type": "color",
3776
+ "description": "Reference only. Do not use in components."
3777
+ }
3778
+ },
3779
+ "malachite": {
3780
+ "100": {
3781
+ "value": "#8df79fff",
3782
+ "type": "color",
3783
+ "description": "ORIGIN"
3784
+ },
3785
+ "200": {
3786
+ "value": "#42eb64ff",
3787
+ "type": "color",
3788
+ "description": "ORIGIN"
3789
+ },
3790
+ "300": {
3791
+ "value": "#00d639ff",
3792
+ "type": "color",
3793
+ "description": "ORIGIN - brand. (Brilliant Green)"
3794
+ },
3795
+ "400": {
3796
+ "value": "#00af2dff",
3797
+ "type": "color",
3798
+ "description": "ORIGIN"
3799
+ },
3800
+ "500": {
3801
+ "value": "#008a21ff",
3802
+ "type": "color",
3803
+ "description": "ORIGIN"
3804
+ },
3805
+ "600": {
3806
+ "value": "#006716ff",
3807
+ "type": "color",
3808
+ "description": "ORIGIN"
3809
+ },
3810
+ "700": {
3811
+ "value": "#00460cff",
3812
+ "type": "color",
3813
+ "description": "ORIGIN"
3814
+ },
3815
+ "800": {
3816
+ "value": "#002f08ff",
3817
+ "type": "color",
3818
+ "description": "ORIGIN"
3819
+ },
3820
+ "900": {
3821
+ "value": "#001704ff",
3822
+ "type": "color",
3823
+ "description": "ORIGIN"
3824
+ },
3825
+ "010": {
3826
+ "value": "#effcf0ff",
3827
+ "type": "color",
3828
+ "description": "ORIGIN"
3829
+ },
3830
+ "050": {
3831
+ "value": "#c1fac7ff",
3832
+ "type": "color",
3833
+ "description": "ORIGIN"
3834
+ }
3835
+ },
3710
3836
  "jade": {
3711
3837
  "100": {
3712
3838
  "value": "#8ff8b7ff",
@@ -3878,6 +4004,63 @@
3878
4004
  "description": "ORIGIN"
3879
4005
  }
3880
4006
  },
4007
+ "amber": {
4008
+ "100": {
4009
+ "value": "#ffe290ff",
4010
+ "type": "color",
4011
+ "description": "ORIGIN"
4012
+ },
4013
+ "200": {
4014
+ "value": "#f5ce55ff",
4015
+ "type": "color",
4016
+ "description": "ORIGIN"
4017
+ },
4018
+ "300": {
4019
+ "value": "#efab2fff",
4020
+ "type": "color",
4021
+ "description": "ORIGIN"
4022
+ },
4023
+ "400": {
4024
+ "value": "#e98709ff",
4025
+ "type": "color",
4026
+ "description": "ORIGIN - core"
4027
+ },
4028
+ "500": {
4029
+ "value": "#c15708ff",
4030
+ "type": "color",
4031
+ "description": "ORIGIN"
4032
+ },
4033
+ "600": {
4034
+ "value": "#9b4609ff",
4035
+ "type": "color",
4036
+ "description": "ORIGIN"
4037
+ },
4038
+ "700": {
4039
+ "value": "#75330aff",
4040
+ "type": "color",
4041
+ "description": "ORIGIN"
4042
+ },
4043
+ "800": {
4044
+ "value": "#4f220bff",
4045
+ "type": "color",
4046
+ "description": "ORIGIN"
4047
+ },
4048
+ "900": {
4049
+ "value": "#281106ff",
4050
+ "type": "color",
4051
+ "description": "ORIGIN"
4052
+ },
4053
+ "010": {
4054
+ "value": "#fffcefff",
4055
+ "type": "color",
4056
+ "description": "ORIGIN"
4057
+ },
4058
+ "050": {
4059
+ "value": "#fff0c3ff",
4060
+ "type": "color",
4061
+ "description": "ORIGIN"
4062
+ }
4063
+ },
3881
4064
  "cherry": {
3882
4065
  "100": {
3883
4066
  "value": "#f7b3c2ff",
@@ -3992,219 +4175,1029 @@
3992
4175
  "description": "ORIGIN"
3993
4176
  }
3994
4177
  },
3995
- "amber": {
4178
+ "gray": {
3996
4179
  "100": {
3997
- "value": "#ffe290ff",
4180
+ "value": "#e6e6e6ff",
3998
4181
  "type": "color",
3999
4182
  "description": "ORIGIN"
4000
4183
  },
4001
4184
  "200": {
4002
- "value": "#f5ce55ff",
4185
+ "value": "#ccccccff",
4003
4186
  "type": "color",
4004
4187
  "description": "ORIGIN"
4005
4188
  },
4006
4189
  "300": {
4007
- "value": "#efab2fff",
4190
+ "value": "#b3b3b3ff",
4008
4191
  "type": "color",
4009
4192
  "description": "ORIGIN"
4010
4193
  },
4011
4194
  "400": {
4012
- "value": "#e98709ff",
4195
+ "value": "#999999ff",
4013
4196
  "type": "color",
4014
4197
  "description": "ORIGIN - core"
4015
4198
  },
4016
4199
  "500": {
4017
- "value": "#c15708ff",
4200
+ "value": "#808080ff",
4018
4201
  "type": "color",
4019
4202
  "description": "ORIGIN"
4020
4203
  },
4021
4204
  "600": {
4022
- "value": "#9b4609ff",
4205
+ "value": "#666666ff",
4023
4206
  "type": "color",
4024
4207
  "description": "ORIGIN"
4025
4208
  },
4026
4209
  "700": {
4027
- "value": "#75330aff",
4210
+ "value": "#4d4d4dff",
4028
4211
  "type": "color",
4029
4212
  "description": "ORIGIN"
4030
4213
  },
4031
4214
  "800": {
4032
- "value": "#4f220bff",
4215
+ "value": "#333333ff",
4033
4216
  "type": "color",
4034
4217
  "description": "ORIGIN"
4035
4218
  },
4036
4219
  "900": {
4037
- "value": "#281106ff",
4220
+ "value": "#191919ff",
4038
4221
  "type": "color",
4039
4222
  "description": "ORIGIN"
4040
4223
  },
4224
+ "1000": {
4225
+ "value": "#000000ff",
4226
+ "type": "color",
4227
+ "description": "ORIGIN - brand"
4228
+ },
4229
+ "000": {
4230
+ "value": "#ffffffff",
4231
+ "type": "color",
4232
+ "description": "ORIGIN - brand"
4233
+ },
4041
4234
  "010": {
4042
- "value": "#fffcefff",
4235
+ "value": "#fcfcfcff",
4043
4236
  "type": "color",
4044
4237
  "description": "ORIGIN"
4045
4238
  },
4046
4239
  "050": {
4047
- "value": "#fff0c3ff",
4240
+ "value": "#f2f2f2ff",
4048
4241
  "type": "color",
4049
4242
  "description": "ORIGIN"
4050
4243
  }
4051
4244
  },
4052
- "malachite": {
4053
- "100": {
4054
- "value": "#8df79fff",
4055
- "type": "color",
4056
- "description": "ORIGIN"
4057
- },
4058
- "200": {
4059
- "value": "#42eb64ff",
4060
- "type": "color",
4061
- "description": "ORIGIN"
4062
- },
4063
- "300": {
4064
- "value": "#00d639ff",
4065
- "type": "color",
4066
- "description": "ORIGIN - brand"
4067
- },
4245
+ "skin": {
4068
4246
  "400": {
4069
- "value": "#00af2dff",
4247
+ "value": "#ddb89eff",
4070
4248
  "type": "color",
4071
4249
  "description": "ORIGIN"
4072
4250
  },
4073
4251
  "500": {
4074
- "value": "#008a21ff",
4252
+ "value": "#e84d4fff",
4075
4253
  "type": "color",
4076
4254
  "description": "ORIGIN"
4077
4255
  },
4078
4256
  "600": {
4079
- "value": "#006716ff",
4257
+ "value": "#b26e3dff",
4080
4258
  "type": "color",
4081
4259
  "description": "ORIGIN"
4082
4260
  },
4083
4261
  "700": {
4084
- "value": "#00460cff",
4262
+ "value": "#3a2417ff",
4085
4263
  "type": "color",
4086
4264
  "description": "ORIGIN"
4087
- },
4088
- "800": {
4089
- "value": "#002f08ff",
4265
+ }
4266
+ },
4267
+ "fuchsia": {
4268
+ "400": {
4269
+ "value": "#bf47c3ff",
4090
4270
  "type": "color",
4091
4271
  "description": "ORIGIN"
4092
4272
  },
4093
- "900": {
4094
- "value": "#001704ff",
4273
+ "500": {
4274
+ "value": "#b832bcff",
4095
4275
  "type": "color",
4096
- "description": "ORIGIN"
4276
+ "description": "ORIGIN - core"
4277
+ }
4278
+ }
4279
+ }
4280
+ },
4281
+ "dashboard/lightMode": {
4282
+ "meta": {
4283
+ "name": {
4284
+ "value": "Dashboard Light-Mode Token Set",
4285
+ "type": "other"
4286
+ },
4287
+ "public": {
4288
+ "value": "true",
4289
+ "type": "other"
4290
+ }
4291
+ },
4292
+ "dashboard-colors": {
4293
+ "background": {
4294
+ "surface": {
4295
+ "type": "color"
4097
4296
  },
4098
- "010": {
4099
- "value": "#effcf0ff",
4100
- "type": "color",
4101
- "description": "ORIGIN"
4297
+ "neutral": {
4298
+ "type": "color"
4299
+ }
4300
+ },
4301
+ "text": {
4302
+ "primary": {
4303
+ "type": "color"
4102
4304
  },
4103
- "050": {
4104
- "value": "#c1fac7ff",
4105
- "type": "color",
4106
- "description": "ORIGIN"
4305
+ "secondary": {
4306
+ "type": "color"
4107
4307
  }
4108
4308
  },
4109
- "gray": {
4110
- "100": {
4111
- "value": "#e6e6e6ff",
4112
- "type": "color",
4113
- "description": "ORIGIN"
4309
+ "callout": {
4310
+ "type": "color"
4311
+ },
4312
+ "comparative": {
4313
+ "core": {
4314
+ "fill-1": {
4315
+ "type": "color"
4316
+ },
4317
+ "fill-2": {
4318
+ "type": "color"
4319
+ }
4114
4320
  },
4115
- "200": {
4116
- "value": "#ccccccff",
4117
- "type": "color",
4118
- "description": "ORIGIN"
4321
+ "neutral": {
4322
+ "fill-1": {
4323
+ "type": "color"
4324
+ },
4325
+ "fill-2": {
4326
+ "type": "color"
4327
+ }
4119
4328
  },
4120
- "300": {
4121
- "value": "#b3b3b3ff",
4122
- "type": "color",
4123
- "description": "ORIGIN"
4329
+ "primary": {
4330
+ "positive": {
4331
+ "fill-1": {
4332
+ "type": "color"
4333
+ },
4334
+ "fill-2": {
4335
+ "type": "color"
4336
+ }
4337
+ },
4338
+ "negative": {
4339
+ "fill-1": {
4340
+ "type": "color"
4341
+ },
4342
+ "fill-2": {
4343
+ "type": "color"
4344
+ }
4345
+ }
4124
4346
  },
4125
- "400": {
4126
- "value": "#999999ff",
4127
- "type": "color",
4128
- "description": "ORIGIN"
4347
+ "secondary": {
4348
+ "positive": {
4349
+ "fill-1": {
4350
+ "type": "color"
4351
+ },
4352
+ "fill-2": {
4353
+ "type": "color"
4354
+ }
4355
+ },
4356
+ "negative": {
4357
+ "fill-1": {
4358
+ "type": "color"
4359
+ },
4360
+ "fill-2": {
4361
+ "type": "color"
4362
+ }
4363
+ }
4129
4364
  },
4130
- "500": {
4131
- "value": "#808080ff",
4132
- "type": "color",
4133
- "description": "ORIGIN"
4365
+ "tertiary": {
4366
+ "positive": {
4367
+ "fill-1": {
4368
+ "type": "color"
4369
+ },
4370
+ "fill-2": {
4371
+ "type": "color"
4372
+ }
4373
+ },
4374
+ "negative": {
4375
+ "fill-1": {
4376
+ "type": "color"
4377
+ },
4378
+ "fill-2": {
4379
+ "type": "color"
4380
+ }
4381
+ }
4382
+ }
4383
+ },
4384
+ "divergent": {
4385
+ "primary": {
4386
+ "positive": {
4387
+ "fill-1": {
4388
+ "type": "color"
4389
+ },
4390
+ "fill-2": {
4391
+ "type": "color"
4392
+ },
4393
+ "fill-3": {
4394
+ "type": "color"
4395
+ }
4396
+ },
4397
+ "negative": {
4398
+ "fill-1": {
4399
+ "type": "color"
4400
+ },
4401
+ "fill-2": {
4402
+ "type": "color"
4403
+ },
4404
+ "fill-3": {
4405
+ "type": "color"
4406
+ }
4407
+ }
4134
4408
  },
4135
- "600": {
4136
- "value": "#666666ff",
4137
- "type": "color",
4138
- "description": "ORIGIN"
4409
+ "secondary": {
4410
+ "positive": {
4411
+ "fill-1": {
4412
+ "type": "color"
4413
+ },
4414
+ "fill-2": {
4415
+ "type": "color"
4416
+ },
4417
+ "fill-3": {
4418
+ "type": "color"
4419
+ }
4420
+ },
4421
+ "negative": {
4422
+ "fill-1": {
4423
+ "type": "color"
4424
+ },
4425
+ "fill-2": {
4426
+ "type": "color"
4427
+ },
4428
+ "fill-3": {
4429
+ "type": "color"
4430
+ }
4431
+ }
4139
4432
  },
4140
- "700": {
4141
- "value": "#4d4d4dff",
4142
- "type": "color",
4143
- "description": "ORIGIN"
4433
+ "tertiary": {
4434
+ "positive": {
4435
+ "fill-1": {
4436
+ "type": "color"
4437
+ },
4438
+ "fill-2": {
4439
+ "type": "color"
4440
+ },
4441
+ "fill-3": {
4442
+ "type": "color"
4443
+ }
4444
+ },
4445
+ "negative": {
4446
+ "fill-1": {
4447
+ "type": "color"
4448
+ },
4449
+ "fill-2": {
4450
+ "type": "color"
4451
+ },
4452
+ "fill-3": {
4453
+ "type": "color"
4454
+ }
4455
+ }
4456
+ }
4457
+ },
4458
+ "evolutive": {
4459
+ "positive": {
4460
+ "border": {
4461
+ "type": "color"
4462
+ },
4463
+ "fill": {
4464
+ "type": "color"
4465
+ }
4144
4466
  },
4145
- "800": {
4146
- "value": "#333333ff",
4147
- "type": "color",
4148
- "description": "ORIGIN"
4467
+ "neutral": {
4468
+ "border": {
4469
+ "type": "color"
4470
+ },
4471
+ "fill": {
4472
+ "type": "color"
4473
+ }
4149
4474
  },
4150
- "900": {
4151
- "value": "#191919ff",
4152
- "type": "color",
4153
- "description": "ORIGIN"
4475
+ "negative": {
4476
+ "border": {
4477
+ "type": "color"
4478
+ },
4479
+ "fill": {
4480
+ "type": "color"
4481
+ }
4482
+ }
4483
+ },
4484
+ "gap": {
4485
+ "core": {
4486
+ "border": {
4487
+ "type": "color"
4488
+ },
4489
+ "fill": {
4490
+ "type": "color"
4491
+ }
4154
4492
  },
4155
- "1000": {
4156
- "value": "#000000ff",
4157
- "type": "color",
4158
- "description": "ORIGIN - brand"
4493
+ "neutral": {
4494
+ "border": {
4495
+ "type": "color"
4496
+ },
4497
+ "fill": {
4498
+ "type": "color"
4499
+ }
4159
4500
  },
4160
- "000": {
4161
- "value": "#ffffffff",
4162
- "type": "color",
4163
- "description": "ORIGIN - brand"
4501
+ "primary": {
4502
+ "positive": {
4503
+ "border": {
4504
+ "type": "color"
4505
+ },
4506
+ "fill": {
4507
+ "type": "color"
4508
+ }
4509
+ },
4510
+ "negative": {
4511
+ "border": {
4512
+ "type": "color"
4513
+ },
4514
+ "fill": {
4515
+ "type": "color"
4516
+ }
4517
+ }
4164
4518
  },
4165
- "010": {
4166
- "value": "#fcfcfcff",
4167
- "type": "color",
4168
- "description": "ORIGIN"
4519
+ "secondary": {
4520
+ "positive": {
4521
+ "border": {
4522
+ "type": "color"
4523
+ },
4524
+ "fill": {
4525
+ "type": "color"
4526
+ }
4527
+ },
4528
+ "negative": {
4529
+ "border": {
4530
+ "type": "color"
4531
+ },
4532
+ "fill": {
4533
+ "type": "color"
4534
+ }
4535
+ }
4169
4536
  },
4170
- "050": {
4171
- "value": "#f2f2f2ff",
4172
- "type": "color",
4173
- "description": "ORIGIN"
4537
+ "tertiary": {
4538
+ "positive": {
4539
+ "border": {
4540
+ "type": "color"
4541
+ },
4542
+ "fill": {
4543
+ "type": "color"
4544
+ }
4545
+ },
4546
+ "negative": {
4547
+ "border": {
4548
+ "type": "color"
4549
+ },
4550
+ "fill": {
4551
+ "type": "color"
4552
+ }
4553
+ }
4174
4554
  }
4175
4555
  },
4176
- "skin": {
4177
- "400": {
4178
- "value": "#ddb89eff",
4179
- "type": "color",
4180
- "description": "ORIGIN"
4556
+ "qualitative": {
4557
+ "fill-1": {
4558
+ "type": "color"
4181
4559
  },
4182
- "500": {
4183
- "value": "#e84d4fff",
4184
- "type": "color",
4185
- "description": "ORIGIN"
4560
+ "fill-2": {
4561
+ "type": "color"
4186
4562
  },
4187
- "600": {
4188
- "value": "#b26e3dff",
4189
- "type": "color",
4190
- "description": "ORIGIN"
4563
+ "fill-3": {
4564
+ "type": "color"
4191
4565
  },
4192
- "700": {
4193
- "value": "#3a2417ff",
4194
- "type": "color",
4195
- "description": "ORIGIN"
4566
+ "fill-4": {
4567
+ "type": "color"
4568
+ },
4569
+ "fill-5": {
4570
+ "type": "color"
4196
4571
  }
4197
4572
  },
4198
- "fuchsia": {
4199
- "400": {
4200
- "value": "#bf47c3ff",
4201
- "type": "color",
4202
- "description": "ORIGIN"
4203
- },
4204
- "500": {
4205
- "value": "#b832bcff",
4206
- "type": "color",
4207
- "description": "ORIGIN"
4573
+ "sequential": {
4574
+ "core": {
4575
+ "fill-1": {
4576
+ "type": "color"
4577
+ },
4578
+ "fill-2": {
4579
+ "type": "color"
4580
+ },
4581
+ "fill-3": {
4582
+ "type": "color"
4583
+ },
4584
+ "fill-4": {
4585
+ "type": "color"
4586
+ },
4587
+ "fill-5": {
4588
+ "type": "color"
4589
+ },
4590
+ "fill-6": {
4591
+ "type": "color"
4592
+ }
4593
+ },
4594
+ "neutral": {
4595
+ "fill-1": {
4596
+ "type": "color"
4597
+ },
4598
+ "fill-2": {
4599
+ "type": "color"
4600
+ },
4601
+ "fill-3": {
4602
+ "type": "color"
4603
+ },
4604
+ "fill-4": {
4605
+ "type": "color"
4606
+ },
4607
+ "fill-5": {
4608
+ "type": "color"
4609
+ },
4610
+ "fill-6": {
4611
+ "type": "color"
4612
+ }
4613
+ },
4614
+ "primary": {
4615
+ "positive": {
4616
+ "fill-1": {
4617
+ "type": "color"
4618
+ },
4619
+ "fill-2": {
4620
+ "type": "color"
4621
+ },
4622
+ "fill-3": {
4623
+ "type": "color"
4624
+ },
4625
+ "fill-4": {
4626
+ "type": "color"
4627
+ },
4628
+ "fill-5": {
4629
+ "type": "color"
4630
+ },
4631
+ "fill-6": {
4632
+ "type": "color"
4633
+ }
4634
+ },
4635
+ "negative": {
4636
+ "fill-1": {
4637
+ "type": "color"
4638
+ },
4639
+ "fill-2": {
4640
+ "type": "color"
4641
+ },
4642
+ "fill-3": {
4643
+ "type": "color"
4644
+ },
4645
+ "fill-4": {
4646
+ "type": "color"
4647
+ },
4648
+ "fill-5": {
4649
+ "type": "color"
4650
+ },
4651
+ "fill-6": {
4652
+ "type": "color"
4653
+ }
4654
+ }
4655
+ },
4656
+ "secondary": {
4657
+ "positive": {
4658
+ "fill-1": {
4659
+ "type": "color"
4660
+ },
4661
+ "fill-2": {
4662
+ "type": "color"
4663
+ },
4664
+ "fill-3": {
4665
+ "type": "color"
4666
+ },
4667
+ "fill-4": {
4668
+ "type": "color"
4669
+ },
4670
+ "fill-5": {
4671
+ "type": "color"
4672
+ },
4673
+ "fill-6": {
4674
+ "type": "color"
4675
+ }
4676
+ },
4677
+ "negative": {
4678
+ "fill-1": {
4679
+ "type": "color"
4680
+ },
4681
+ "fill-2": {
4682
+ "type": "color"
4683
+ },
4684
+ "fill-3": {
4685
+ "type": "color"
4686
+ },
4687
+ "fill-4": {
4688
+ "type": "color"
4689
+ },
4690
+ "fill-5": {
4691
+ "type": "color"
4692
+ },
4693
+ "fill-6": {
4694
+ "type": "color"
4695
+ }
4696
+ }
4697
+ },
4698
+ "tertiary": {
4699
+ "positive": {
4700
+ "fill-1": {
4701
+ "type": "color"
4702
+ },
4703
+ "fill-2": {
4704
+ "type": "color"
4705
+ },
4706
+ "fill-3": {
4707
+ "type": "color"
4708
+ },
4709
+ "fill-4": {
4710
+ "type": "color"
4711
+ },
4712
+ "fill-5": {
4713
+ "type": "color"
4714
+ },
4715
+ "fill-6": {
4716
+ "type": "color"
4717
+ }
4718
+ },
4719
+ "negative": {
4720
+ "fill-1": {
4721
+ "type": "color"
4722
+ },
4723
+ "fill-2": {
4724
+ "type": "color"
4725
+ },
4726
+ "fill-3": {
4727
+ "type": "color"
4728
+ },
4729
+ "fill-4": {
4730
+ "type": "color"
4731
+ },
4732
+ "fill-5": {
4733
+ "type": "color"
4734
+ },
4735
+ "fill-6": {
4736
+ "type": "color"
4737
+ }
4738
+ }
4739
+ }
4740
+ }
4741
+ }
4742
+ },
4743
+ "dashboard/darkMode": {
4744
+ "meta": {
4745
+ "name": {
4746
+ "value": "Dashboard Dark-Mode Token Set",
4747
+ "type": "other"
4748
+ },
4749
+ "public": {
4750
+ "value": "true",
4751
+ "type": "other"
4752
+ }
4753
+ },
4754
+ "dashboard-colors": {
4755
+ "background": {
4756
+ "surface": {
4757
+ "type": "color"
4758
+ },
4759
+ "neutral": {
4760
+ "type": "color"
4761
+ }
4762
+ },
4763
+ "text": {
4764
+ "primary": {
4765
+ "type": "color"
4766
+ },
4767
+ "secondary": {
4768
+ "type": "color"
4769
+ }
4770
+ },
4771
+ "callout": {
4772
+ "type": "color"
4773
+ },
4774
+ "comparative": {
4775
+ "core": {
4776
+ "fill-1": {
4777
+ "type": "color"
4778
+ },
4779
+ "fill-2": {
4780
+ "type": "color"
4781
+ }
4782
+ },
4783
+ "neutral": {
4784
+ "fill-1": {
4785
+ "type": "color"
4786
+ },
4787
+ "fill-2": {
4788
+ "type": "color"
4789
+ }
4790
+ },
4791
+ "primary": {
4792
+ "positive": {
4793
+ "fill-1": {
4794
+ "type": "color"
4795
+ },
4796
+ "fill-2": {
4797
+ "type": "color"
4798
+ }
4799
+ },
4800
+ "negative": {
4801
+ "fill-1": {
4802
+ "type": "color"
4803
+ },
4804
+ "fill-2": {
4805
+ "type": "color"
4806
+ }
4807
+ }
4808
+ },
4809
+ "secondary": {
4810
+ "positive": {
4811
+ "fill-1": {
4812
+ "type": "color"
4813
+ },
4814
+ "fill-2": {
4815
+ "type": "color"
4816
+ }
4817
+ },
4818
+ "negative": {
4819
+ "fill-1": {
4820
+ "type": "color"
4821
+ },
4822
+ "fill-2": {
4823
+ "type": "color"
4824
+ }
4825
+ }
4826
+ },
4827
+ "tertiary": {
4828
+ "positive": {
4829
+ "fill-1": {
4830
+ "type": "color"
4831
+ },
4832
+ "fill-2": {
4833
+ "type": "color"
4834
+ }
4835
+ },
4836
+ "negative": {
4837
+ "fill-1": {
4838
+ "type": "color"
4839
+ },
4840
+ "fill-2": {
4841
+ "type": "color"
4842
+ }
4843
+ }
4844
+ }
4845
+ },
4846
+ "divergent": {
4847
+ "primary": {
4848
+ "positive": {
4849
+ "fill-1": {
4850
+ "type": "color"
4851
+ },
4852
+ "fill-2": {
4853
+ "type": "color"
4854
+ },
4855
+ "fill-3": {
4856
+ "type": "color"
4857
+ }
4858
+ },
4859
+ "negative": {
4860
+ "fill-1": {
4861
+ "type": "color"
4862
+ },
4863
+ "fill-2": {
4864
+ "type": "color"
4865
+ },
4866
+ "fill-3": {
4867
+ "type": "color"
4868
+ }
4869
+ }
4870
+ },
4871
+ "secondary": {
4872
+ "positive": {
4873
+ "fill-1": {
4874
+ "type": "color"
4875
+ },
4876
+ "fill-2": {
4877
+ "type": "color"
4878
+ },
4879
+ "fill-3": {
4880
+ "type": "color"
4881
+ }
4882
+ },
4883
+ "negative": {
4884
+ "fill-1": {
4885
+ "type": "color"
4886
+ },
4887
+ "fill-2": {
4888
+ "type": "color"
4889
+ },
4890
+ "fill-3": {
4891
+ "type": "color"
4892
+ }
4893
+ }
4894
+ },
4895
+ "tertiary": {
4896
+ "positive": {
4897
+ "fill-1": {
4898
+ "type": "color"
4899
+ },
4900
+ "fill-2": {
4901
+ "type": "color"
4902
+ },
4903
+ "fill-3": {
4904
+ "type": "color"
4905
+ }
4906
+ },
4907
+ "negative": {
4908
+ "fill-1": {
4909
+ "type": "color"
4910
+ },
4911
+ "fill-2": {
4912
+ "type": "color"
4913
+ },
4914
+ "fill-3": {
4915
+ "type": "color"
4916
+ }
4917
+ }
4918
+ }
4919
+ },
4920
+ "evolutive": {
4921
+ "positive": {
4922
+ "border": {
4923
+ "type": "color"
4924
+ },
4925
+ "fill": {
4926
+ "type": "color"
4927
+ }
4928
+ },
4929
+ "neutral": {
4930
+ "border": {
4931
+ "type": "color"
4932
+ },
4933
+ "fill": {
4934
+ "type": "color"
4935
+ }
4936
+ },
4937
+ "negative": {
4938
+ "border": {
4939
+ "type": "color"
4940
+ },
4941
+ "fill": {
4942
+ "type": "color"
4943
+ }
4944
+ }
4945
+ },
4946
+ "gap": {
4947
+ "core": {
4948
+ "border": {
4949
+ "type": "color"
4950
+ },
4951
+ "fill": {
4952
+ "type": "color"
4953
+ }
4954
+ },
4955
+ "neutral": {
4956
+ "border": {
4957
+ "type": "color"
4958
+ },
4959
+ "fill": {
4960
+ "type": "color"
4961
+ }
4962
+ },
4963
+ "primary": {
4964
+ "positive": {
4965
+ "border": {
4966
+ "type": "color"
4967
+ },
4968
+ "fill": {
4969
+ "type": "color"
4970
+ }
4971
+ },
4972
+ "negative": {
4973
+ "border": {
4974
+ "type": "color"
4975
+ },
4976
+ "fill": {
4977
+ "type": "color"
4978
+ }
4979
+ }
4980
+ },
4981
+ "secondary": {
4982
+ "positive": {
4983
+ "border": {
4984
+ "type": "color"
4985
+ },
4986
+ "fill": {
4987
+ "type": "color"
4988
+ }
4989
+ },
4990
+ "negative": {
4991
+ "border": {
4992
+ "type": "color"
4993
+ },
4994
+ "fill": {
4995
+ "type": "color"
4996
+ }
4997
+ }
4998
+ },
4999
+ "tertiary": {
5000
+ "positive": {
5001
+ "border": {
5002
+ "type": "color"
5003
+ },
5004
+ "fill": {
5005
+ "type": "color"
5006
+ }
5007
+ },
5008
+ "negative": {
5009
+ "border": {
5010
+ "type": "color"
5011
+ },
5012
+ "fill": {
5013
+ "type": "color"
5014
+ }
5015
+ }
5016
+ }
5017
+ },
5018
+ "qualitative": {
5019
+ "fill-1": {
5020
+ "type": "color"
5021
+ },
5022
+ "fill-2": {
5023
+ "type": "color"
5024
+ },
5025
+ "fill-3": {
5026
+ "type": "color"
5027
+ },
5028
+ "fill-4": {
5029
+ "type": "color"
5030
+ },
5031
+ "fill-5": {
5032
+ "type": "color"
5033
+ }
5034
+ },
5035
+ "sequential": {
5036
+ "core": {
5037
+ "fill-1": {
5038
+ "type": "color"
5039
+ },
5040
+ "fill-2": {
5041
+ "type": "color"
5042
+ },
5043
+ "fill-3": {
5044
+ "type": "color"
5045
+ },
5046
+ "fill-4": {
5047
+ "type": "color"
5048
+ },
5049
+ "fill-5": {
5050
+ "type": "color"
5051
+ },
5052
+ "fill-6": {
5053
+ "type": "color"
5054
+ }
5055
+ },
5056
+ "neutral": {
5057
+ "fill-1": {
5058
+ "type": "color"
5059
+ },
5060
+ "fill-2": {
5061
+ "type": "color"
5062
+ },
5063
+ "fill-3": {
5064
+ "type": "color"
5065
+ },
5066
+ "fill-4": {
5067
+ "type": "color"
5068
+ },
5069
+ "fill-5": {
5070
+ "type": "color"
5071
+ },
5072
+ "fill-6": {
5073
+ "type": "color"
5074
+ }
5075
+ },
5076
+ "primary": {
5077
+ "positive": {
5078
+ "fill-1": {
5079
+ "type": "color"
5080
+ },
5081
+ "fill-2": {
5082
+ "type": "color"
5083
+ },
5084
+ "fill-3": {
5085
+ "type": "color"
5086
+ },
5087
+ "fill-4": {
5088
+ "type": "color"
5089
+ },
5090
+ "fill-5": {
5091
+ "type": "color"
5092
+ },
5093
+ "fill-6": {
5094
+ "type": "color"
5095
+ }
5096
+ },
5097
+ "negative": {
5098
+ "fill-1": {
5099
+ "type": "color"
5100
+ },
5101
+ "fill-2": {
5102
+ "type": "color"
5103
+ },
5104
+ "fill-3": {
5105
+ "type": "color"
5106
+ },
5107
+ "fill-4": {
5108
+ "type": "color"
5109
+ },
5110
+ "fill-5": {
5111
+ "type": "color"
5112
+ },
5113
+ "fill-6": {
5114
+ "type": "color"
5115
+ }
5116
+ }
5117
+ },
5118
+ "secondary": {
5119
+ "positive": {
5120
+ "fill-1": {
5121
+ "type": "color"
5122
+ },
5123
+ "fill-2": {
5124
+ "type": "color"
5125
+ },
5126
+ "fill-3": {
5127
+ "type": "color"
5128
+ },
5129
+ "fill-4": {
5130
+ "type": "color"
5131
+ },
5132
+ "fill-5": {
5133
+ "type": "color"
5134
+ },
5135
+ "fill-6": {
5136
+ "type": "color"
5137
+ }
5138
+ },
5139
+ "negative": {
5140
+ "fill-1": {
5141
+ "type": "color"
5142
+ },
5143
+ "fill-2": {
5144
+ "type": "color"
5145
+ },
5146
+ "fill-3": {
5147
+ "type": "color"
5148
+ },
5149
+ "fill-4": {
5150
+ "type": "color"
5151
+ },
5152
+ "fill-5": {
5153
+ "type": "color"
5154
+ },
5155
+ "fill-6": {
5156
+ "type": "color"
5157
+ }
5158
+ }
5159
+ },
5160
+ "tertiary": {
5161
+ "positive": {
5162
+ "fill-1": {
5163
+ "type": "color"
5164
+ },
5165
+ "fill-2": {
5166
+ "type": "color"
5167
+ },
5168
+ "fill-3": {
5169
+ "type": "color"
5170
+ },
5171
+ "fill-4": {
5172
+ "type": "color"
5173
+ },
5174
+ "fill-5": {
5175
+ "type": "color"
5176
+ },
5177
+ "fill-6": {
5178
+ "type": "color"
5179
+ }
5180
+ },
5181
+ "negative": {
5182
+ "fill-1": {
5183
+ "type": "color"
5184
+ },
5185
+ "fill-2": {
5186
+ "type": "color"
5187
+ },
5188
+ "fill-3": {
5189
+ "type": "color"
5190
+ },
5191
+ "fill-4": {
5192
+ "type": "color"
5193
+ },
5194
+ "fill-5": {
5195
+ "type": "color"
5196
+ },
5197
+ "fill-6": {
5198
+ "type": "color"
5199
+ }
5200
+ }
4208
5201
  }
4209
5202
  }
4210
5203
  }