@finos/legend-extension-dsl-data-quality 2.1.49 → 2.1.51

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 (13) hide show
  1. package/lib/data-quality-custom-selector.css +2 -2
  2. package/lib/data-quality-custom-selector.css.map +1 -1
  3. package/lib/index.css +2 -2
  4. package/lib/index.css.map +1 -1
  5. package/lib/package.json +1 -1
  6. package/package.json +9 -9
  7. package/style/_data-quality-relation-comparison-editor.scss +30 -30
  8. package/style/_data-quality-relation-validation-builder.scss +43 -43
  9. package/style/_data-quality-relation-validation-suggestion-panel.scss +8 -8
  10. package/style/_data-quality-validation-builder.scss +109 -104
  11. package/style/_data-quality-validation-gui-editor.scss +20 -20
  12. package/style/data-quality-custom-selector.scss +11 -11
  13. package/style/index.scss +14 -14
package/style/_data-quality-relation-comparison-editor.scss CHANGED
@@ -19,26 +19,26 @@
19
19
  .data-quality-relation-comparison-editor {
20
20
  height: 100%;
21
21
  width: 100%;
22
- background: var(--color-dark-grey-50);
22
+ background: var(--color-bg-app);
23
23
 
24
24
  .panel {
25
25
  height: 100%;
26
26
  width: 100%;
27
27
 
28
28
  &__header__title__label {
29
- background: var(--color-dark-grey-250);
29
+ background: var(--color-bg-hover);
30
30
  }
31
31
 
32
32
  &__content {
33
- background: var(--color-dark-grey-50);
33
+ background: var(--color-bg-app);
34
34
  }
35
35
 
36
36
  &__header {
37
37
  padding-left: 0.5rem;
38
- color: var(--color-light-grey-300);
38
+ color: var(--color-text-secondary);
39
39
  font-weight: bold;
40
- background: var(--color-dark-grey-50);
41
- border-bottom: 0.1rem solid var(--color-dark-grey-200);
40
+ background: var(--color-bg-app);
41
+ border-bottom: 0.1rem solid var(--color-border-default);
42
42
  }
43
43
  }
44
44
 
@@ -54,7 +54,7 @@
54
54
  align-items: center;
55
55
  justify-content: end;
56
56
  gap: 1rem;
57
- background: var(--color-dark-grey-50);
57
+ background: var(--color-bg-app);
58
58
  margin-top: 2rem;
59
59
  height: 4rem;
60
60
  padding-top: 0.5rem;
@@ -71,9 +71,9 @@
71
71
 
72
72
  height: 100%;
73
73
  padding: 0 1rem;
74
- background: var(--color-dark-grey-280);
74
+ background: var(--color-bg-elevated);
75
75
  border-radius: 0.2rem 0 0 0.2rem;
76
- color: var(--color-light-grey-300);
76
+ color: var(--color-text-secondary);
77
77
  font-size: 1.2rem;
78
78
  text-transform: lowercase;
79
79
  white-space: nowrap;
@@ -83,9 +83,9 @@
83
83
  width: 7rem;
84
84
  height: 2.8rem;
85
85
  padding: 0 0.8rem;
86
- color: var(--color-light-grey-150);
87
- background: var(--color-dark-grey-100);
88
- border: 0.1rem solid var(--color-dark-grey-300);
86
+ color: var(--color-text-primary);
87
+ background: var(--color-bg-panel);
88
+ border: 0.1rem solid var(--color-border-strong);
89
89
  border-radius: 0.2rem;
90
90
  }
91
91
 
@@ -121,7 +121,7 @@
121
121
  padding: 0.8rem 1rem;
122
122
  margin: 0 1rem 1rem;
123
123
  border-radius: 0.2rem;
124
- background: var(--color-dark-grey-200);
124
+ background: var(--color-bg-panel-header);
125
125
  border: 0.1rem solid var(--color-red-200);
126
126
 
127
127
  &__icon {
@@ -149,11 +149,11 @@
149
149
  cursor: pointer;
150
150
  font-size: 1.2rem;
151
151
  white-space: nowrap;
152
- color: var(--color-light-grey-200);
153
- background: var(--color-dark-grey-300);
152
+ color: var(--color-text-secondary);
153
+ background: var(--color-bg-tag);
154
154
 
155
155
  &:hover:not(:disabled) {
156
- background: var(--color-dark-grey-350);
156
+ background: var(--color-bg-tag);
157
157
  }
158
158
 
159
159
  &:disabled {
@@ -174,7 +174,7 @@
174
174
  padding: 0.8rem 1rem;
175
175
  margin: 0 1rem 1rem;
176
176
  border-radius: 0.2rem;
177
- background: var(--color-dark-grey-200);
177
+ background: var(--color-bg-panel-header);
178
178
  border: 0.1rem solid var(--color-yellow-200);
179
179
 
180
180
  &__icon {
@@ -206,7 +206,7 @@
206
206
  height: 2.8rem;
207
207
  padding-left: 2rem;
208
208
  font-weight: 500;
209
- color: var(--color-light-grey-300);
209
+ color: var(--color-text-secondary);
210
210
  }
211
211
 
212
212
  &__content {
@@ -216,7 +216,7 @@
216
216
  margin-right: 2rem;
217
217
  padding-top: 0.5rem;
218
218
  overflow: hidden;
219
- border-bottom: 0.1rem solid var(--color-dark-grey-200);
219
+ border-bottom: 0.1rem solid var(--color-border-default);
220
220
  }
221
221
 
222
222
  &__title {
@@ -224,8 +224,8 @@
224
224
 
225
225
  @include flexVCenter;
226
226
 
227
- background: var(--color-dark-grey-200);
228
- color: var(--color-light-grey-100);
227
+ background: var(--color-bg-panel-header);
228
+ color: var(--color-text-primary);
229
229
  padding: 0 1rem;
230
230
  border-radius: 0.2rem;
231
231
  margin: 0;
@@ -252,7 +252,7 @@
252
252
  &__header-group {
253
253
  display: flex;
254
254
  flex-direction: row;
255
- color: var(--color-light-grey-300);
255
+ color: var(--color-text-secondary);
256
256
 
257
257
  @include flexVCenter;
258
258
  }
@@ -262,8 +262,8 @@
262
262
 
263
263
  @include flexVCenter;
264
264
 
265
- background: var(--color-dark-grey-200);
266
- color: var(--color-light-grey-100);
265
+ background: var(--color-bg-panel-header);
266
+ color: var(--color-text-primary);
267
267
  padding: 0 1rem;
268
268
  border-radius: 0.2rem;
269
269
  margin: 0;
@@ -282,7 +282,7 @@
282
282
  @include flexVCenter;
283
283
 
284
284
  margin-left: 1rem;
285
- color: var(--color-light-grey-400);
285
+ color: var(--color-text-muted);
286
286
  font-size: 1.2rem;
287
287
  }
288
288
 
@@ -293,7 +293,7 @@
293
293
 
294
294
  &__viewer {
295
295
  height: 35rem !important;
296
- border: 0.1rem solid var(--color-dark-grey-280);
296
+ border: 0.1rem solid var(--color-border-default);
297
297
  }
298
298
  }
299
299
 
@@ -309,7 +309,7 @@
309
309
  }
310
310
 
311
311
  &__description {
312
- color: var(--color-light-grey-300);
312
+ color: var(--color-text-secondary);
313
313
  font-size: 1.2rem;
314
314
  line-height: 1.8rem;
315
315
  }
@@ -326,13 +326,13 @@
326
326
  flex-direction: column;
327
327
  gap: 1.2rem;
328
328
  padding: 1.2rem;
329
- border: 0.1rem solid var(--color-dark-grey-200);
329
+ border: 0.1rem solid var(--color-border-default);
330
330
  border-radius: 0.2rem;
331
- background: var(--color-dark-grey-50);
331
+ background: var(--color-bg-app);
332
332
  }
333
333
 
334
334
  &__section__title {
335
- color: var(--color-light-grey-100);
335
+ color: var(--color-text-primary);
336
336
  font-size: 1.2rem;
337
337
  font-weight: 700;
338
338
  letter-spacing: 0.04rem;
package/style/_data-quality-relation-validation-builder.scss CHANGED
@@ -38,8 +38,8 @@
38
38
  padding-right: 0.5rem;
39
39
  padding-left: 0.5rem;
40
40
  margin-right: 0.5rem;
41
- color: var(--color-light-grey-100);
42
- background: var(--color-dark-grey-200);
41
+ color: var(--color-text-primary);
42
+ background: var(--color-bg-panel-header);
43
43
  font-weight: 500;
44
44
  width: 200px;
45
45
  }
@@ -68,31 +68,31 @@
68
68
  .panel {
69
69
  height: 100%;
70
70
  width: 100%;
71
- background: var(--color-dark-grey-50);
71
+ background: var(--color-bg-app);
72
72
 
73
73
  &__header {
74
74
  padding-left: 0.5rem;
75
- color: var(--color-light-grey-300);
75
+ color: var(--color-text-secondary);
76
76
  font-weight: bold;
77
- background: var(--color-dark-grey-50);
78
- border-bottom: 0.1rem solid var(--color-dark-grey-200);
77
+ background: var(--color-bg-app);
78
+ border-bottom: 0.1rem solid var(--color-border-default);
79
79
  }
80
80
 
81
81
  &__header__title__label {
82
- background: var(--color-dark-grey-250);
82
+ background: var(--color-bg-hover);
83
83
  }
84
84
 
85
85
  &__header__action {
86
- color: var(--color-light-grey-400);
86
+ color: var(--color-text-muted);
87
87
  }
88
88
 
89
89
  &__header__action[disabled] svg {
90
- color: var(--color-dark-grey-300) !important;
90
+ color: var(--color-text-muted) !important;
91
91
  }
92
92
 
93
93
  &__content {
94
94
  height: calc(100% - 5.6rem);
95
- background: var(--color-dark-grey-50);
95
+ background: var(--color-bg-app);
96
96
  }
97
97
 
98
98
  &__content > div:first-child {
@@ -129,9 +129,9 @@
129
129
 
130
130
  display: inline-flex;
131
131
  height: 100%;
132
- color: var(--color-light-grey-400);
132
+ color: var(--color-text-muted);
133
133
  padding: 0 1rem;
134
- border-right: 0.1rem solid var(--color-dark-grey-80);
134
+ border-right: 0.1rem solid var(--color-border-subtle);
135
135
  white-space: nowrap;
136
136
  cursor: pointer;
137
137
  }
@@ -154,7 +154,7 @@
154
154
 
155
155
  border-radius: 0.2rem;
156
156
  margin-left: 1rem;
157
- color: var(--color-light-grey-300);
157
+ color: var(--color-text-secondary);
158
158
 
159
159
  svg {
160
160
  font-size: 1.2rem;
@@ -188,7 +188,7 @@
188
188
  }
189
189
 
190
190
  &__definition {
191
- background-color: var(--color-dark-grey-50);
191
+ background-color: var(--color-bg-app);
192
192
  height: 100%;
193
193
  width: 100%;
194
194
  padding: 1rem;
@@ -213,7 +213,7 @@
213
213
  &__header-group {
214
214
  display: flex;
215
215
  flex-direction: row;
216
- color: var(--color-light-grey-300);
216
+ color: var(--color-text-secondary);
217
217
 
218
218
  @include flexVCenter;
219
219
  }
@@ -242,11 +242,11 @@
242
242
  align-items: center;
243
243
  justify-content: center;
244
244
  border-radius: 0.2rem;
245
- background: var(--color-dark-grey-200);
245
+ background: var(--color-bg-panel-header);
246
246
  padding-left: 1rem;
247
247
  padding-right: 1rem;
248
248
  font-weight: 500;
249
- color: var(--color-light-grey-100);
249
+ color: var(--color-text-primary);
250
250
  }
251
251
 
252
252
  &__header__add-btn {
@@ -262,7 +262,7 @@
262
262
  @include flexCenter;
263
263
 
264
264
  background: var(--color-blue-200);
265
- color: var(--color-light-grey-50);
265
+ color: var(--color-text-primary);
266
266
  padding-left: 2rem;
267
267
  padding-right: 2rem;
268
268
  gap: 1rem;
@@ -274,8 +274,8 @@
274
274
 
275
275
  @include flexVCenter;
276
276
 
277
- background: var(--color-dark-grey-200);
278
- color: var(--color-light-grey-100);
277
+ background: var(--color-bg-panel-header);
278
+ color: var(--color-text-primary);
279
279
  padding: 0 1rem;
280
280
  border-radius: 0.2rem;
281
281
  margin: 0;
@@ -294,10 +294,10 @@
294
294
  margin-top: 0.5rem;
295
295
  height: 4rem;
296
296
  width: 100%;
297
- color: var(--color-dark-grey-300);
297
+ color: var(--color-text-muted);
298
298
  font-weight: 500;
299
299
  user-select: none;
300
- border: 0.2rem dashed var(--color-dark-grey-200);
300
+ border: 0.2rem dashed var(--color-border-default);
301
301
  }
302
302
  }
303
303
 
@@ -307,7 +307,7 @@
307
307
 
308
308
  &__result-viewer {
309
309
  height: 35rem !important;
310
- border: 0.1rem solid var(--color-dark-grey-280);
310
+ border: 0.1rem solid var(--color-border-default);
311
311
  }
312
312
  }
313
313
 
@@ -325,7 +325,7 @@
325
325
  &__actions-bar {
326
326
  display: flex;
327
327
  justify-content: end;
328
- background: var(--color-dark-grey-50);
328
+ background: var(--color-bg-app);
329
329
  margin-top: 2rem;
330
330
  height: 4rem;
331
331
  padding-top: 0.5rem;
@@ -391,11 +391,11 @@
391
391
 
392
392
  &__absolute-date {
393
393
  padding-bottom: 1rem;
394
- border-top: 0.1rem solid var(--color-dark-grey-50);
394
+ border-top: 0.1rem solid var(--color-border-subtle);
395
395
 
396
396
  &__input {
397
397
  height: 2.8rem;
398
- border: 0.1rem solid var(--color-dark-grey-300);
398
+ border: 0.1rem solid var(--color-border-strong);
399
399
  color-scheme: dark;
400
400
  font-size: 1.2rem;
401
401
  }
@@ -414,7 +414,7 @@
414
414
  align-items: center;
415
415
  justify-content: right;
416
416
  width: 25%;
417
- background: var(--color-dark-grey-200);
417
+ background: var(--color-bg-panel-header);
418
418
  margin-right: 0.5rem;
419
419
  }
420
420
 
@@ -441,7 +441,7 @@
441
441
  @include flexVCenter;
442
442
 
443
443
  flex: 0 0 2.5rem;
444
- color: var(--color-light-grey-300);
444
+ color: var(--color-text-secondary);
445
445
  }
446
446
 
447
447
  &__select {
@@ -449,8 +449,8 @@
449
449
 
450
450
  flex: auto;
451
451
  height: 2.8rem;
452
- background: var(--color-dark-grey-50);
453
- color: var(--color-light-grey-100);
452
+ background: var(--color-bg-app);
453
+ color: var(--color-text-primary);
454
454
  border-radius: 0.2rem;
455
455
  }
456
456
 
@@ -459,15 +459,15 @@
459
459
 
460
460
  flex: auto;
461
461
  height: 2.8rem;
462
- background: var(--color-dark-grey-50);
463
- color: var(--color-light-grey-100);
464
- border: 0.1rem solid var(--color-dark-grey-300);
462
+ background: var(--color-bg-app);
463
+ color: var(--color-text-primary);
464
+ border: 0.1rem solid var(--color-border-strong);
465
465
  padding: 0 0.5rem;
466
466
  border-radius: 0.2rem;
467
467
  }
468
468
 
469
469
  &__name::placeholder {
470
- color: var(--color-dark-grey-500);
470
+ color: var(--color-text-disabled);
471
471
  }
472
472
 
473
473
  &__name--with-lock {
@@ -475,8 +475,8 @@
475
475
 
476
476
  flex: auto;
477
477
  height: 2.8rem;
478
- background: var(--color-dark-grey-300);
479
- color: var(--color-light-grey-100);
478
+ background: var(--color-bg-tag);
479
+ color: var(--color-text-primary);
480
480
  padding: 0 1rem;
481
481
  border-radius: 0.2rem;
482
482
  cursor: default;
@@ -513,7 +513,7 @@
513
513
  }
514
514
 
515
515
  &__lambda {
516
- border: 0.1rem solid var(--color-dark-grey-300);
516
+ border: 0.1rem solid var(--color-border-strong);
517
517
  }
518
518
 
519
519
  &__content {
@@ -527,7 +527,7 @@
527
527
  @include flexVCenter;
528
528
 
529
529
  flex: 0 0 2.5rem;
530
- color: var(--color-light-grey-300);
530
+ color: var(--color-text-secondary);
531
531
  }
532
532
 
533
533
  &__name {
@@ -535,15 +535,15 @@
535
535
 
536
536
  flex: auto;
537
537
  height: 2.8rem;
538
- background: var(--color-dark-grey-100);
539
- color: var(--color-light-grey-200);
538
+ background: var(--color-bg-panel);
539
+ color: var(--color-text-secondary);
540
540
  padding: 0 1rem;
541
541
  border-radius: 0.2rem;
542
542
  font-weight: 500;
543
543
  }
544
544
 
545
545
  &__name::placeholder {
546
- color: var(--color-dark-grey-500);
546
+ color: var(--color-text-disabled);
547
547
  }
548
548
 
549
549
  &__name--with-lock {
@@ -551,8 +551,8 @@
551
551
 
552
552
  flex: auto;
553
553
  height: 2.8rem;
554
- background: var(--color-dark-grey-300);
555
- color: var(--color-light-grey-100);
554
+ background: var(--color-bg-tag);
555
+ color: var(--color-text-primary);
556
556
  padding: 0 1rem;
557
557
  border-radius: 0.2rem;
558
558
  cursor: default;
package/style/_data-quality-relation-validation-suggestion-panel.scss CHANGED
@@ -26,7 +26,7 @@
26
26
  align-items: center;
27
27
  justify-content: space-between;
28
28
  flex-shrink: 0;
29
- background: var(--color-dark-grey-250);
29
+ background: var(--color-bg-hover);
30
30
  }
31
31
 
32
32
  &__header__controls {
@@ -38,9 +38,9 @@
38
38
  &__header__title {
39
39
  padding: 0.25rem 0.5rem;
40
40
  border-radius: 0.125rem;
41
- background: var(--color-dark-grey-80);
41
+ background: var(--color-bg-panel-header);
42
42
  font-weight: 700;
43
- color: var(--color-light-grey-100);
43
+ color: var(--color-text-primary);
44
44
  }
45
45
 
46
46
  &__header__filter {
@@ -60,7 +60,7 @@
60
60
  background: var(--color-blue-200);
61
61
  cursor: pointer;
62
62
  border: none;
63
- color: var(--color-light-grey-0);
63
+ color: var(--color-text-on-accent);
64
64
 
65
65
  &:hover:not(:disabled) {
66
66
  background: var(--color-blue-150);
@@ -79,7 +79,7 @@
79
79
  svg {
80
80
  height: 2rem;
81
81
  width: 2rem;
82
- color: var(--color-light-grey-400);
82
+ color: var(--color-text-muted);
83
83
  }
84
84
  }
85
85
 
@@ -88,14 +88,14 @@
88
88
  flex: 1;
89
89
  overflow: auto;
90
90
  padding: 1rem;
91
- background: var(--color-dark-grey-50);
91
+ background: var(--color-bg-app);
92
92
  }
93
93
 
94
94
  &__badge {
95
95
  margin-right: 0.5rem;
96
96
  height: 100%;
97
97
  text-transform: uppercase;
98
- color: var(--color-light-grey-200);
98
+ color: var(--color-text-secondary);
99
99
 
100
100
  &--modification {
101
101
  background: var(--color-orange-200);
@@ -112,7 +112,7 @@
112
112
  justify-content: center;
113
113
  align-items: center;
114
114
  padding: 2rem;
115
- color: var(--color-light-grey-400);
115
+ color: var(--color-text-muted);
116
116
  font-style: italic;
117
117
  font-size: 1.3rem;
118
118
  }