@demos-europe/demosplan-ui 0.3.19 → 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.
Files changed (94) hide show
  1. package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21_[Changes]/shelved.patch +36 -0
  2. package/.idea/shelf/Uncommitted_changes_before_Update_at_17_07_2024_15_21__Changes_.xml +4 -0
  3. package/.idea/workspace.xml +37 -7
  4. package/.yarn/install-state.gz +0 -0
  5. package/CHANGELOG.md +20 -1
  6. package/buildTokens.js +157 -41
  7. package/dist/demosplan-ui.umd.js +1 -1
  8. package/package.json +5 -4
  9. package/src/components/DpButtonRow/DpButtonRow.vue +8 -2
  10. package/src/components/DpEditor/DpEditor.vue +46 -33
  11. package/src/components/DpEditor/DpResizableImage.vue +10 -4
  12. package/src/components/DpEditor/DpUploadModal.vue +29 -15
  13. package/src/components/DpUploadFiles/DpUpload.vue +9 -1
  14. package/src/components/DpUploadFiles/DpUploadFiles.vue +7 -0
  15. package/storybook-static/favicon.svg +7 -0
  16. package/storybook-static/index.html +123 -0
  17. package/storybook-static/index.json +1 -0
  18. package/storybook-static/project.json +1 -0
  19. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js +3 -0
  20. package/storybook-static/sb-addons/essentials-actions-2/manager-bundle.js.LEGAL.txt +0 -0
  21. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js +12 -0
  22. package/storybook-static/sb-addons/essentials-backgrounds-3/manager-bundle.js.LEGAL.txt +0 -0
  23. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js +63 -0
  24. package/storybook-static/sb-addons/essentials-controls-1/manager-bundle.js.LEGAL.txt +18 -0
  25. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js +3 -0
  26. package/storybook-static/sb-addons/essentials-measure-6/manager-bundle.js.LEGAL.txt +0 -0
  27. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js +3 -0
  28. package/storybook-static/sb-addons/essentials-outline-7/manager-bundle.js.LEGAL.txt +0 -0
  29. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js +3 -0
  30. package/storybook-static/sb-addons/essentials-toolbars-5/manager-bundle.js.LEGAL.txt +0 -0
  31. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js +3 -0
  32. package/storybook-static/sb-addons/essentials-viewport-4/manager-bundle.js.LEGAL.txt +0 -0
  33. package/storybook-static/sb-addons/links-0/manager-bundle.js +3 -0
  34. package/storybook-static/sb-addons/links-0/manager-bundle.js.LEGAL.txt +0 -0
  35. package/storybook-static/sb-common-assets/fonts.css +31 -0
  36. package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
  37. package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
  38. package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
  39. package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
  40. package/storybook-static/sb-manager/WithTooltip-V3YHNWJZ-TRLNWEGW.js +1 -0
  41. package/storybook-static/sb-manager/chunk-4IYAVH3S.js +348 -0
  42. package/storybook-static/sb-manager/chunk-CXYKRFSY.js +9 -0
  43. package/storybook-static/sb-manager/chunk-LVLAH4SI.js +7 -0
  44. package/storybook-static/sb-manager/chunk-VFHDXWEA.js +406 -0
  45. package/storybook-static/sb-manager/chunk-ZEU7PDD3.js +1 -0
  46. package/storybook-static/sb-manager/formatter-SWP5E3XI-7BGIK6BL.js +156 -0
  47. package/storybook-static/sb-manager/globals-module-info.js +1 -0
  48. package/storybook-static/sb-manager/globals.js +1 -0
  49. package/storybook-static/sb-manager/index.js +1 -0
  50. package/storybook-static/sb-manager/runtime.js +1 -0
  51. package/storybook-static/sb-manager/syntaxhighlighter-B5GMVT5T-EA5ASEYD.js +1 -0
  52. package/storybook-static/stories.json +1 -0
  53. package/tailwind.config.js +27 -1
  54. package/tokens/dist/js/boxShadow.js +13 -81
  55. package/tokens/dist/js/breakpoints.js +1 -1
  56. package/tokens/dist/js/color.brand.js +19 -7
  57. package/tokens/dist/js/color.data.js +85 -29
  58. package/tokens/dist/js/color.palette.js +175 -59
  59. package/tokens/dist/js/color.ui-tailwind.js +1899 -0
  60. package/tokens/dist/js/color.ui.js +2063 -57
  61. package/tokens/dist/js/fontSize.js +1 -1
  62. package/tokens/dist/js/rounded.js +1 -77
  63. package/tokens/dist/js/space.js +1 -1
  64. package/tokens/dist/js/zIndex.js +1 -1
  65. package/tokens/dist/scss/_boxShadow.scss +1 -1
  66. package/tokens/dist/scss/_breakpoints.scss +1 -1
  67. package/tokens/dist/scss/_color.brand.scss +1 -1
  68. package/tokens/dist/scss/_color.data.scss +1 -1
  69. package/tokens/dist/scss/_color.palette.scss +1 -1
  70. package/tokens/dist/scss/_color.ui.scss +1 -1
  71. package/tokens/dist/scss/_fontSize.scss +1 -1
  72. package/tokens/dist/scss/_rounded.scss +1 -1
  73. package/tokens/dist/scss/_space.scss +1 -1
  74. package/tokens/dist/scss/_zIndex.scss +1 -1
  75. package/tokens/dist/tailwind/backgroundColor.js +24 -0
  76. package/tokens/dist/tailwind/borderColor.js +9 -0
  77. package/tokens/dist/tailwind/color.brand.js +8 -0
  78. package/tokens/dist/tailwind/color.data.js +30 -0
  79. package/tokens/dist/tailwind/color.js +5 -0
  80. package/tokens/dist/tailwind/color.palette.js +60 -0
  81. package/tokens/dist/tailwind/textColor.js +37 -0
  82. package/tokens/src/boxShadow.json +16 -8
  83. package/tokens/src/color/color.brand.json +12 -6
  84. package/tokens/src/color/color.data.json +56 -28
  85. package/tokens/src/color/color.palette.json +116 -58
  86. package/tokens/src/color/color.ui-tailwind.json +401 -0
  87. package/tokens/src/color/color.ui.json +114 -57
  88. package/tokens/tokens.color.stories.mdx +83 -34
  89. package/tokens/tokens.space.stories.mdx +20 -20
  90. package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_07_2024_08_46_[Changes]/shelved.patch +0 -30538
  91. package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_07_2024_08_46__Changes_.xml +0 -4
  92. package/.idea/shelf/Uncommitted_changes_before_Update_at_12_07_2024_14_02_[Changes]/shelved.patch +0 -19
  93. package/.idea/shelf/Uncommitted_changes_before_Update_at_12_07_2024_14_02__Changes_.xml +0 -4
  94. package/style/index.css +0 -7
package/tokens/src/color/color.data.json CHANGED
@@ -5,97 +5,125 @@
5
5
  "11": {
6
6
  "$description": "11 Step palette",
7
7
  "1": {
8
- "value": "#a50026"
8
+ "value": "#a50026",
9
+ "$type": "color"
9
10
  },
10
11
  "2": {
11
- "value": "#d73027"
12
+ "value": "#d73027",
13
+ "$type": "color"
12
14
  },
13
15
  "3": {
14
- "value": "#f46d43"
16
+ "value": "#f46d43",
17
+ "$type": "color"
15
18
  },
16
19
  "4": {
17
- "value": "#fdae61"
20
+ "value": "#fdae61",
21
+ "$type": "color"
18
22
  },
19
23
  "5": {
20
- "value": "#fee090"
24
+ "value": "#fee090",
25
+ "$type": "color"
21
26
  },
22
27
  "6": {
23
- "value": "#ffffbf"
28
+ "value": "#ffffbf",
29
+ "$type": "color"
24
30
  },
25
31
  "7": {
26
- "value": "#e0f3f8"
32
+ "value": "#e0f3f8",
33
+ "$type": "color"
27
34
  },
28
35
  "8": {
29
- "value": "#abd9e9"
36
+ "value": "#abd9e9",
37
+ "$type": "color"
30
38
  },
31
39
  "9": {
32
- "value": "#74add1"
40
+ "value": "#74add1",
41
+ "$type": "color"
33
42
  },
34
43
  "10": {
35
- "value": "#4575b4"
44
+ "value": "#4575b4",
45
+ "$type": "color"
36
46
  },
37
47
  "11": {
38
- "value": "#313695"
48
+ "value": "#313695",
49
+ "$type": "color"
39
50
  }
40
51
  },
41
52
  "8": {
42
53
  "$description": "8 Step palette",
43
54
  "1": {
44
- "value": "#d73027"
55
+ "value": "#d73027",
56
+ "$type": "color"
45
57
  },
46
58
  "2": {
47
- "value": "#f46d43"
59
+ "value": "#f46d43",
60
+ "$type": "color"
48
61
  },
49
62
  "3": {
50
- "value": "#fdae61"
63
+ "value": "#fdae61",
64
+ "$type": "color"
51
65
  },
52
66
  "4": {
53
- "value": "#fee090"
67
+ "value": "#fee090",
68
+ "$type": "color"
54
69
  },
55
70
  "5": {
56
- "value": "#e0f3f8"
71
+ "value": "#e0f3f8",
72
+ "$type": "color"
57
73
  },
58
74
  "6": {
59
- "value": "#abd9e9"
75
+ "value": "#abd9e9",
76
+ "$type": "color"
60
77
  },
61
78
  "7": {
62
- "value": "#74add1"
79
+ "value": "#74add1",
80
+ "$type": "color"
63
81
  },
64
82
  "8": {
65
- "value": "#4575b4"
83
+ "value": "#4575b4",
84
+ "$type": "color"
66
85
  }
67
86
  },
68
87
  "6": {
69
88
  "$description": "6 Step palette",
70
89
  "1": {
71
- "value": "#d73027"
90
+ "value": "#d73027",
91
+ "$type": "color"
72
92
  },
73
93
  "2": {
74
- "value": "#fc8d59"
94
+ "value": "#fc8d59",
95
+ "$type": "color"
75
96
  },
76
97
  "3": {
77
- "value": "#fee090"
98
+ "value": "#fee090",
99
+ "$type": "color"
78
100
  },
79
101
  "4": {
80
- "value": "#e0f3f8"
102
+ "value": "#e0f3f8",
103
+ "$type": "color"
81
104
  },
82
105
  "5": {
83
- "value": "#91bfdb"
106
+ "value": "#91bfdb",
107
+ "$type": "color"
84
108
  },
85
109
  "6": {
86
- "value": "#4575b4"
110
+ "value": "#4575b4",
111
+ "$type": "color"
87
112
  }
88
113
  },
89
114
  "3": {
90
115
  "$description": "3 Step palette",
91
116
  "1": {
92
- "value": "#fc8d59"
117
+ "value": "#fc8d59",
118
+ "$type": "color"
93
119
  },
94
120
  "2": {
95
- "value": "#f1f1a3"
121
+ "value": "#f1f1a3",
122
+ "$type": "color"
96
123
  },
97
124
  "3": {
98
- "value": "#91bfdb"
125
+ "value": "#91bfdb",
126
+ "$type": "color"
99
127
  }
100
128
  }
101
129
  }
package/tokens/src/color/color.palette.json CHANGED
@@ -4,251 +4,309 @@
4
4
  "$description": "The raw hex values that other color tokens inherit from. Do not use directly.",
5
5
  "black": {
6
6
  "value": "#000",
7
- "themeable": true
7
+ "themeable": true,
8
+ "$type": "color"
8
9
  },
9
10
  "white": {
10
11
  "value": "#fff",
11
- "themeable": true
12
+ "themeable": true,
13
+ "$type": "color"
12
14
  },
13
15
  "neutral": {
14
16
  "$description": "Greyscale palette.",
15
17
  "light-4": {
16
18
  "value": "#f5f5f5",
17
- "themeable": true
19
+ "themeable": true,
20
+ "$type": "color"
18
21
  },
19
22
  "light-3": {
20
23
  "value": "#ebe9e9",
21
- "themeable": true
24
+ "themeable": true,
25
+ "$type": "color"
22
26
  },
23
27
  "light-2": {
24
28
  "value": "#d3d3d3",
25
- "themeable": true
29
+ "themeable": true,
30
+ "$type": "color"
26
31
  },
27
32
  "light-1": {
28
33
  "value": "#aeaeae",
29
- "themeable": true
34
+ "themeable": true,
35
+ "$type": "color"
30
36
  },
31
37
  "base": {
32
38
  "value": "#757575",
33
- "themeable": true
39
+ "themeable": true,
40
+ "$type": "color"
34
41
  },
35
42
  "dark-1": {
36
43
  "value": "#595959",
37
- "themeable": true
44
+ "themeable": true,
45
+ "$type": "color"
38
46
  },
39
47
  "dark-2": {
40
48
  "value": "#333333",
41
- "themeable": true
49
+ "themeable": true,
50
+ "$type": "color"
42
51
  }
43
52
  },
44
53
  "blue": {
45
54
  "light-4": {
46
55
  "value": "#ebf5ff",
47
- "themeable": true
56
+ "themeable": true,
57
+ "$type": "color"
48
58
  },
49
59
  "light-3": {
50
60
  "value": "#cee6fb",
51
- "themeable": true
61
+ "themeable": true,
62
+ "$type": "color"
52
63
  },
53
64
  "light-2": {
54
65
  "value": "#82c5ff",
55
- "themeable": true
66
+ "themeable": true,
67
+ "$type": "color"
56
68
  },
57
69
  "light-1": {
58
70
  "value": "#44a8ff",
59
- "themeable": true
71
+ "themeable": true,
72
+ "$type": "color"
60
73
  },
61
74
  "base": {
62
75
  "value": "#006fd0",
63
- "themeable": true
76
+ "themeable": true,
77
+ "$type": "color"
64
78
  },
65
79
  "dark-1": {
66
80
  "value": "#005eb1",
67
- "themeable": true
81
+ "themeable": true,
82
+ "$type": "color"
68
83
  },
69
84
  "dark-2": {
70
85
  "value": "#004078",
71
- "themeable": true
86
+ "themeable": true,
87
+ "$type": "color"
72
88
  }
73
89
  },
74
90
  "red": {
75
91
  "light-4": {
76
92
  "value": "#fff0f0",
77
- "themeable": true
93
+ "themeable": true,
94
+ "$type": "color"
78
95
  },
79
96
  "light-3": {
80
97
  "value": "#fcdddd",
81
- "themeable": true
98
+ "themeable": true,
99
+ "$type": "color"
82
100
  },
83
101
  "light-2": {
84
102
  "value": "#ffb3b3",
85
- "themeable": true
103
+ "themeable": true,
104
+ "$type": "color"
86
105
  },
87
106
  "light-1": {
88
107
  "value": "#fc5e5e",
89
- "themeable": true
108
+ "themeable": true,
109
+ "$type": "color"
90
110
  },
91
111
  "base": {
92
112
  "value": "#e52222",
93
- "themeable": true
113
+ "themeable": true,
114
+ "$type": "color"
94
115
  },
95
116
  "dark-1": {
96
117
  "value": "#b20000",
97
- "themeable": true
118
+ "themeable": true,
119
+ "$type": "color"
98
120
  },
99
121
  "dark-2": {
100
122
  "value": "#820000",
101
- "themeable": true
123
+ "themeable": true,
124
+ "$type": "color"
102
125
  }
103
126
  },
104
127
  "teal": {
105
128
  "light-4": {
106
129
  "value": "#e6fbff",
107
- "themeable": true
130
+ "themeable": true,
131
+ "$type": "color"
108
132
  },
109
133
  "light-3": {
110
134
  "value": "#bcedf6",
111
- "themeable": true
135
+ "themeable": true,
136
+ "$type": "color"
112
137
  },
113
138
  "light-2": {
114
139
  "value": "#66cee2",
115
- "themeable": true
140
+ "themeable": true,
141
+ "$type": "color"
116
142
  },
117
143
  "light-1": {
118
144
  "value": "#29acc4",
119
- "themeable": true
145
+ "themeable": true,
146
+ "$type": "color"
120
147
  },
121
148
  "base": {
122
149
  "value": "#0095b0",
123
- "themeable": true
150
+ "themeable": true,
151
+ "$type": "color"
124
152
  },
125
153
  "dark-1": {
126
154
  "value": "#007286",
127
- "themeable": true
155
+ "themeable": true,
156
+ "$type": "color"
128
157
  },
129
158
  "dark-2": {
130
159
  "value": "#004f5D",
131
- "themeable": true
160
+ "themeable": true,
161
+ "$type": "color"
132
162
  }
133
163
  },
134
164
  "green": {
135
165
  "light-4": {
136
166
  "value": "#effbef",
137
- "themeable": true
167
+ "themeable": true,
168
+ "$type": "color"
138
169
  },
139
170
  "light-3": {
140
171
  "value": "#def7de",
141
- "themeable": true
172
+ "themeable": true,
173
+ "$type": "color"
142
174
  },
143
175
  "light-2": {
144
176
  "value": "#93e293",
145
- "themeable": true
177
+ "themeable": true,
178
+ "$type": "color"
146
179
  },
147
180
  "light-1": {
148
181
  "value": "#5cba5c",
149
- "themeable": true
182
+ "themeable": true,
183
+ "$type": "color"
150
184
  },
151
185
  "base": {
152
186
  "value": "#228b22",
153
- "themeable": true
187
+ "themeable": true,
188
+ "$type": "color"
154
189
  },
155
190
  "dark-1": {
156
191
  "value": "#186218",
157
- "themeable": true
192
+ "themeable": true,
193
+ "$type": "color"
158
194
  },
159
195
  "dark-2": {
160
196
  "value": "#064006",
161
- "themeable": true
197
+ "themeable": true,
198
+ "$type": "color"
162
199
  }
163
200
  },
164
201
  "yellow": {
165
202
  "light-4": {
166
203
  "value": "#fff7e5",
167
- "themeable": true
204
+ "themeable": true,
205
+ "$type": "color"
168
206
  },
169
207
  "light-3": {
170
208
  "value": "#ffefca",
171
- "themeable": true
209
+ "themeable": true,
210
+ "$type": "color"
172
211
  },
173
212
  "light-2": {
174
213
  "value": "#ffe5a7",
175
- "themeable": true
214
+ "themeable": true,
215
+ "$type": "color"
176
216
  },
177
217
  "light-1": {
178
218
  "value": "#ffd87c",
179
- "themeable": true
219
+ "themeable": true,
220
+ "$type": "color"
180
221
  },
181
222
  "base": {
182
223
  "value": "#ffbe24",
183
- "themeable": true
224
+ "themeable": true,
225
+ "$type": "color"
184
226
  },
185
227
  "dark-1": {
186
228
  "value": "#d09200",
187
- "themeable": true
229
+ "themeable": true,
230
+ "$type": "color"
188
231
  },
189
232
  "dark-2": {
190
233
  "value": "#845d01",
191
- "themeable": true
234
+ "themeable": true,
235
+ "$type": "color"
192
236
  }
193
237
  },
194
238
  "purple": {
195
239
  "light-4": {
196
240
  "value": "#f3ecf8",
197
- "themeable": true
241
+ "themeable": true,
242
+ "$type": "color"
198
243
  },
199
244
  "light-3": {
200
245
  "value": "#dfcced",
201
- "themeable": true
246
+ "themeable": true,
247
+ "$type": "color"
202
248
  },
203
249
  "light-2": {
204
250
  "value": "#bf99db",
205
- "themeable": true
251
+ "themeable": true,
252
+ "$type": "color"
206
253
  },
207
254
  "light-1": {
208
255
  "value": "#a572cd",
209
- "themeable": true
256
+ "themeable": true,
257
+ "$type": "color"
210
258
  },
211
259
  "base": {
212
260
  "value": "#8f4fc0",
213
- "themeable": true
261
+ "themeable": true,
262
+ "$type": "color"
214
263
  },
215
264
  "dark-1": {
216
265
  "value": "#5e00a6",
217
- "themeable": true
266
+ "themeable": true,
267
+ "$type": "color"
218
268
  },
219
269
  "dark-2": {
220
270
  "value": "#4b0085",
221
- "themeable": true
271
+ "themeable": true,
272
+ "$type": "color"
222
273
  }
223
274
  },
224
275
  "magenta": {
225
276
  "light-4": {
226
277
  "value": "#fdedf2",
227
- "themeable": true
278
+ "themeable": true,
279
+ "$type": "color"
228
280
  },
229
281
  "light-3": {
230
282
  "value": "#fbdbe5",
231
- "themeable": true
283
+ "themeable": true,
284
+ "$type": "color"
232
285
  },
233
286
  "light-2": {
234
287
  "value": "#ff9fbd",
235
- "themeable": true
288
+ "themeable": true,
289
+ "$type": "color"
236
290
  },
237
291
  "light-1": {
238
292
  "value": "#e73e79",
239
- "themeable": true
293
+ "themeable": true,
294
+ "$type": "color"
240
295
  },
241
296
  "base": {
242
297
  "value": "#d4004b",
243
- "themeable": true
298
+ "themeable": true,
299
+ "$type": "color"
244
300
  },
245
301
  "dark-1": {
246
302
  "value": "#960739",
247
- "themeable": true
303
+ "themeable": true,
304
+ "$type": "color"
248
305
  },
249
306
  "dark-2": {
250
307
  "value": "#650324",
251
- "themeable": true
308
+ "themeable": true,
309
+ "$type": "color"
252
310
  }
253
311
  }
254
312
  }