@finos/legend-extension-dsl-data-quality 2.1.50 → 2.1.52

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-validation-gui-editor.scss CHANGED
@@ -57,15 +57,15 @@
57
57
  }
58
58
 
59
59
  input {
60
- background: var(--color-dark-grey-100);
61
- color: var(--color-light-grey-200);
60
+ background: var(--color-bg-panel);
61
+ color: var(--color-text-secondary);
62
62
  padding: 0 1rem;
63
63
  border-radius: 0.2rem;
64
64
  font-weight: 500;
65
- border: 0.1rem solid var(--color-dark-grey-300);
65
+ border: 0.1rem solid var(--color-border-strong);
66
66
 
67
67
  &::placeholder {
68
- color: var(--color-dark-grey-500);
68
+ color: var(--color-text-disabled);
69
69
  }
70
70
  }
71
71
 
@@ -86,8 +86,8 @@
86
86
  width: 10rem;
87
87
  flex: 1;
88
88
  height: 100%;
89
- color: var(--color-dark-grey-500);
90
- background: var(--color-dark-grey-100);
89
+ color: var(--color-text-disabled);
90
+ background: var(--color-bg-panel);
91
91
  padding-left: 0.5rem;
92
92
  overflow: hidden;
93
93
  text-overflow: ellipsis;
@@ -106,7 +106,7 @@
106
106
  }
107
107
 
108
108
  & .value-spec-editor__list-editor__preview {
109
- background-color: var(--color-dark-grey-100);
109
+ background-color: var(--color-bg-panel);
110
110
  }
111
111
  }
112
112
 
@@ -126,8 +126,8 @@
126
126
 
127
127
  &:disabled {
128
128
  cursor: not-allowed;
129
- border: 0.1rem solid var(--color-dark-grey-100) !important;
130
- background: var(--color-dark-grey-100);
129
+ border: 0.1rem solid var(--color-border-subtle) !important;
130
+ background: var(--color-bg-panel);
131
131
  }
132
132
  }
133
133
 
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  &__column-list-item {
167
- color: var(--color-light-grey-300);
167
+ color: var(--color-text-secondary);
168
168
  font-weight: 500;
169
169
  font-size: 1.2rem;
170
170
 
@@ -189,8 +189,8 @@
189
189
  justify-content: center;
190
190
  flex: 2rem 0 0;
191
191
  height: 2.8rem;
192
- color: var(--color-light-grey-0);
193
- background: var(--color-dark-grey-300);
192
+ color: var(--color-text-primary);
193
+ background: var(--color-bg-tag);
194
194
  border-radius: 0.2rem;
195
195
  cursor: pointer;
196
196
  }
@@ -200,8 +200,8 @@
200
200
 
201
201
  width: 2.8rem;
202
202
  height: 2.8rem;
203
- color: var(--color-light-grey-0);
204
- background: var(--color-dark-grey-300);
203
+ color: var(--color-text-primary);
204
+ background: var(--color-bg-tag);
205
205
  border-radius: 0.2rem;
206
206
  cursor: pointer;
207
207
 
@@ -234,7 +234,7 @@
234
234
  color: var(--color-blue-200);
235
235
  font-size: 1rem;
236
236
  padding: 0.2rem 0.8rem;
237
- background: var(--color-dark-grey-200);
237
+ background: var(--color-bg-panel-header);
238
238
  border-radius: 0.2rem;
239
239
  }
240
240
 
@@ -242,7 +242,7 @@
242
242
  position: relative;
243
243
  margin-left: 1rem;
244
244
  padding-left: 1rem;
245
- border-left: 0.1rem dashed var(--color-dark-grey-400);
245
+ border-left: 0.1rem dashed var(--color-border-strong);
246
246
 
247
247
  &:not(:last-child) {
248
248
  margin-bottom: 0.2rem;
@@ -259,7 +259,7 @@
259
259
  top: 1.4rem;
260
260
  width: 0.8rem;
261
261
  height: 0.1rem;
262
- background: var(--color-dark-grey-400);
262
+ background: var(--color-bg-tag);
263
263
  }
264
264
  }
265
265
  }
@@ -268,7 +268,7 @@
268
268
  @include flexVCenter;
269
269
 
270
270
  gap: 0.4rem;
271
- background: var(--color-dark-grey-50);
271
+ background: var(--color-bg-app);
272
272
  padding: 0.8rem;
273
273
  border-radius: 0.2rem;
274
274
 
@@ -277,8 +277,8 @@
277
277
 
278
278
  flex: 0 0 2.8rem;
279
279
  height: 2.8rem;
280
- color: var(--color-light-grey-0);
281
- background: var(--color-dark-grey-300);
280
+ color: var(--color-text-primary);
281
+ background: var(--color-bg-tag);
282
282
  border-radius: 0.2rem;
283
283
  cursor: pointer;
284
284
 
package/style/data-quality-custom-selector.scss CHANGED
@@ -21,22 +21,22 @@
21
21
 
22
22
  width: 100%;
23
23
  height: 2.8rem;
24
- border: 0.1rem solid var(--color-dark-grey-280);
24
+ border: 0.1rem solid var(--color-border-default);
25
25
  border-radius: 0.2rem;
26
26
  cursor: pointer;
27
- background: var(--color-dark-grey-100);
27
+ background: var(--color-bg-panel);
28
28
 
29
29
  &[disabled] {
30
30
  cursor: not-allowed;
31
- background: var(--color-dark-grey-50);
32
- border-color: var(--color-dark-grey-200);
31
+ background: var(--color-bg-app);
32
+ border-color: var(--color-border-default);
33
33
 
34
34
  .data-quality-custom-selector__label {
35
- color: var(--color-dark-grey-300);
35
+ color: var(--color-text-muted);
36
36
  }
37
37
 
38
38
  .data-quality-custom-selector__dropdown__trigger svg {
39
- color: var(--color-dark-grey-300);
39
+ color: var(--color-text-muted);
40
40
  }
41
41
  }
42
42
 
@@ -46,7 +46,7 @@
46
46
  padding: 0 0.5rem;
47
47
  height: 100%;
48
48
  width: calc(100% - 2rem);
49
- color: var(--color-light-grey-400);
49
+ color: var(--color-text-muted);
50
50
  font-size: 1.2rem;
51
51
  user-select: none;
52
52
  }
@@ -62,10 +62,10 @@
62
62
  border: none;
63
63
  background: transparent;
64
64
  cursor: pointer;
65
- color: var(--color-light-grey-400);
65
+ color: var(--color-text-muted);
66
66
 
67
67
  &:hover {
68
- color: var(--color-light-grey-100);
68
+ color: var(--color-text-primary);
69
69
  }
70
70
 
71
71
  svg {
@@ -81,7 +81,7 @@
81
81
  height: 100%;
82
82
 
83
83
  svg {
84
- color: var(--color-light-grey-200);
84
+ color: var(--color-text-secondary);
85
85
  font-size: 1.2rem;
86
86
  }
87
87
  }
@@ -93,7 +93,7 @@
93
93
  padding: 0 1rem;
94
94
  cursor: pointer;
95
95
  font-size: 1.2rem;
96
- color: var(--color-light-grey-400);
96
+ color: var(--color-text-muted);
97
97
 
98
98
  &:hover {
99
99
  background: var(--color-dark-blue-shade-100);
package/style/index.scss CHANGED
@@ -69,7 +69,7 @@
69
69
  }
70
70
 
71
71
  .structure-validations-btn {
72
- color: var(--color-light-grey-0);
72
+ color: var(--color-text-on-accent);
73
73
  height: 2.2rem;
74
74
  border-radius: 0.2rem;
75
75
  margin-right: 0.3rem;
@@ -109,11 +109,11 @@
109
109
 
110
110
  &__absolute-date {
111
111
  padding-bottom: 1rem;
112
- border-top: 0.1rem solid var(--color-dark-grey-50);
112
+ border-top: 0.1rem solid var(--color-border-subtle);
113
113
 
114
114
  &__input {
115
115
  height: 2.8rem;
116
- border: 0.1rem solid var(--color-dark-grey-300);
116
+ border: 0.1rem solid var(--color-border-strong);
117
117
  color-scheme: dark;
118
118
  font-size: 1.2rem;
119
119
  }
@@ -152,7 +152,7 @@
152
152
  }
153
153
 
154
154
  &__divider {
155
- color: var(--color-light-grey-200);
155
+ color: var(--color-text-secondary);
156
156
  margin-right: 1rem;
157
157
  }
158
158
 
@@ -169,8 +169,8 @@
169
169
  justify-content: center;
170
170
  padding: 0.7rem;
171
171
  height: 2.2rem;
172
- background: var(--color-dark-grey-280);
173
- color: var(--color-light-grey-200);
172
+ background: var(--color-bg-elevated);
173
+ color: var(--color-text-secondary);
174
174
  white-space: nowrap;
175
175
  line-height: 1.8rem;
176
176
  border-radius: 0.1rem;
@@ -183,9 +183,9 @@
183
183
  @include flexVCenter;
184
184
 
185
185
  min-height: 2.8rem;
186
- border: 0.1rem solid var(--color-dark-grey-280);
186
+ border: 0.1rem solid var(--color-border-default);
187
187
  border-radius: 0.2rem;
188
- background: var(--color-dark-grey-100);
188
+ background: var(--color-bg-panel);
189
189
 
190
190
  &__tags {
191
191
  display: flex;
@@ -198,7 +198,7 @@
198
198
  }
199
199
 
200
200
  &__placeholder {
201
- color: var(--color-dark-grey-400);
201
+ color: var(--color-text-muted);
202
202
  font-size: 1.2rem;
203
203
  user-select: none;
204
204
  }
@@ -208,10 +208,10 @@
208
208
 
209
209
  height: 2rem;
210
210
  padding: 0 0.3rem 0 0.6rem;
211
- background: var(--color-dark-grey-280);
211
+ background: var(--color-bg-elevated);
212
212
  border-radius: 0.2rem;
213
213
  font-size: 1.1rem;
214
- color: var(--color-light-grey-300);
214
+ color: var(--color-text-secondary);
215
215
  gap: 0.3rem;
216
216
 
217
217
  &__label {
@@ -227,12 +227,12 @@
227
227
  background: none;
228
228
  padding: 0;
229
229
  cursor: pointer;
230
- color: var(--color-light-grey-400);
230
+ color: var(--color-text-muted);
231
231
  border-radius: 0.2rem;
232
232
 
233
233
  &:hover {
234
- background: var(--color-dark-grey-400);
235
- color: var(--color-light-grey-100);
234
+ background: var(--color-bg-tag);
235
+ color: var(--color-text-primary);
236
236
  }
237
237
 
238
238
  svg {