@demos-europe/demosplan-ui 0.3.21 → 0.3.24
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/.idea/shelf/Uncommitted_changes_before_Checkout_at_26_07_2024_16_29_[Changes]/shelved.patch +30800 -0
- package/.idea/shelf/Uncommitted_changes_before_Checkout_at_26_07_2024_16_29__Changes_.xml +4 -0
- package/.idea/workspace.xml +129 -46
- package/.yarn/install-state.gz +0 -0
- package/CHANGELOG.md +21 -0
- package/dist/demosplan-ui.umd.js +1 -1
- package/package.json +19 -6
- package/scripts/buildTokens.js +118 -0
- package/scripts/utils/transformTokens.js +249 -0
- package/src/components/DpDataTable/DpDataTable.vue +6 -2
- package/src/components/DpDataTable/DpTableHeader.vue +6 -2
- package/src/components/DpEditor/libs/editorCustomLink.js +3 -0
- package/src/lib/DpApi.js +2 -2
- package/tailwind.config.js +20 -50
- package/tokens/dist/js/boxShadow.js +10 -10
- package/tokens/dist/js/breakpoints.js +1 -1
- package/tokens/dist/js/color.brand.js +1 -1
- package/tokens/dist/js/color.data.js +1 -1
- package/tokens/dist/js/color.palette.js +1 -1
- package/tokens/dist/js/color.ui-tailwind.js +1 -1
- package/tokens/dist/js/color.ui.js +68 -68
- package/tokens/dist/js/fontSize.js +86 -98
- package/tokens/dist/js/rounded.js +1 -1
- package/tokens/dist/js/space.js +1 -1
- package/tokens/dist/js/zIndex.js +18 -18
- package/tokens/dist/scss/_boxShadow.scss +1 -1
- package/tokens/dist/scss/_breakpoints.scss +1 -1
- package/tokens/dist/scss/_color.brand.scss +1 -1
- package/tokens/dist/scss/_color.data.scss +1 -1
- package/tokens/dist/scss/_color.palette.scss +1 -1
- package/tokens/dist/scss/_color.ui.scss +1 -1
- package/tokens/dist/scss/_fontSize.scss +13 -7
- package/tokens/dist/scss/_rounded.scss +1 -1
- package/tokens/dist/scss/_space.scss +1 -1
- package/tokens/dist/scss/_zIndex.scss +1 -1
- package/tokens/dist/tailwind/backgroundColor.js +22 -22
- package/tokens/dist/tailwind/borderColor.js +7 -7
- package/tokens/dist/tailwind/boxShadow.js +6 -0
- package/tokens/dist/tailwind/breakpoints.js +6 -0
- package/tokens/dist/tailwind/color.js +37 -3
- package/tokens/dist/tailwind/fontSize.js +16 -0
- package/tokens/dist/tailwind/rounded.js +8 -0
- package/tokens/dist/tailwind/space.js +20 -0
- package/tokens/dist/tailwind/textColor.js +35 -35
- package/tokens/dist/tailwind/zIndex.js +10 -0
- package/tokens/src/boxShadow.json +5 -5
- package/tokens/src/color/color.ui.json +397 -0
- package/tokens/src/fontSize.json +47 -23
- package/tokens/src/zIndex.json +1 -1
- package/yarn-error.log +13974 -0
- package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]/shelved.patch +0 -36
- package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21__Changes_.xml +0 -4
- package/buildTokens.js +0 -240
- package/tokens/src/color/color.ui-tailwind.json +0 -401
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon,
|
|
3
|
+
* Generated on Mon, 29 Jul 2024 13:31:38 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -13,7 +13,7 @@ module.exports = {
|
|
|
13
13
|
"value": "#006fd0",
|
|
14
14
|
"themeable": true,
|
|
15
15
|
"$type": "color",
|
|
16
|
-
"filePath": "tokens/src/color/color.ui
|
|
16
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
17
17
|
"isSource": true,
|
|
18
18
|
"original": {
|
|
19
19
|
"$description": "Color for default state of interactive elements.",
|
|
@@ -42,7 +42,7 @@ module.exports = {
|
|
|
42
42
|
"value": "#005eb1",
|
|
43
43
|
"themeable": true,
|
|
44
44
|
"$type": "color",
|
|
45
|
-
"filePath": "tokens/src/color/color.ui
|
|
45
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
46
46
|
"isSource": true,
|
|
47
47
|
"original": {
|
|
48
48
|
"$description": "Color for hover state of interactive elements.",
|
|
@@ -71,7 +71,7 @@ module.exports = {
|
|
|
71
71
|
"value": "#004078",
|
|
72
72
|
"themeable": true,
|
|
73
73
|
"$type": "color",
|
|
74
|
-
"filePath": "tokens/src/color/color.ui
|
|
74
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
75
75
|
"isSource": true,
|
|
76
76
|
"original": {
|
|
77
77
|
"$description": "Color for active state of interactive elements.",
|
|
@@ -102,7 +102,7 @@ module.exports = {
|
|
|
102
102
|
"$description": "Default color for text that should be readable.",
|
|
103
103
|
"value": "#333333",
|
|
104
104
|
"$type": "color",
|
|
105
|
-
"filePath": "tokens/src/color/color.ui
|
|
105
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
106
106
|
"isSource": true,
|
|
107
107
|
"original": {
|
|
108
108
|
"$description": "Default color for text that should be readable.",
|
|
@@ -127,7 +127,7 @@ module.exports = {
|
|
|
127
127
|
"$description": "Color for text that should stand out a little less. Has sufficient contrast on white.",
|
|
128
128
|
"value": "#757575",
|
|
129
129
|
"$type": "color",
|
|
130
|
-
"filePath": "tokens/src/color/color.ui
|
|
130
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
131
131
|
"isSource": true,
|
|
132
132
|
"original": {
|
|
133
133
|
"$description": "Color for text that should stand out a little less. Has sufficient contrast on white.",
|
|
@@ -152,7 +152,7 @@ module.exports = {
|
|
|
152
152
|
"$description": "Color for text that has sufficient contrast on dark backgrounds.",
|
|
153
153
|
"value": "#ffffff",
|
|
154
154
|
"$type": "color",
|
|
155
|
-
"filePath": "tokens/src/color/color.ui
|
|
155
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
156
156
|
"isSource": true,
|
|
157
157
|
"original": {
|
|
158
158
|
"$description": "Color for text that has sufficient contrast on dark backgrounds.",
|
|
@@ -177,7 +177,7 @@ module.exports = {
|
|
|
177
177
|
"$description": "Color for highlighting portions of text. To be used together with bg-text-marked",
|
|
178
178
|
"value": "#004078",
|
|
179
179
|
"$type": "color",
|
|
180
|
-
"filePath": "tokens/src/color/color.ui
|
|
180
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
181
181
|
"isSource": true,
|
|
182
182
|
"original": {
|
|
183
183
|
"$description": "Color for highlighting portions of text. To be used together with bg-text-marked",
|
|
@@ -204,7 +204,7 @@ module.exports = {
|
|
|
204
204
|
"$description": "Text color to communicate uncritical information within system feedback components.",
|
|
205
205
|
"value": "#004078",
|
|
206
206
|
"$type": "color",
|
|
207
|
-
"filePath": "tokens/src/color/color.ui
|
|
207
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
208
208
|
"isSource": true,
|
|
209
209
|
"original": {
|
|
210
210
|
"$description": "Text color to communicate uncritical information within system feedback components.",
|
|
@@ -232,7 +232,7 @@ module.exports = {
|
|
|
232
232
|
"$description": "Icon color to communicate uncritical information within system feedback components.",
|
|
233
233
|
"value": "#005eb1",
|
|
234
234
|
"$type": "color",
|
|
235
|
-
"filePath": "tokens/src/color/color.ui
|
|
235
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
236
236
|
"isSource": true,
|
|
237
237
|
"original": {
|
|
238
238
|
"$description": "Icon color to communicate uncritical information within system feedback components.",
|
|
@@ -260,7 +260,7 @@ module.exports = {
|
|
|
260
260
|
"$description": "Color for interactive text to communicate uncritical information within system feedback components.",
|
|
261
261
|
"value": "#006fd0",
|
|
262
262
|
"$type": "color",
|
|
263
|
-
"filePath": "tokens/src/color/color.ui
|
|
263
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
264
264
|
"isSource": true,
|
|
265
265
|
"original": {
|
|
266
266
|
"$description": "Color for interactive text to communicate uncritical information within system feedback components.",
|
|
@@ -290,7 +290,7 @@ module.exports = {
|
|
|
290
290
|
"$description": "Text color to noticeably communicate uncritical information within system feedback components.",
|
|
291
291
|
"value": "#845d01",
|
|
292
292
|
"$type": "color",
|
|
293
|
-
"filePath": "tokens/src/color/color.ui
|
|
293
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
294
294
|
"isSource": true,
|
|
295
295
|
"original": {
|
|
296
296
|
"$description": "Text color to noticeably communicate uncritical information within system feedback components.",
|
|
@@ -318,7 +318,7 @@ module.exports = {
|
|
|
318
318
|
"$description": "Icon color to noticeably communicate uncritical information within system feedback components.",
|
|
319
319
|
"value": "#845d01",
|
|
320
320
|
"$type": "color",
|
|
321
|
-
"filePath": "tokens/src/color/color.ui
|
|
321
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
322
322
|
"isSource": true,
|
|
323
323
|
"original": {
|
|
324
324
|
"$description": "Icon color to noticeably communicate uncritical information within system feedback components.",
|
|
@@ -346,7 +346,7 @@ module.exports = {
|
|
|
346
346
|
"$description": "Color for interactive text to noticeably communicate uncritical information within system feedback components.",
|
|
347
347
|
"value": "#845d01",
|
|
348
348
|
"$type": "color",
|
|
349
|
-
"filePath": "tokens/src/color/color.ui
|
|
349
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
350
350
|
"isSource": true,
|
|
351
351
|
"original": {
|
|
352
352
|
"$description": "Color for interactive text to noticeably communicate uncritical information within system feedback components.",
|
|
@@ -376,7 +376,7 @@ module.exports = {
|
|
|
376
376
|
"$description": "Text color to communicate importance, danger, and immediate action within system feedback components.",
|
|
377
377
|
"value": "#820000",
|
|
378
378
|
"$type": "color",
|
|
379
|
-
"filePath": "tokens/src/color/color.ui
|
|
379
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
380
380
|
"isSource": true,
|
|
381
381
|
"original": {
|
|
382
382
|
"$description": "Text color to communicate importance, danger, and immediate action within system feedback components.",
|
|
@@ -404,7 +404,7 @@ module.exports = {
|
|
|
404
404
|
"$description": "Icon color to communicate importance, danger, and immediate action within system feedback components.",
|
|
405
405
|
"value": "#b20000",
|
|
406
406
|
"$type": "color",
|
|
407
|
-
"filePath": "tokens/src/color/color.ui
|
|
407
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
408
408
|
"isSource": true,
|
|
409
409
|
"original": {
|
|
410
410
|
"$description": "Icon color to communicate importance, danger, and immediate action within system feedback components.",
|
|
@@ -432,7 +432,7 @@ module.exports = {
|
|
|
432
432
|
"$description": "Color for interactive text to communicate importance, danger, and immediate action within system feedback components.",
|
|
433
433
|
"value": "#b20000",
|
|
434
434
|
"$type": "color",
|
|
435
|
-
"filePath": "tokens/src/color/color.ui
|
|
435
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
436
436
|
"isSource": true,
|
|
437
437
|
"original": {
|
|
438
438
|
"$description": "Color for interactive text to communicate importance, danger, and immediate action within system feedback components.",
|
|
@@ -462,7 +462,7 @@ module.exports = {
|
|
|
462
462
|
"$description": "Text color to communicate successful state change within system feedback components.",
|
|
463
463
|
"value": "#064006",
|
|
464
464
|
"$type": "color",
|
|
465
|
-
"filePath": "tokens/src/color/color.ui
|
|
465
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
466
466
|
"isSource": true,
|
|
467
467
|
"original": {
|
|
468
468
|
"$description": "Text color to communicate successful state change within system feedback components.",
|
|
@@ -490,7 +490,7 @@ module.exports = {
|
|
|
490
490
|
"$description": "Icon color to communicate successful state change within system feedback components.",
|
|
491
491
|
"value": "#186218",
|
|
492
492
|
"$type": "color",
|
|
493
|
-
"filePath": "tokens/src/color/color.ui
|
|
493
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
494
494
|
"isSource": true,
|
|
495
495
|
"original": {
|
|
496
496
|
"$description": "Icon color to communicate successful state change within system feedback components.",
|
|
@@ -518,7 +518,7 @@ module.exports = {
|
|
|
518
518
|
"$description": "Color for interactive text to communicate successful state change within system feedback components.",
|
|
519
519
|
"value": "#228b22",
|
|
520
520
|
"$type": "color",
|
|
521
|
-
"filePath": "tokens/src/color/color.ui
|
|
521
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
522
522
|
"isSource": true,
|
|
523
523
|
"original": {
|
|
524
524
|
"$description": "Color for interactive text to communicate successful state change within system feedback components.",
|
|
@@ -548,7 +548,7 @@ module.exports = {
|
|
|
548
548
|
"$description": "Text color to communicate information for debugging purposes within system feedback components.",
|
|
549
549
|
"value": "#4b0085",
|
|
550
550
|
"$type": "color",
|
|
551
|
-
"filePath": "tokens/src/color/color.ui
|
|
551
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
552
552
|
"isSource": true,
|
|
553
553
|
"original": {
|
|
554
554
|
"$description": "Text color to communicate information for debugging purposes within system feedback components.",
|
|
@@ -576,7 +576,7 @@ module.exports = {
|
|
|
576
576
|
"$description": "Icon color to communicate information for debugging purposes within system feedback components.",
|
|
577
577
|
"value": "#5e00a6",
|
|
578
578
|
"$type": "color",
|
|
579
|
-
"filePath": "tokens/src/color/color.ui
|
|
579
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
580
580
|
"isSource": true,
|
|
581
581
|
"original": {
|
|
582
582
|
"$description": "Icon color to communicate information for debugging purposes within system feedback components.",
|
|
@@ -604,7 +604,7 @@ module.exports = {
|
|
|
604
604
|
"$description": "Color for interactive text to communicate information for debugging purposes within system feedback components.",
|
|
605
605
|
"value": "#5e00a6",
|
|
606
606
|
"$type": "color",
|
|
607
|
-
"filePath": "tokens/src/color/color.ui
|
|
607
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
608
608
|
"isSource": true,
|
|
609
609
|
"original": {
|
|
610
610
|
"$description": "Color for interactive text to communicate information for debugging purposes within system feedback components.",
|
|
@@ -634,7 +634,7 @@ module.exports = {
|
|
|
634
634
|
"$description": "Color used to visualize selected elements (ex: selection-text).",
|
|
635
635
|
"value": "#005eb1",
|
|
636
636
|
"$type": "color",
|
|
637
|
-
"filePath": "tokens/src/color/color.ui
|
|
637
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
638
638
|
"isSource": true,
|
|
639
639
|
"original": {
|
|
640
640
|
"$description": "Color used to visualize selected elements (ex: selection-text).",
|
|
@@ -661,7 +661,7 @@ module.exports = {
|
|
|
661
661
|
"$description": "Text color to communicate that something is in progress.",
|
|
662
662
|
"value": "#005eb1",
|
|
663
663
|
"$type": "color",
|
|
664
|
-
"filePath": "tokens/src/color/color.ui
|
|
664
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
665
665
|
"isSource": true,
|
|
666
666
|
"original": {
|
|
667
667
|
"$description": "Text color to communicate that something is in progress.",
|
|
@@ -689,7 +689,7 @@ module.exports = {
|
|
|
689
689
|
"$description": "Fill color to communicate that something is in progress. Use for charts.",
|
|
690
690
|
"value": "#006fd0",
|
|
691
691
|
"$type": "color",
|
|
692
|
-
"filePath": "tokens/src/color/color.ui
|
|
692
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
693
693
|
"isSource": true,
|
|
694
694
|
"original": {
|
|
695
695
|
"$description": "Fill color to communicate that something is in progress. Use for charts.",
|
|
@@ -717,7 +717,7 @@ module.exports = {
|
|
|
717
717
|
"$description": "Icon color to communicate that something is in progress.",
|
|
718
718
|
"value": "#006fd0",
|
|
719
719
|
"$type": "color",
|
|
720
|
-
"filePath": "tokens/src/color/color.ui
|
|
720
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
721
721
|
"isSource": true,
|
|
722
722
|
"original": {
|
|
723
723
|
"$description": "Icon color to communicate that something is in progress.",
|
|
@@ -747,7 +747,7 @@ module.exports = {
|
|
|
747
747
|
"$description": "Text color to communicate something has moved or changed.",
|
|
748
748
|
"value": "#845d01",
|
|
749
749
|
"$type": "color",
|
|
750
|
-
"filePath": "tokens/src/color/color.ui
|
|
750
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
751
751
|
"isSource": true,
|
|
752
752
|
"original": {
|
|
753
753
|
"$description": "Text color to communicate something has moved or changed.",
|
|
@@ -775,7 +775,7 @@ module.exports = {
|
|
|
775
775
|
"$description": "Fill color to communicate something has moved or changed. Use for charts.",
|
|
776
776
|
"value": "#ffbe24",
|
|
777
777
|
"$type": "color",
|
|
778
|
-
"filePath": "tokens/src/color/color.ui
|
|
778
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
779
779
|
"isSource": true,
|
|
780
780
|
"original": {
|
|
781
781
|
"$description": "Fill color to communicate something has moved or changed. Use for charts.",
|
|
@@ -803,7 +803,7 @@ module.exports = {
|
|
|
803
803
|
"$description": "Icon color to communicate something has moved or changed.",
|
|
804
804
|
"value": "#d09200",
|
|
805
805
|
"$type": "color",
|
|
806
|
-
"filePath": "tokens/src/color/color.ui
|
|
806
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
807
807
|
"isSource": true,
|
|
808
808
|
"original": {
|
|
809
809
|
"$description": "Icon color to communicate something has moved or changed.",
|
|
@@ -833,7 +833,7 @@ module.exports = {
|
|
|
833
833
|
"$description": "Text color to communicate that an action or validation has failed on an item.",
|
|
834
834
|
"value": "#b20000",
|
|
835
835
|
"$type": "color",
|
|
836
|
-
"filePath": "tokens/src/color/color.ui
|
|
836
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
837
837
|
"isSource": true,
|
|
838
838
|
"original": {
|
|
839
839
|
"$description": "Text color to communicate that an action or validation has failed on an item.",
|
|
@@ -861,7 +861,7 @@ module.exports = {
|
|
|
861
861
|
"$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
|
|
862
862
|
"value": "#e52222",
|
|
863
863
|
"$type": "color",
|
|
864
|
-
"filePath": "tokens/src/color/color.ui
|
|
864
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
865
865
|
"isSource": true,
|
|
866
866
|
"original": {
|
|
867
867
|
"$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
|
|
@@ -889,7 +889,7 @@ module.exports = {
|
|
|
889
889
|
"$description": "Icon color to communicate that an action or validation has failed on an item.",
|
|
890
890
|
"value": "#e52222",
|
|
891
891
|
"$type": "color",
|
|
892
|
-
"filePath": "tokens/src/color/color.ui
|
|
892
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
893
893
|
"isSource": true,
|
|
894
894
|
"original": {
|
|
895
895
|
"$description": "Icon color to communicate that an action or validation has failed on an item.",
|
|
@@ -919,7 +919,7 @@ module.exports = {
|
|
|
919
919
|
"$description": "Text color to communicate that an action has completed, or something has been added.",
|
|
920
920
|
"value": "#186218",
|
|
921
921
|
"$type": "color",
|
|
922
|
-
"filePath": "tokens/src/color/color.ui
|
|
922
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
923
923
|
"isSource": true,
|
|
924
924
|
"original": {
|
|
925
925
|
"$description": "Text color to communicate that an action has completed, or something has been added.",
|
|
@@ -947,7 +947,7 @@ module.exports = {
|
|
|
947
947
|
"$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
|
|
948
948
|
"value": "#228b22",
|
|
949
949
|
"$type": "color",
|
|
950
|
-
"filePath": "tokens/src/color/color.ui
|
|
950
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
951
951
|
"isSource": true,
|
|
952
952
|
"original": {
|
|
953
953
|
"$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
|
|
@@ -975,7 +975,7 @@ module.exports = {
|
|
|
975
975
|
"$description": "Icon color to communicate that an action has completed, or something has been added.",
|
|
976
976
|
"value": "#228b22",
|
|
977
977
|
"$type": "color",
|
|
978
|
-
"filePath": "tokens/src/color/color.ui
|
|
978
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
979
979
|
"isSource": true,
|
|
980
980
|
"original": {
|
|
981
981
|
"$description": "Icon color to communicate that an action has completed, or something has been added.",
|
|
@@ -1005,7 +1005,7 @@ module.exports = {
|
|
|
1005
1005
|
"$description": "Text color to communicate neutral or unknown status.",
|
|
1006
1006
|
"value": "#595959",
|
|
1007
1007
|
"$type": "color",
|
|
1008
|
-
"filePath": "tokens/src/color/color.ui
|
|
1008
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1009
1009
|
"isSource": true,
|
|
1010
1010
|
"original": {
|
|
1011
1011
|
"$description": "Text color to communicate neutral or unknown status.",
|
|
@@ -1033,7 +1033,7 @@ module.exports = {
|
|
|
1033
1033
|
"$description": "Fill color to communicate neutral or unknown status. Use for charts.",
|
|
1034
1034
|
"value": "#757575",
|
|
1035
1035
|
"$type": "color",
|
|
1036
|
-
"filePath": "tokens/src/color/color.ui
|
|
1036
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1037
1037
|
"isSource": true,
|
|
1038
1038
|
"original": {
|
|
1039
1039
|
"$description": "Fill color to communicate neutral or unknown status. Use for charts.",
|
|
@@ -1061,7 +1061,7 @@ module.exports = {
|
|
|
1061
1061
|
"$description": "Icon color to communicate neutral or unknown status.",
|
|
1062
1062
|
"value": "#757575",
|
|
1063
1063
|
"$type": "color",
|
|
1064
|
-
"filePath": "tokens/src/color/color.ui
|
|
1064
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1065
1065
|
"isSource": true,
|
|
1066
1066
|
"original": {
|
|
1067
1067
|
"$description": "Icon color to communicate neutral or unknown status.",
|
|
@@ -1094,7 +1094,7 @@ module.exports = {
|
|
|
1094
1094
|
"$description": "Background color for hover state of bigger areas or subtle buttons.",
|
|
1095
1095
|
"value": "#f5f5f5",
|
|
1096
1096
|
"$type": "color",
|
|
1097
|
-
"filePath": "tokens/src/color/color.ui
|
|
1097
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1098
1098
|
"isSource": true,
|
|
1099
1099
|
"original": {
|
|
1100
1100
|
"$description": "Background color for hover state of bigger areas or subtle buttons.",
|
|
@@ -1121,7 +1121,7 @@ module.exports = {
|
|
|
1121
1121
|
"$description": "Background color for active state of bigger areas or subtle buttons.",
|
|
1122
1122
|
"value": "#ebe9e9",
|
|
1123
1123
|
"$type": "color",
|
|
1124
|
-
"filePath": "tokens/src/color/color.ui
|
|
1124
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1125
1125
|
"isSource": true,
|
|
1126
1126
|
"original": {
|
|
1127
1127
|
"$description": "Background color for active state of bigger areas or subtle buttons.",
|
|
@@ -1148,7 +1148,7 @@ module.exports = {
|
|
|
1148
1148
|
"$description": "Background color for interactive elements that reveal their base state on:hover of a parent element, eg. in a table row. Note that this is not to be conflated with the disabled state, which is communicated via opacity.",
|
|
1149
1149
|
"value": "#aeaeae",
|
|
1150
1150
|
"$type": "color",
|
|
1151
|
-
"filePath": "tokens/src/color/color.ui
|
|
1151
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1152
1152
|
"isSource": true,
|
|
1153
1153
|
"original": {
|
|
1154
1154
|
"$description": "Background color for interactive elements that reveal their base state on:hover of a parent element, eg. in a table row. Note that this is not to be conflated with the disabled state, which is communicated via opacity.",
|
|
@@ -1177,7 +1177,7 @@ module.exports = {
|
|
|
1177
1177
|
"$description": "Background color to communicate uncritical information within system feedback components.",
|
|
1178
1178
|
"value": "#cee6fb",
|
|
1179
1179
|
"$type": "color",
|
|
1180
|
-
"filePath": "tokens/src/color/color.ui
|
|
1180
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1181
1181
|
"isSource": true,
|
|
1182
1182
|
"original": {
|
|
1183
1183
|
"$description": "Background color to communicate uncritical information within system feedback components.",
|
|
@@ -1204,7 +1204,7 @@ module.exports = {
|
|
|
1204
1204
|
"$description": "Background color to noticeably communicate uncritical information within system feedback components.",
|
|
1205
1205
|
"value": "#ffefca",
|
|
1206
1206
|
"$type": "color",
|
|
1207
|
-
"filePath": "tokens/src/color/color.ui
|
|
1207
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1208
1208
|
"isSource": true,
|
|
1209
1209
|
"original": {
|
|
1210
1210
|
"$description": "Background color to noticeably communicate uncritical information within system feedback components.",
|
|
@@ -1231,7 +1231,7 @@ module.exports = {
|
|
|
1231
1231
|
"$description": "Background color to communicate importance, danger, and immediate action within system feedback components.",
|
|
1232
1232
|
"value": "#fcdddd",
|
|
1233
1233
|
"$type": "color",
|
|
1234
|
-
"filePath": "tokens/src/color/color.ui
|
|
1234
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1235
1235
|
"isSource": true,
|
|
1236
1236
|
"original": {
|
|
1237
1237
|
"$description": "Background color to communicate importance, danger, and immediate action within system feedback components.",
|
|
@@ -1258,7 +1258,7 @@ module.exports = {
|
|
|
1258
1258
|
"$description": "Background color to communicate successful state change within system feedback components.",
|
|
1259
1259
|
"value": "#def7de",
|
|
1260
1260
|
"$type": "color",
|
|
1261
|
-
"filePath": "tokens/src/color/color.ui
|
|
1261
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1262
1262
|
"isSource": true,
|
|
1263
1263
|
"original": {
|
|
1264
1264
|
"$description": "Background color to communicate successful state change within system feedback components.",
|
|
@@ -1285,7 +1285,7 @@ module.exports = {
|
|
|
1285
1285
|
"$description": "Background color to communicate information for debugging purposes within system feedback components.",
|
|
1286
1286
|
"value": "#dfcced",
|
|
1287
1287
|
"$type": "color",
|
|
1288
|
-
"filePath": "tokens/src/color/color.ui
|
|
1288
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1289
1289
|
"isSource": true,
|
|
1290
1290
|
"original": {
|
|
1291
1291
|
"$description": "Background color to communicate information for debugging purposes within system feedback components.",
|
|
@@ -1313,7 +1313,7 @@ module.exports = {
|
|
|
1313
1313
|
"$description": "Background Color used to visualize selected elements (ex: selection-bg).",
|
|
1314
1314
|
"value": "#cee6fb",
|
|
1315
1315
|
"$type": "color",
|
|
1316
|
-
"filePath": "tokens/src/color/color.ui
|
|
1316
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1317
1317
|
"isSource": true,
|
|
1318
1318
|
"original": {
|
|
1319
1319
|
"$description": "Background Color used to visualize selected elements (ex: selection-bg).",
|
|
@@ -1339,7 +1339,7 @@ module.exports = {
|
|
|
1339
1339
|
"$description": "Background color to communicate that something is in progress (ex: status-progress-text).",
|
|
1340
1340
|
"value": "#006fd0",
|
|
1341
1341
|
"$type": "color",
|
|
1342
|
-
"filePath": "tokens/src/color/color.ui
|
|
1342
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1343
1343
|
"isSource": true,
|
|
1344
1344
|
"original": {
|
|
1345
1345
|
"$description": "Background color to communicate that something is in progress (ex: status-progress-text).",
|
|
@@ -1366,7 +1366,7 @@ module.exports = {
|
|
|
1366
1366
|
"$description": "Background color to communicate something has moved or changed.",
|
|
1367
1367
|
"value": "#ffbe24",
|
|
1368
1368
|
"$type": "color",
|
|
1369
|
-
"filePath": "tokens/src/color/color.ui
|
|
1369
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1370
1370
|
"isSource": true,
|
|
1371
1371
|
"original": {
|
|
1372
1372
|
"$description": "Background color to communicate something has moved or changed.",
|
|
@@ -1393,7 +1393,7 @@ module.exports = {
|
|
|
1393
1393
|
"$description": "Background color to communicate that an action or validation has failed on an item.",
|
|
1394
1394
|
"value": "#e52222",
|
|
1395
1395
|
"$type": "color",
|
|
1396
|
-
"filePath": "tokens/src/color/color.ui
|
|
1396
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1397
1397
|
"isSource": true,
|
|
1398
1398
|
"original": {
|
|
1399
1399
|
"$description": "Background color to communicate that an action or validation has failed on an item.",
|
|
@@ -1420,7 +1420,7 @@ module.exports = {
|
|
|
1420
1420
|
"$description": "Background color to communicate that an action has completed, or something has been added.",
|
|
1421
1421
|
"value": "#228b22",
|
|
1422
1422
|
"$type": "color",
|
|
1423
|
-
"filePath": "tokens/src/color/color.ui
|
|
1423
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1424
1424
|
"isSource": true,
|
|
1425
1425
|
"original": {
|
|
1426
1426
|
"$description": "Background color to communicate that an action has completed, or something has been added.",
|
|
@@ -1448,7 +1448,7 @@ module.exports = {
|
|
|
1448
1448
|
"$description": "Text color to communicate neutral or unknown status.",
|
|
1449
1449
|
"value": "#595959",
|
|
1450
1450
|
"$type": "color",
|
|
1451
|
-
"filePath": "tokens/src/color/color.ui
|
|
1451
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1452
1452
|
"isSource": true,
|
|
1453
1453
|
"original": {
|
|
1454
1454
|
"$description": "Text color to communicate neutral or unknown status.",
|
|
@@ -1480,7 +1480,7 @@ module.exports = {
|
|
|
1480
1480
|
"value": "#ffffff",
|
|
1481
1481
|
"themeable": true,
|
|
1482
1482
|
"$type": "color",
|
|
1483
|
-
"filePath": "tokens/src/color/color.ui
|
|
1483
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1484
1484
|
"isSource": true,
|
|
1485
1485
|
"original": {
|
|
1486
1486
|
"$description": "Default color used for backgrounds.",
|
|
@@ -1509,7 +1509,7 @@ module.exports = {
|
|
|
1509
1509
|
"value": "#f5f5f5",
|
|
1510
1510
|
"themeable": true,
|
|
1511
1511
|
"$type": "color",
|
|
1512
|
-
"filePath": "tokens/src/color/color.ui
|
|
1512
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1513
1513
|
"isSource": true,
|
|
1514
1514
|
"original": {
|
|
1515
1515
|
"$description": "Lightest background color that is discernible on normal monitors.",
|
|
@@ -1538,7 +1538,7 @@ module.exports = {
|
|
|
1538
1538
|
"value": "#ebe9e9",
|
|
1539
1539
|
"themeable": true,
|
|
1540
1540
|
"$type": "color",
|
|
1541
|
-
"filePath": "tokens/src/color/color.ui
|
|
1541
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1542
1542
|
"isSource": true,
|
|
1543
1543
|
"original": {
|
|
1544
1544
|
"$description": "Medium background color for boxes etc.",
|
|
@@ -1568,7 +1568,7 @@ module.exports = {
|
|
|
1568
1568
|
"$description": "Background color for deleted (del) text.",
|
|
1569
1569
|
"value": "#ffe5a7",
|
|
1570
1570
|
"$type": "color",
|
|
1571
|
-
"filePath": "tokens/src/color/color.ui
|
|
1571
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1572
1572
|
"isSource": true,
|
|
1573
1573
|
"original": {
|
|
1574
1574
|
"$description": "Background color for deleted (del) text.",
|
|
@@ -1595,7 +1595,7 @@ module.exports = {
|
|
|
1595
1595
|
"$description": "Background color for deleted (del) areas of text.",
|
|
1596
1596
|
"value": "#ffefca",
|
|
1597
1597
|
"$type": "color",
|
|
1598
|
-
"filePath": "tokens/src/color/color.ui
|
|
1598
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1599
1599
|
"isSource": true,
|
|
1600
1600
|
"original": {
|
|
1601
1601
|
"$description": "Background color for deleted (del) areas of text.",
|
|
@@ -1622,7 +1622,7 @@ module.exports = {
|
|
|
1622
1622
|
"$description": "Background color for inserted (ins) text.",
|
|
1623
1623
|
"value": "#cee6fb",
|
|
1624
1624
|
"$type": "color",
|
|
1625
|
-
"filePath": "tokens/src/color/color.ui
|
|
1625
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1626
1626
|
"isSource": true,
|
|
1627
1627
|
"original": {
|
|
1628
1628
|
"$description": "Background color for inserted (ins) text.",
|
|
@@ -1649,7 +1649,7 @@ module.exports = {
|
|
|
1649
1649
|
"$description": "Background color for highlighting portions of text, that is discernible from 'bg-text-marked'",
|
|
1650
1650
|
"value": "#ebf5ff",
|
|
1651
1651
|
"$type": "color",
|
|
1652
|
-
"filePath": "tokens/src/color/color.ui
|
|
1652
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1653
1653
|
"isSource": true,
|
|
1654
1654
|
"original": {
|
|
1655
1655
|
"$description": "Background color for highlighting portions of text, that is discernible from 'bg-text-marked'",
|
|
@@ -1676,7 +1676,7 @@ module.exports = {
|
|
|
1676
1676
|
"$description": "Background color for highlighting portions of text.",
|
|
1677
1677
|
"value": "#cee6fb",
|
|
1678
1678
|
"$type": "color",
|
|
1679
|
-
"filePath": "tokens/src/color/color.ui
|
|
1679
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1680
1680
|
"isSource": true,
|
|
1681
1681
|
"original": {
|
|
1682
1682
|
"$description": "Background color for highlighting portions of text.",
|
|
@@ -1707,7 +1707,7 @@ module.exports = {
|
|
|
1707
1707
|
"$description": "Border color to communicate uncritical information within system feedback components.",
|
|
1708
1708
|
"value": "#44a8ff",
|
|
1709
1709
|
"$type": "color",
|
|
1710
|
-
"filePath": "tokens/src/color/color.ui
|
|
1710
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1711
1711
|
"isSource": true,
|
|
1712
1712
|
"original": {
|
|
1713
1713
|
"$description": "Border color to communicate uncritical information within system feedback components.",
|
|
@@ -1734,7 +1734,7 @@ module.exports = {
|
|
|
1734
1734
|
"$description": "Border color to noticeably communicate uncritical information within system feedback components.",
|
|
1735
1735
|
"value": "#ffbe24",
|
|
1736
1736
|
"$type": "color",
|
|
1737
|
-
"filePath": "tokens/src/color/color.ui
|
|
1737
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1738
1738
|
"isSource": true,
|
|
1739
1739
|
"original": {
|
|
1740
1740
|
"$description": "Border color to noticeably communicate uncritical information within system feedback components.",
|
|
@@ -1761,7 +1761,7 @@ module.exports = {
|
|
|
1761
1761
|
"$description": "Border color to communicate importance, danger, and immediate action within system feedback components.",
|
|
1762
1762
|
"value": "#fc5e5e",
|
|
1763
1763
|
"$type": "color",
|
|
1764
|
-
"filePath": "tokens/src/color/color.ui
|
|
1764
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1765
1765
|
"isSource": true,
|
|
1766
1766
|
"original": {
|
|
1767
1767
|
"$description": "Border color to communicate importance, danger, and immediate action within system feedback components.",
|
|
@@ -1788,7 +1788,7 @@ module.exports = {
|
|
|
1788
1788
|
"$description": "Border color to communicate successful state change within system feedback components.",
|
|
1789
1789
|
"value": "#5cba5c",
|
|
1790
1790
|
"$type": "color",
|
|
1791
|
-
"filePath": "tokens/src/color/color.ui
|
|
1791
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1792
1792
|
"isSource": true,
|
|
1793
1793
|
"original": {
|
|
1794
1794
|
"$description": "Border color to communicate successful state change within system feedback components.",
|
|
@@ -1815,7 +1815,7 @@ module.exports = {
|
|
|
1815
1815
|
"$description": "Border color to communicate information for debugging purposes within system feedback components.",
|
|
1816
1816
|
"value": "#a572cd",
|
|
1817
1817
|
"$type": "color",
|
|
1818
|
-
"filePath": "tokens/src/color/color.ui
|
|
1818
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1819
1819
|
"isSource": true,
|
|
1820
1820
|
"original": {
|
|
1821
1821
|
"$description": "Border color to communicate information for debugging purposes within system feedback components.",
|
|
@@ -1843,7 +1843,7 @@ module.exports = {
|
|
|
1843
1843
|
"$description": "Default color used for borders within the application.",
|
|
1844
1844
|
"value": "#d3d3d3",
|
|
1845
1845
|
"$type": "color",
|
|
1846
|
-
"filePath": "tokens/src/color/color.ui
|
|
1846
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1847
1847
|
"isSource": true,
|
|
1848
1848
|
"original": {
|
|
1849
1849
|
"$description": "Default color used for borders within the application.",
|
|
@@ -1869,7 +1869,7 @@ module.exports = {
|
|
|
1869
1869
|
"$description": "Border color to communicate that an action or validation has failed on an item.",
|
|
1870
1870
|
"value": "#e52222",
|
|
1871
1871
|
"$type": "color",
|
|
1872
|
-
"filePath": "tokens/src/color/color.ui
|
|
1872
|
+
"filePath": "tokens/src/color/color.ui.json",
|
|
1873
1873
|
"isSource": true,
|
|
1874
1874
|
"original": {
|
|
1875
1875
|
"$description": "Border color to communicate that an action or validation has failed on an item.",
|