@demos-europe/demosplan-ui 0.3.20 → 0.3.21
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/workspace.xml +61 -41
- package/CHANGELOG.md +13 -1
- package/dist/demosplan-ui.umd.js +1 -1
- package/package.json +2 -2
- package/src/components/DpButtonRow/DpButtonRow.vue +8 -2
- package/src/components/DpEditor/DpEditor.vue +46 -33
- package/src/components/DpEditor/DpResizableImage.vue +10 -4
- package/src/components/DpEditor/DpUploadModal.vue +29 -15
- package/src/components/DpUploadFiles/DpUpload.vue +9 -1
- package/src/components/DpUploadFiles/DpUploadFiles.vue +7 -0
- package/tokens/dist/js/boxShadow.js +1 -1
- 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 +145 -5
- package/tokens/dist/js/color.ui.js +145 -5
- package/tokens/dist/js/fontSize.js +1 -1
- package/tokens/dist/js/rounded.js +1 -1
- package/tokens/dist/js/space.js +1 -1
- package/tokens/dist/js/zIndex.js +1 -1
- 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 +1 -1
- 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/textColor.js +5 -0
- package/tokens/src/color/color.ui-tailwind.json +27 -2
- package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_07_2024_08_46_[Changes]/shelved.patch +0 -30538
- package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_07_2024_08_46__Changes_.xml +0 -4
- package/.idea/shelf/Uncommitted_changes_before_Update_at_12_07_2024_14_02_[Changes]/shelved.patch +0 -19
- package/.idea/shelf/Uncommitted_changes_before_Update_at_12_07_2024_14_02__Changes_.xml +0 -4
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 22 Jul 2024 09:37:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -658,13 +658,13 @@ module.exports = {
|
|
|
658
658
|
"status": {
|
|
659
659
|
"progress": {
|
|
660
660
|
"DEFAULT": {
|
|
661
|
-
"$description": "Text color to communicate that something is in progress
|
|
661
|
+
"$description": "Text color to communicate that something is in progress.",
|
|
662
662
|
"value": "#005eb1",
|
|
663
663
|
"$type": "color",
|
|
664
664
|
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
665
665
|
"isSource": true,
|
|
666
666
|
"original": {
|
|
667
|
-
"$description": "Text color to communicate that something is in progress
|
|
667
|
+
"$description": "Text color to communicate that something is in progress.",
|
|
668
668
|
"value": "{color.palette.blue.dark-1}",
|
|
669
669
|
"$type": "color"
|
|
670
670
|
},
|
|
@@ -685,14 +685,42 @@ module.exports = {
|
|
|
685
685
|
"DEFAULT"
|
|
686
686
|
]
|
|
687
687
|
},
|
|
688
|
+
"fill": {
|
|
689
|
+
"$description": "Fill color to communicate that something is in progress. Use for charts.",
|
|
690
|
+
"value": "#006fd0",
|
|
691
|
+
"$type": "color",
|
|
692
|
+
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
693
|
+
"isSource": true,
|
|
694
|
+
"original": {
|
|
695
|
+
"$description": "Fill color to communicate that something is in progress. Use for charts.",
|
|
696
|
+
"value": "{color.palette.blue.base}",
|
|
697
|
+
"$type": "color"
|
|
698
|
+
},
|
|
699
|
+
"name": "ColorUiTailwindTextColorStatusProgressFill",
|
|
700
|
+
"attributes": {
|
|
701
|
+
"category": "color",
|
|
702
|
+
"type": "ui-tailwind",
|
|
703
|
+
"item": "textColor",
|
|
704
|
+
"subitem": "status",
|
|
705
|
+
"state": "progress"
|
|
706
|
+
},
|
|
707
|
+
"path": [
|
|
708
|
+
"color",
|
|
709
|
+
"ui-tailwind",
|
|
710
|
+
"textColor",
|
|
711
|
+
"status",
|
|
712
|
+
"progress",
|
|
713
|
+
"fill"
|
|
714
|
+
]
|
|
715
|
+
},
|
|
688
716
|
"icon": {
|
|
689
|
-
"$description": "Icon color to communicate that something is in progress
|
|
717
|
+
"$description": "Icon color to communicate that something is in progress.",
|
|
690
718
|
"value": "#006fd0",
|
|
691
719
|
"$type": "color",
|
|
692
720
|
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
693
721
|
"isSource": true,
|
|
694
722
|
"original": {
|
|
695
|
-
"$description": "Icon color to communicate that something is in progress
|
|
723
|
+
"$description": "Icon color to communicate that something is in progress.",
|
|
696
724
|
"value": "{color.palette.blue.base}",
|
|
697
725
|
"$type": "color"
|
|
698
726
|
},
|
|
@@ -743,6 +771,34 @@ module.exports = {
|
|
|
743
771
|
"DEFAULT"
|
|
744
772
|
]
|
|
745
773
|
},
|
|
774
|
+
"fill": {
|
|
775
|
+
"$description": "Fill color to communicate something has moved or changed. Use for charts.",
|
|
776
|
+
"value": "#ffbe24",
|
|
777
|
+
"$type": "color",
|
|
778
|
+
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
779
|
+
"isSource": true,
|
|
780
|
+
"original": {
|
|
781
|
+
"$description": "Fill color to communicate something has moved or changed. Use for charts.",
|
|
782
|
+
"value": "{color.palette.yellow.base}",
|
|
783
|
+
"$type": "color"
|
|
784
|
+
},
|
|
785
|
+
"name": "ColorUiTailwindTextColorStatusChangedFill",
|
|
786
|
+
"attributes": {
|
|
787
|
+
"category": "color",
|
|
788
|
+
"type": "ui-tailwind",
|
|
789
|
+
"item": "textColor",
|
|
790
|
+
"subitem": "status",
|
|
791
|
+
"state": "changed"
|
|
792
|
+
},
|
|
793
|
+
"path": [
|
|
794
|
+
"color",
|
|
795
|
+
"ui-tailwind",
|
|
796
|
+
"textColor",
|
|
797
|
+
"status",
|
|
798
|
+
"changed",
|
|
799
|
+
"fill"
|
|
800
|
+
]
|
|
801
|
+
},
|
|
746
802
|
"icon": {
|
|
747
803
|
"$description": "Icon color to communicate something has moved or changed.",
|
|
748
804
|
"value": "#d09200",
|
|
@@ -801,6 +857,34 @@ module.exports = {
|
|
|
801
857
|
"DEFAULT"
|
|
802
858
|
]
|
|
803
859
|
},
|
|
860
|
+
"fill": {
|
|
861
|
+
"$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
|
|
862
|
+
"value": "#e52222",
|
|
863
|
+
"$type": "color",
|
|
864
|
+
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
865
|
+
"isSource": true,
|
|
866
|
+
"original": {
|
|
867
|
+
"$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
|
|
868
|
+
"value": "{color.palette.red.base}",
|
|
869
|
+
"$type": "color"
|
|
870
|
+
},
|
|
871
|
+
"name": "ColorUiTailwindTextColorStatusFailedFill",
|
|
872
|
+
"attributes": {
|
|
873
|
+
"category": "color",
|
|
874
|
+
"type": "ui-tailwind",
|
|
875
|
+
"item": "textColor",
|
|
876
|
+
"subitem": "status",
|
|
877
|
+
"state": "failed"
|
|
878
|
+
},
|
|
879
|
+
"path": [
|
|
880
|
+
"color",
|
|
881
|
+
"ui-tailwind",
|
|
882
|
+
"textColor",
|
|
883
|
+
"status",
|
|
884
|
+
"failed",
|
|
885
|
+
"fill"
|
|
886
|
+
]
|
|
887
|
+
},
|
|
804
888
|
"icon": {
|
|
805
889
|
"$description": "Icon color to communicate that an action or validation has failed on an item.",
|
|
806
890
|
"value": "#e52222",
|
|
@@ -859,6 +943,34 @@ module.exports = {
|
|
|
859
943
|
"DEFAULT"
|
|
860
944
|
]
|
|
861
945
|
},
|
|
946
|
+
"fill": {
|
|
947
|
+
"$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
|
|
948
|
+
"value": "#228b22",
|
|
949
|
+
"$type": "color",
|
|
950
|
+
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
951
|
+
"isSource": true,
|
|
952
|
+
"original": {
|
|
953
|
+
"$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
|
|
954
|
+
"value": "{color.palette.green.base}",
|
|
955
|
+
"$type": "color"
|
|
956
|
+
},
|
|
957
|
+
"name": "ColorUiTailwindTextColorStatusCompleteFill",
|
|
958
|
+
"attributes": {
|
|
959
|
+
"category": "color",
|
|
960
|
+
"type": "ui-tailwind",
|
|
961
|
+
"item": "textColor",
|
|
962
|
+
"subitem": "status",
|
|
963
|
+
"state": "complete"
|
|
964
|
+
},
|
|
965
|
+
"path": [
|
|
966
|
+
"color",
|
|
967
|
+
"ui-tailwind",
|
|
968
|
+
"textColor",
|
|
969
|
+
"status",
|
|
970
|
+
"complete",
|
|
971
|
+
"fill"
|
|
972
|
+
]
|
|
973
|
+
},
|
|
862
974
|
"icon": {
|
|
863
975
|
"$description": "Icon color to communicate that an action has completed, or something has been added.",
|
|
864
976
|
"value": "#228b22",
|
|
@@ -917,6 +1029,34 @@ module.exports = {
|
|
|
917
1029
|
"DEFAULT"
|
|
918
1030
|
]
|
|
919
1031
|
},
|
|
1032
|
+
"fill": {
|
|
1033
|
+
"$description": "Fill color to communicate neutral or unknown status. Use for charts.",
|
|
1034
|
+
"value": "#757575",
|
|
1035
|
+
"$type": "color",
|
|
1036
|
+
"filePath": "tokens/src/color/color.ui-tailwind.json",
|
|
1037
|
+
"isSource": true,
|
|
1038
|
+
"original": {
|
|
1039
|
+
"$description": "Fill color to communicate neutral or unknown status. Use for charts.",
|
|
1040
|
+
"value": "{color.palette.neutral.base}",
|
|
1041
|
+
"$type": "color"
|
|
1042
|
+
},
|
|
1043
|
+
"name": "ColorUiTailwindTextColorStatusNeutralFill",
|
|
1044
|
+
"attributes": {
|
|
1045
|
+
"category": "color",
|
|
1046
|
+
"type": "ui-tailwind",
|
|
1047
|
+
"item": "textColor",
|
|
1048
|
+
"subitem": "status",
|
|
1049
|
+
"state": "neutral"
|
|
1050
|
+
},
|
|
1051
|
+
"path": [
|
|
1052
|
+
"color",
|
|
1053
|
+
"ui-tailwind",
|
|
1054
|
+
"textColor",
|
|
1055
|
+
"status",
|
|
1056
|
+
"neutral",
|
|
1057
|
+
"fill"
|
|
1058
|
+
]
|
|
1059
|
+
},
|
|
920
1060
|
"icon": {
|
|
921
1061
|
"$description": "Icon color to communicate neutral or unknown status.",
|
|
922
1062
|
"value": "#757575",
|
package/tokens/dist/js/space.js
CHANGED
package/tokens/dist/js/zIndex.js
CHANGED
|
@@ -20,13 +20,18 @@ module.exports = {
|
|
|
20
20
|
"message-debug-interactive": "var(--dp-textColor-message-debug-interactive, var(--dp-color-purple-dark-1, #5e00a6));",
|
|
21
21
|
"selected": "var(--dp-textColor-selected, var(--dp-color-blue-dark-1, #005eb1));",
|
|
22
22
|
"status-progress": "var(--dp-textColor-status-progress, var(--dp-color-blue-dark-1, #005eb1));",
|
|
23
|
+
"status-progress-fill": "var(--dp-textColor-status-progress-fill, var(--dp-color-blue-base, #006fd0));",
|
|
23
24
|
"status-progress-icon": "var(--dp-textColor-status-progress-icon, var(--dp-color-blue-base, #006fd0));",
|
|
24
25
|
"status-changed": "var(--dp-textColor-status-changed, var(--dp-color-yellow-dark-2, #845d01));",
|
|
26
|
+
"status-changed-fill": "var(--dp-textColor-status-changed-fill, var(--dp-color-yellow-base, #ffbe24));",
|
|
25
27
|
"status-changed-icon": "var(--dp-textColor-status-changed-icon, var(--dp-color-yellow-dark-1, #d09200));",
|
|
26
28
|
"status-failed": "var(--dp-textColor-status-failed, var(--dp-color-red-dark-1, #b20000));",
|
|
29
|
+
"status-failed-fill": "var(--dp-textColor-status-failed-fill, var(--dp-color-red-base, #e52222));",
|
|
27
30
|
"status-failed-icon": "var(--dp-textColor-status-failed-icon, var(--dp-color-red-base, #e52222));",
|
|
28
31
|
"status-complete": "var(--dp-textColor-status-complete, var(--dp-color-green-dark-1, #186218));",
|
|
32
|
+
"status-complete-fill": "var(--dp-textColor-status-complete-fill, var(--dp-color-green-base, #228b22));",
|
|
29
33
|
"status-complete-icon": "var(--dp-textColor-status-complete-icon, var(--dp-color-green-base, #228b22));",
|
|
30
34
|
"status-neutral": "var(--dp-textColor-status-neutral, var(--dp-color-neutral-dark-1, #595959));",
|
|
35
|
+
"status-neutral-fill": "var(--dp-textColor-status-neutral-fill, var(--dp-color-neutral-base, #757575));",
|
|
31
36
|
"status-neutral-icon": "var(--dp-textColor-status-neutral-icon, var(--dp-color-neutral-base, #757575));"
|
|
32
37
|
};
|
|
@@ -141,12 +141,17 @@
|
|
|
141
141
|
"status": {
|
|
142
142
|
"progress": {
|
|
143
143
|
"DEFAULT": {
|
|
144
|
-
"$description": "Text color to communicate that something is in progress
|
|
144
|
+
"$description": "Text color to communicate that something is in progress.",
|
|
145
145
|
"value": "{color.palette.blue.dark-1}",
|
|
146
146
|
"$type": "color"
|
|
147
147
|
},
|
|
148
|
+
"fill": {
|
|
149
|
+
"$description": "Fill color to communicate that something is in progress. Use for charts.",
|
|
150
|
+
"value": "{color.palette.blue.base}",
|
|
151
|
+
"$type": "color"
|
|
152
|
+
},
|
|
148
153
|
"icon": {
|
|
149
|
-
"$description": "Icon color to communicate that something is in progress
|
|
154
|
+
"$description": "Icon color to communicate that something is in progress.",
|
|
150
155
|
"value": "{color.palette.blue.base}",
|
|
151
156
|
"$type": "color"
|
|
152
157
|
}
|
|
@@ -157,6 +162,11 @@
|
|
|
157
162
|
"value": "{color.palette.yellow.dark-2}",
|
|
158
163
|
"$type": "color"
|
|
159
164
|
},
|
|
165
|
+
"fill": {
|
|
166
|
+
"$description": "Fill color to communicate something has moved or changed. Use for charts.",
|
|
167
|
+
"value": "{color.palette.yellow.base}",
|
|
168
|
+
"$type": "color"
|
|
169
|
+
},
|
|
160
170
|
"icon": {
|
|
161
171
|
"$description": "Icon color to communicate something has moved or changed.",
|
|
162
172
|
"value": "{color.palette.yellow.dark-1}",
|
|
@@ -169,6 +179,11 @@
|
|
|
169
179
|
"value": "{color.palette.red.dark-1}",
|
|
170
180
|
"$type": "color"
|
|
171
181
|
},
|
|
182
|
+
"fill": {
|
|
183
|
+
"$description": "Fill color to communicate that an action or validation has failed on an item. Use for charts.",
|
|
184
|
+
"value": "{color.palette.red.base}",
|
|
185
|
+
"$type": "color"
|
|
186
|
+
},
|
|
172
187
|
"icon": {
|
|
173
188
|
"$description": "Icon color to communicate that an action or validation has failed on an item.",
|
|
174
189
|
"value": "{color.palette.red.base}",
|
|
@@ -181,6 +196,11 @@
|
|
|
181
196
|
"value": "{color.palette.green.dark-1}",
|
|
182
197
|
"$type": "color"
|
|
183
198
|
},
|
|
199
|
+
"fill": {
|
|
200
|
+
"$description": "Fill color to communicate that an action has completed, or something has been added. Use for charts.",
|
|
201
|
+
"value": "{color.palette.green.base}",
|
|
202
|
+
"$type": "color"
|
|
203
|
+
},
|
|
184
204
|
"icon": {
|
|
185
205
|
"$description": "Icon color to communicate that an action has completed, or something has been added.",
|
|
186
206
|
"value": "{color.palette.green.base}",
|
|
@@ -193,6 +213,11 @@
|
|
|
193
213
|
"value": "{color.palette.neutral.dark-1}",
|
|
194
214
|
"$type": "color"
|
|
195
215
|
},
|
|
216
|
+
"fill": {
|
|
217
|
+
"$description": "Fill color to communicate neutral or unknown status. Use for charts.",
|
|
218
|
+
"value": "{color.palette.neutral.base}",
|
|
219
|
+
"$type": "color"
|
|
220
|
+
},
|
|
196
221
|
"icon": {
|
|
197
222
|
"$description": "Icon color to communicate neutral or unknown status.",
|
|
198
223
|
"value": "{color.palette.neutral.base}",
|