@aurodesignsystem/design-tokens 4.1.1 → 4.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 +15 -0
- package/README.md +17 -0
- package/dist/tokens/CSSCustomProperties.css +244 -95
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +241 -1
- package/dist/tokens/JSObject--allTokens.js +241 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +9 -1
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +150 -95
- package/dist/tokens/SCSSVariablesMapFlat.scss +12 -2
- package/dist/tokens/SassCustomProperties.scss +244 -95
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +11 -5
- package/dist/tokens/darkmode/JSDataColor.js +1 -1
- package/dist/tokens/darkmode/JSObject--allDarkTokens.js +1 -1
- package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
- package/dist/tokens/darkmode/SCSSVariables.scss +7 -5
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
- package/dist/tokens/darkmode/SassCustomProperties.scss +11 -5
- package/package.json +2 -2
- package/src/color/background.json +10 -0
- package/src/color/base.json +14 -0
- package/src/color/border.json +7 -0
- package/src/color/ui.json +30 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Dec 2023 19:04:04 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -354,6 +354,39 @@ module.exports = {
|
|
|
354
354
|
"background",
|
|
355
355
|
"darkest"
|
|
356
356
|
]
|
|
357
|
+
},
|
|
358
|
+
"gradient": {
|
|
359
|
+
"default": {
|
|
360
|
+
"value": "linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))",
|
|
361
|
+
"public": true,
|
|
362
|
+
"neutral": true,
|
|
363
|
+
"usage": "Used for creating a gradient against all backgrounds",
|
|
364
|
+
"wcag": "n/a",
|
|
365
|
+
"deprecated": false,
|
|
366
|
+
"filePath": "./src/color/background.json",
|
|
367
|
+
"isSource": true,
|
|
368
|
+
"original": {
|
|
369
|
+
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
370
|
+
"public": true,
|
|
371
|
+
"neutral": true,
|
|
372
|
+
"usage": "Used for creating a gradient against all backgrounds",
|
|
373
|
+
"wcag": "n/a",
|
|
374
|
+
"deprecated": false
|
|
375
|
+
},
|
|
376
|
+
"name": "ds-color-background-gradient-default",
|
|
377
|
+
"attributes": {
|
|
378
|
+
"category": "color",
|
|
379
|
+
"type": "background",
|
|
380
|
+
"item": "gradient",
|
|
381
|
+
"subitem": "default"
|
|
382
|
+
},
|
|
383
|
+
"path": [
|
|
384
|
+
"color",
|
|
385
|
+
"background",
|
|
386
|
+
"gradient",
|
|
387
|
+
"default"
|
|
388
|
+
]
|
|
389
|
+
}
|
|
357
390
|
}
|
|
358
391
|
},
|
|
359
392
|
"base": {
|
|
@@ -382,6 +415,33 @@ module.exports = {
|
|
|
382
415
|
"white"
|
|
383
416
|
]
|
|
384
417
|
},
|
|
418
|
+
"white-opacity-50": {
|
|
419
|
+
"value": "rgba(255, 255, 255, 0.5)",
|
|
420
|
+
"comment": "white @ 50%",
|
|
421
|
+
"public": true,
|
|
422
|
+
"opacity": true,
|
|
423
|
+
"deprecated": false,
|
|
424
|
+
"filePath": "./src/color/base.json",
|
|
425
|
+
"isSource": true,
|
|
426
|
+
"original": {
|
|
427
|
+
"value": "ffffff80",
|
|
428
|
+
"comment": "white @ 50%",
|
|
429
|
+
"public": true,
|
|
430
|
+
"opacity": true,
|
|
431
|
+
"deprecated": false
|
|
432
|
+
},
|
|
433
|
+
"name": "ds-color-base-white-opacity-50",
|
|
434
|
+
"attributes": {
|
|
435
|
+
"category": "color",
|
|
436
|
+
"type": "base",
|
|
437
|
+
"item": "white-opacity-50"
|
|
438
|
+
},
|
|
439
|
+
"path": [
|
|
440
|
+
"color",
|
|
441
|
+
"base",
|
|
442
|
+
"white-opacity-50"
|
|
443
|
+
]
|
|
444
|
+
},
|
|
385
445
|
"white-opacity-40": {
|
|
386
446
|
"value": "rgba(255, 255, 255, 0.4)",
|
|
387
447
|
"comment": "white @ 40%",
|
|
@@ -409,6 +469,33 @@ module.exports = {
|
|
|
409
469
|
"white-opacity-40"
|
|
410
470
|
]
|
|
411
471
|
},
|
|
472
|
+
"white-opacity-0": {
|
|
473
|
+
"value": "rgba(255, 255, 255, 0)",
|
|
474
|
+
"comment": "white @ 0%",
|
|
475
|
+
"public": true,
|
|
476
|
+
"opacity": true,
|
|
477
|
+
"deprecated": false,
|
|
478
|
+
"filePath": "./src/color/base.json",
|
|
479
|
+
"isSource": true,
|
|
480
|
+
"original": {
|
|
481
|
+
"value": "ffffff00",
|
|
482
|
+
"comment": "white @ 0%",
|
|
483
|
+
"public": true,
|
|
484
|
+
"opacity": true,
|
|
485
|
+
"deprecated": false
|
|
486
|
+
},
|
|
487
|
+
"name": "ds-color-base-white-opacity-0",
|
|
488
|
+
"attributes": {
|
|
489
|
+
"category": "color",
|
|
490
|
+
"type": "base",
|
|
491
|
+
"item": "white-opacity-0"
|
|
492
|
+
},
|
|
493
|
+
"path": [
|
|
494
|
+
"color",
|
|
495
|
+
"base",
|
|
496
|
+
"white-opacity-0"
|
|
497
|
+
]
|
|
498
|
+
},
|
|
412
499
|
"black": {
|
|
413
500
|
"value": "#000000",
|
|
414
501
|
"comment": "\n // Base value for token support; should not use in code!",
|
|
@@ -691,6 +778,35 @@ module.exports = {
|
|
|
691
778
|
"active",
|
|
692
779
|
"default"
|
|
693
780
|
]
|
|
781
|
+
},
|
|
782
|
+
"inverse": {
|
|
783
|
+
"value": "#00cff0",
|
|
784
|
+
"public": true,
|
|
785
|
+
"inverse": true,
|
|
786
|
+
"usage": "Active border color on dark backgrounds",
|
|
787
|
+
"deprecated": false,
|
|
788
|
+
"filePath": "./src/color/border.json",
|
|
789
|
+
"isSource": true,
|
|
790
|
+
"original": {
|
|
791
|
+
"value": "{color.brand.breeze.300.value}",
|
|
792
|
+
"public": true,
|
|
793
|
+
"inverse": true,
|
|
794
|
+
"usage": "Active border color on dark backgrounds",
|
|
795
|
+
"deprecated": false
|
|
796
|
+
},
|
|
797
|
+
"name": "ds-color-border-active-inverse",
|
|
798
|
+
"attributes": {
|
|
799
|
+
"category": "color",
|
|
800
|
+
"type": "border",
|
|
801
|
+
"item": "active",
|
|
802
|
+
"subitem": "inverse"
|
|
803
|
+
},
|
|
804
|
+
"path": [
|
|
805
|
+
"color",
|
|
806
|
+
"border",
|
|
807
|
+
"active",
|
|
808
|
+
"inverse"
|
|
809
|
+
]
|
|
694
810
|
}
|
|
695
811
|
},
|
|
696
812
|
"error": {
|
|
@@ -3652,6 +3768,35 @@ module.exports = {
|
|
|
3652
3768
|
"active",
|
|
3653
3769
|
"default"
|
|
3654
3770
|
]
|
|
3771
|
+
},
|
|
3772
|
+
"inverse": {
|
|
3773
|
+
"value": "#5de3f7",
|
|
3774
|
+
"public": true,
|
|
3775
|
+
"inverse": true,
|
|
3776
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
3777
|
+
"deprecated": false,
|
|
3778
|
+
"filePath": "./src/color/ui.json",
|
|
3779
|
+
"isSource": true,
|
|
3780
|
+
"original": {
|
|
3781
|
+
"value": "{color.brand.breeze.200.value}",
|
|
3782
|
+
"public": true,
|
|
3783
|
+
"inverse": true,
|
|
3784
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
3785
|
+
"deprecated": false
|
|
3786
|
+
},
|
|
3787
|
+
"name": "ds-color-ui-active-inverse",
|
|
3788
|
+
"attributes": {
|
|
3789
|
+
"category": "color",
|
|
3790
|
+
"type": "ui",
|
|
3791
|
+
"item": "active",
|
|
3792
|
+
"subitem": "inverse"
|
|
3793
|
+
},
|
|
3794
|
+
"path": [
|
|
3795
|
+
"color",
|
|
3796
|
+
"ui",
|
|
3797
|
+
"active",
|
|
3798
|
+
"inverse"
|
|
3799
|
+
]
|
|
3655
3800
|
}
|
|
3656
3801
|
},
|
|
3657
3802
|
"disabled": {
|
|
@@ -3688,6 +3833,70 @@ module.exports = {
|
|
|
3688
3833
|
}
|
|
3689
3834
|
},
|
|
3690
3835
|
"bkg": {
|
|
3836
|
+
"default": {
|
|
3837
|
+
"default": {
|
|
3838
|
+
"value": "rgba(0, 0, 0, 0.03)",
|
|
3839
|
+
"public": true,
|
|
3840
|
+
"default": true,
|
|
3841
|
+
"usage": "Default affordance for background colors",
|
|
3842
|
+
"deprecated": false,
|
|
3843
|
+
"filePath": "./src/color/ui.json",
|
|
3844
|
+
"isSource": true,
|
|
3845
|
+
"original": {
|
|
3846
|
+
"value": "00000008",
|
|
3847
|
+
"public": true,
|
|
3848
|
+
"default": true,
|
|
3849
|
+
"usage": "Default affordance for background colors",
|
|
3850
|
+
"deprecated": false
|
|
3851
|
+
},
|
|
3852
|
+
"name": "ds-color-ui-bkg-default-default",
|
|
3853
|
+
"attributes": {
|
|
3854
|
+
"category": "color",
|
|
3855
|
+
"type": "ui",
|
|
3856
|
+
"item": "bkg",
|
|
3857
|
+
"subitem": "default",
|
|
3858
|
+
"state": "default"
|
|
3859
|
+
},
|
|
3860
|
+
"path": [
|
|
3861
|
+
"color",
|
|
3862
|
+
"ui",
|
|
3863
|
+
"bkg",
|
|
3864
|
+
"default",
|
|
3865
|
+
"default"
|
|
3866
|
+
]
|
|
3867
|
+
},
|
|
3868
|
+
"inverse": {
|
|
3869
|
+
"value": "rgba(255, 255, 255, 0.03)",
|
|
3870
|
+
"public": true,
|
|
3871
|
+
"inverse": true,
|
|
3872
|
+
"usage": "Default affordance for dark background colors",
|
|
3873
|
+
"deprecated": false,
|
|
3874
|
+
"filePath": "./src/color/ui.json",
|
|
3875
|
+
"isSource": true,
|
|
3876
|
+
"original": {
|
|
3877
|
+
"value": "ffffff08",
|
|
3878
|
+
"public": true,
|
|
3879
|
+
"inverse": true,
|
|
3880
|
+
"usage": "Default affordance for dark background colors",
|
|
3881
|
+
"deprecated": false
|
|
3882
|
+
},
|
|
3883
|
+
"name": "ds-color-ui-bkg-default-inverse",
|
|
3884
|
+
"attributes": {
|
|
3885
|
+
"category": "color",
|
|
3886
|
+
"type": "ui",
|
|
3887
|
+
"item": "bkg",
|
|
3888
|
+
"subitem": "default",
|
|
3889
|
+
"state": "inverse"
|
|
3890
|
+
},
|
|
3891
|
+
"path": [
|
|
3892
|
+
"color",
|
|
3893
|
+
"ui",
|
|
3894
|
+
"bkg",
|
|
3895
|
+
"default",
|
|
3896
|
+
"inverse"
|
|
3897
|
+
]
|
|
3898
|
+
}
|
|
3899
|
+
},
|
|
3691
3900
|
"hover": {
|
|
3692
3901
|
"default": {
|
|
3693
3902
|
"value": "rgba(0, 0, 0, 0.06)",
|
|
@@ -3719,6 +3928,37 @@ module.exports = {
|
|
|
3719
3928
|
"hover",
|
|
3720
3929
|
"default"
|
|
3721
3930
|
]
|
|
3931
|
+
},
|
|
3932
|
+
"inverse": {
|
|
3933
|
+
"value": "rgba(255, 255, 255, 0.06)",
|
|
3934
|
+
"public": true,
|
|
3935
|
+
"inverse": true,
|
|
3936
|
+
"usage": "Default hover affordance for dark background colors",
|
|
3937
|
+
"deprecated": false,
|
|
3938
|
+
"filePath": "./src/color/ui.json",
|
|
3939
|
+
"isSource": true,
|
|
3940
|
+
"original": {
|
|
3941
|
+
"value": "ffffff0f",
|
|
3942
|
+
"public": true,
|
|
3943
|
+
"inverse": true,
|
|
3944
|
+
"usage": "Default hover affordance for dark background colors",
|
|
3945
|
+
"deprecated": false
|
|
3946
|
+
},
|
|
3947
|
+
"name": "ds-color-ui-bkg-hover-inverse",
|
|
3948
|
+
"attributes": {
|
|
3949
|
+
"category": "color",
|
|
3950
|
+
"type": "ui",
|
|
3951
|
+
"item": "bkg",
|
|
3952
|
+
"subitem": "hover",
|
|
3953
|
+
"state": "inverse"
|
|
3954
|
+
},
|
|
3955
|
+
"path": [
|
|
3956
|
+
"color",
|
|
3957
|
+
"ui",
|
|
3958
|
+
"bkg",
|
|
3959
|
+
"hover",
|
|
3960
|
+
"inverse"
|
|
3961
|
+
]
|
|
3722
3962
|
}
|
|
3723
3963
|
}
|
|
3724
3964
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Dec 2023 19:04:04 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -4187,6 +4187,39 @@ module.exports = {
|
|
|
4187
4187
|
"background",
|
|
4188
4188
|
"darkest"
|
|
4189
4189
|
]
|
|
4190
|
+
},
|
|
4191
|
+
"gradient": {
|
|
4192
|
+
"default": {
|
|
4193
|
+
"value": "linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5))",
|
|
4194
|
+
"public": true,
|
|
4195
|
+
"neutral": true,
|
|
4196
|
+
"usage": "Used for creating a gradient against all backgrounds",
|
|
4197
|
+
"wcag": "n/a",
|
|
4198
|
+
"deprecated": false,
|
|
4199
|
+
"filePath": "./src/color/background.json",
|
|
4200
|
+
"isSource": true,
|
|
4201
|
+
"original": {
|
|
4202
|
+
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
4203
|
+
"public": true,
|
|
4204
|
+
"neutral": true,
|
|
4205
|
+
"usage": "Used for creating a gradient against all backgrounds",
|
|
4206
|
+
"wcag": "n/a",
|
|
4207
|
+
"deprecated": false
|
|
4208
|
+
},
|
|
4209
|
+
"name": "ds-color-background-gradient-default",
|
|
4210
|
+
"attributes": {
|
|
4211
|
+
"category": "color",
|
|
4212
|
+
"type": "background",
|
|
4213
|
+
"item": "gradient",
|
|
4214
|
+
"subitem": "default"
|
|
4215
|
+
},
|
|
4216
|
+
"path": [
|
|
4217
|
+
"color",
|
|
4218
|
+
"background",
|
|
4219
|
+
"gradient",
|
|
4220
|
+
"default"
|
|
4221
|
+
]
|
|
4222
|
+
}
|
|
4190
4223
|
}
|
|
4191
4224
|
},
|
|
4192
4225
|
"base": {
|
|
@@ -4215,6 +4248,33 @@ module.exports = {
|
|
|
4215
4248
|
"white"
|
|
4216
4249
|
]
|
|
4217
4250
|
},
|
|
4251
|
+
"white-opacity-50": {
|
|
4252
|
+
"value": "rgba(255, 255, 255, 0.5)",
|
|
4253
|
+
"comment": "white @ 50%",
|
|
4254
|
+
"public": true,
|
|
4255
|
+
"opacity": true,
|
|
4256
|
+
"deprecated": false,
|
|
4257
|
+
"filePath": "./src/color/base.json",
|
|
4258
|
+
"isSource": true,
|
|
4259
|
+
"original": {
|
|
4260
|
+
"value": "ffffff80",
|
|
4261
|
+
"comment": "white @ 50%",
|
|
4262
|
+
"public": true,
|
|
4263
|
+
"opacity": true,
|
|
4264
|
+
"deprecated": false
|
|
4265
|
+
},
|
|
4266
|
+
"name": "ds-color-base-white-opacity-50",
|
|
4267
|
+
"attributes": {
|
|
4268
|
+
"category": "color",
|
|
4269
|
+
"type": "base",
|
|
4270
|
+
"item": "white-opacity-50"
|
|
4271
|
+
},
|
|
4272
|
+
"path": [
|
|
4273
|
+
"color",
|
|
4274
|
+
"base",
|
|
4275
|
+
"white-opacity-50"
|
|
4276
|
+
]
|
|
4277
|
+
},
|
|
4218
4278
|
"white-opacity-40": {
|
|
4219
4279
|
"value": "rgba(255, 255, 255, 0.4)",
|
|
4220
4280
|
"comment": "white @ 40%",
|
|
@@ -4242,6 +4302,33 @@ module.exports = {
|
|
|
4242
4302
|
"white-opacity-40"
|
|
4243
4303
|
]
|
|
4244
4304
|
},
|
|
4305
|
+
"white-opacity-0": {
|
|
4306
|
+
"value": "rgba(255, 255, 255, 0)",
|
|
4307
|
+
"comment": "white @ 0%",
|
|
4308
|
+
"public": true,
|
|
4309
|
+
"opacity": true,
|
|
4310
|
+
"deprecated": false,
|
|
4311
|
+
"filePath": "./src/color/base.json",
|
|
4312
|
+
"isSource": true,
|
|
4313
|
+
"original": {
|
|
4314
|
+
"value": "ffffff00",
|
|
4315
|
+
"comment": "white @ 0%",
|
|
4316
|
+
"public": true,
|
|
4317
|
+
"opacity": true,
|
|
4318
|
+
"deprecated": false
|
|
4319
|
+
},
|
|
4320
|
+
"name": "ds-color-base-white-opacity-0",
|
|
4321
|
+
"attributes": {
|
|
4322
|
+
"category": "color",
|
|
4323
|
+
"type": "base",
|
|
4324
|
+
"item": "white-opacity-0"
|
|
4325
|
+
},
|
|
4326
|
+
"path": [
|
|
4327
|
+
"color",
|
|
4328
|
+
"base",
|
|
4329
|
+
"white-opacity-0"
|
|
4330
|
+
]
|
|
4331
|
+
},
|
|
4245
4332
|
"black": {
|
|
4246
4333
|
"value": "#000000",
|
|
4247
4334
|
"comment": "\n // Base value for token support; should not use in code!",
|
|
@@ -4524,6 +4611,35 @@ module.exports = {
|
|
|
4524
4611
|
"active",
|
|
4525
4612
|
"default"
|
|
4526
4613
|
]
|
|
4614
|
+
},
|
|
4615
|
+
"inverse": {
|
|
4616
|
+
"value": "#00cff0",
|
|
4617
|
+
"public": true,
|
|
4618
|
+
"inverse": true,
|
|
4619
|
+
"usage": "Active border color on dark backgrounds",
|
|
4620
|
+
"deprecated": false,
|
|
4621
|
+
"filePath": "./src/color/border.json",
|
|
4622
|
+
"isSource": true,
|
|
4623
|
+
"original": {
|
|
4624
|
+
"value": "{color.brand.breeze.300.value}",
|
|
4625
|
+
"public": true,
|
|
4626
|
+
"inverse": true,
|
|
4627
|
+
"usage": "Active border color on dark backgrounds",
|
|
4628
|
+
"deprecated": false
|
|
4629
|
+
},
|
|
4630
|
+
"name": "ds-color-border-active-inverse",
|
|
4631
|
+
"attributes": {
|
|
4632
|
+
"category": "color",
|
|
4633
|
+
"type": "border",
|
|
4634
|
+
"item": "active",
|
|
4635
|
+
"subitem": "inverse"
|
|
4636
|
+
},
|
|
4637
|
+
"path": [
|
|
4638
|
+
"color",
|
|
4639
|
+
"border",
|
|
4640
|
+
"active",
|
|
4641
|
+
"inverse"
|
|
4642
|
+
]
|
|
4527
4643
|
}
|
|
4528
4644
|
},
|
|
4529
4645
|
"error": {
|
|
@@ -7485,6 +7601,35 @@ module.exports = {
|
|
|
7485
7601
|
"active",
|
|
7486
7602
|
"default"
|
|
7487
7603
|
]
|
|
7604
|
+
},
|
|
7605
|
+
"inverse": {
|
|
7606
|
+
"value": "#5de3f7",
|
|
7607
|
+
"public": true,
|
|
7608
|
+
"inverse": true,
|
|
7609
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
7610
|
+
"deprecated": false,
|
|
7611
|
+
"filePath": "./src/color/ui.json",
|
|
7612
|
+
"isSource": true,
|
|
7613
|
+
"original": {
|
|
7614
|
+
"value": "{color.brand.breeze.200.value}",
|
|
7615
|
+
"public": true,
|
|
7616
|
+
"inverse": true,
|
|
7617
|
+
"usage": "Active state color affordance on dark backgrounds",
|
|
7618
|
+
"deprecated": false
|
|
7619
|
+
},
|
|
7620
|
+
"name": "ds-color-ui-active-inverse",
|
|
7621
|
+
"attributes": {
|
|
7622
|
+
"category": "color",
|
|
7623
|
+
"type": "ui",
|
|
7624
|
+
"item": "active",
|
|
7625
|
+
"subitem": "inverse"
|
|
7626
|
+
},
|
|
7627
|
+
"path": [
|
|
7628
|
+
"color",
|
|
7629
|
+
"ui",
|
|
7630
|
+
"active",
|
|
7631
|
+
"inverse"
|
|
7632
|
+
]
|
|
7488
7633
|
}
|
|
7489
7634
|
},
|
|
7490
7635
|
"disabled": {
|
|
@@ -7521,6 +7666,70 @@ module.exports = {
|
|
|
7521
7666
|
}
|
|
7522
7667
|
},
|
|
7523
7668
|
"bkg": {
|
|
7669
|
+
"default": {
|
|
7670
|
+
"default": {
|
|
7671
|
+
"value": "rgba(0, 0, 0, 0.03)",
|
|
7672
|
+
"public": true,
|
|
7673
|
+
"default": true,
|
|
7674
|
+
"usage": "Default affordance for background colors",
|
|
7675
|
+
"deprecated": false,
|
|
7676
|
+
"filePath": "./src/color/ui.json",
|
|
7677
|
+
"isSource": true,
|
|
7678
|
+
"original": {
|
|
7679
|
+
"value": "00000008",
|
|
7680
|
+
"public": true,
|
|
7681
|
+
"default": true,
|
|
7682
|
+
"usage": "Default affordance for background colors",
|
|
7683
|
+
"deprecated": false
|
|
7684
|
+
},
|
|
7685
|
+
"name": "ds-color-ui-bkg-default-default",
|
|
7686
|
+
"attributes": {
|
|
7687
|
+
"category": "color",
|
|
7688
|
+
"type": "ui",
|
|
7689
|
+
"item": "bkg",
|
|
7690
|
+
"subitem": "default",
|
|
7691
|
+
"state": "default"
|
|
7692
|
+
},
|
|
7693
|
+
"path": [
|
|
7694
|
+
"color",
|
|
7695
|
+
"ui",
|
|
7696
|
+
"bkg",
|
|
7697
|
+
"default",
|
|
7698
|
+
"default"
|
|
7699
|
+
]
|
|
7700
|
+
},
|
|
7701
|
+
"inverse": {
|
|
7702
|
+
"value": "rgba(255, 255, 255, 0.03)",
|
|
7703
|
+
"public": true,
|
|
7704
|
+
"inverse": true,
|
|
7705
|
+
"usage": "Default affordance for dark background colors",
|
|
7706
|
+
"deprecated": false,
|
|
7707
|
+
"filePath": "./src/color/ui.json",
|
|
7708
|
+
"isSource": true,
|
|
7709
|
+
"original": {
|
|
7710
|
+
"value": "ffffff08",
|
|
7711
|
+
"public": true,
|
|
7712
|
+
"inverse": true,
|
|
7713
|
+
"usage": "Default affordance for dark background colors",
|
|
7714
|
+
"deprecated": false
|
|
7715
|
+
},
|
|
7716
|
+
"name": "ds-color-ui-bkg-default-inverse",
|
|
7717
|
+
"attributes": {
|
|
7718
|
+
"category": "color",
|
|
7719
|
+
"type": "ui",
|
|
7720
|
+
"item": "bkg",
|
|
7721
|
+
"subitem": "default",
|
|
7722
|
+
"state": "inverse"
|
|
7723
|
+
},
|
|
7724
|
+
"path": [
|
|
7725
|
+
"color",
|
|
7726
|
+
"ui",
|
|
7727
|
+
"bkg",
|
|
7728
|
+
"default",
|
|
7729
|
+
"inverse"
|
|
7730
|
+
]
|
|
7731
|
+
}
|
|
7732
|
+
},
|
|
7524
7733
|
"hover": {
|
|
7525
7734
|
"default": {
|
|
7526
7735
|
"value": "rgba(0, 0, 0, 0.06)",
|
|
@@ -7552,6 +7761,37 @@ module.exports = {
|
|
|
7552
7761
|
"hover",
|
|
7553
7762
|
"default"
|
|
7554
7763
|
]
|
|
7764
|
+
},
|
|
7765
|
+
"inverse": {
|
|
7766
|
+
"value": "rgba(255, 255, 255, 0.06)",
|
|
7767
|
+
"public": true,
|
|
7768
|
+
"inverse": true,
|
|
7769
|
+
"usage": "Default hover affordance for dark background colors",
|
|
7770
|
+
"deprecated": false,
|
|
7771
|
+
"filePath": "./src/color/ui.json",
|
|
7772
|
+
"isSource": true,
|
|
7773
|
+
"original": {
|
|
7774
|
+
"value": "ffffff0f",
|
|
7775
|
+
"public": true,
|
|
7776
|
+
"inverse": true,
|
|
7777
|
+
"usage": "Default hover affordance for dark background colors",
|
|
7778
|
+
"deprecated": false
|
|
7779
|
+
},
|
|
7780
|
+
"name": "ds-color-ui-bkg-hover-inverse",
|
|
7781
|
+
"attributes": {
|
|
7782
|
+
"category": "color",
|
|
7783
|
+
"type": "ui",
|
|
7784
|
+
"item": "bkg",
|
|
7785
|
+
"subitem": "hover",
|
|
7786
|
+
"state": "inverse"
|
|
7787
|
+
},
|
|
7788
|
+
"path": [
|
|
7789
|
+
"color",
|
|
7790
|
+
"ui",
|
|
7791
|
+
"bkg",
|
|
7792
|
+
"hover",
|
|
7793
|
+
"inverse"
|
|
7794
|
+
]
|
|
7555
7795
|
}
|
|
7556
7796
|
}
|
|
7557
7797
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri,
|
|
3
|
+
* Generated on Fri, 29 Dec 2023 19:04:04 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DsColorAlertNotificationDefault = "#0074c8";
|
|
@@ -14,9 +14,12 @@ export const DsColorBackgroundLightest = "#ffffff";
|
|
|
14
14
|
export const DsColorBackgroundLighter = "#f8f8f8";
|
|
15
15
|
export const DsColorBackgroundDarker = "#01426a";
|
|
16
16
|
export const DsColorBackgroundDarkest = "#00274a";
|
|
17
|
+
export const DsColorBackgroundGradientDefault = "linear-gradient(180deg, #ffffff, #ffffff)";
|
|
17
18
|
export const DsColorBaseWhite = "#ffffff"; //
|
|
18
19
|
// Base value for token support; should not use in code!
|
|
20
|
+
export const DsColorBaseWhiteOpacity50 = "#ffffff"; // white @ 50%
|
|
19
21
|
export const DsColorBaseWhiteOpacity40 = "#ffffff"; // white @ 40%
|
|
22
|
+
export const DsColorBaseWhiteOpacity0 = "#ffffff"; // white @ 0%
|
|
20
23
|
export const DsColorBaseBlack = "#000000"; //
|
|
21
24
|
// Base value for token support; should not use in code!
|
|
22
25
|
export const DsColorBaseBlackOpacity15 = "#000000"; // black @ 15%
|
|
@@ -28,6 +31,7 @@ export const DsColorStateWarning500 = "#de750c";
|
|
|
28
31
|
export const DsColorBorderPrimaryDefault = "#626b79";
|
|
29
32
|
export const DsColorBorderPrimaryInverse = "#9fabbb";
|
|
30
33
|
export const DsColorBorderActiveDefault = "#0074c8";
|
|
34
|
+
export const DsColorBorderActiveInverse = "#00cff0";
|
|
31
35
|
export const DsColorBorderErrorDefault = "#df0b37";
|
|
32
36
|
export const DsColorBorderDisabledDefault = "#dbdbdb";
|
|
33
37
|
export const DsColorBorderFocusDefault = "#222222";
|
|
@@ -164,5 +168,9 @@ export const DsColorUiDefaultInverse = "#00cff0";
|
|
|
164
168
|
export const DsColorUiHoverDefault = "#054687";
|
|
165
169
|
export const DsColorUiHoverInverse = "#5de3f7";
|
|
166
170
|
export const DsColorUiActiveDefault = "#054687";
|
|
171
|
+
export const DsColorUiActiveInverse = "#5de3f7";
|
|
167
172
|
export const DsColorUiDisabledDefault = "#0074c8";
|
|
173
|
+
export const DsColorUiBkgDefaultDefault = "#000000";
|
|
174
|
+
export const DsColorUiBkgDefaultInverse = "#ffffff";
|
|
168
175
|
export const DsColorUiBkgHoverDefault = "#000000";
|
|
176
|
+
export const DsColorUiBkgHoverInverse = "#ffffff";
|