From 69b7edb35eb995df511933e484f8620c4cd49a61 Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 16:50:36 -0500 Subject: [PATCH 1/7] fix: Add missing dependencies to package.json --- packages/legend-vscode-extension-dependencies/package.json | 2 ++ yarn.lock | 2 ++ 2 files changed, 4 insertions(+) diff --git a/packages/legend-vscode-extension-dependencies/package.json b/packages/legend-vscode-extension-dependencies/package.json index 72fbd69bf3..e0498b4715 100644 --- a/packages/legend-vscode-extension-dependencies/package.json +++ b/packages/legend-vscode-extension-dependencies/package.json @@ -42,11 +42,13 @@ }, "dependencies": { "@finos/legend-application": "workspace:*", + "@finos/legend-application-query-bootstrap": "workspace:*", "@finos/legend-application-studio": "workspace:*", "@finos/legend-art": "workspace:*", "@finos/legend-data-cube": "workspace:*", "@finos/legend-extension-dsl-diagram": "workspace:*", "@finos/legend-graph": "workspace:*", + "@finos/legend-lego": "workspace:*", "@finos/legend-query-builder": "workspace:*", "@finos/legend-shared": "workspace:*", "@finos/legend-storage": "workspace:*", diff --git a/yarn.lock b/yarn.lock index 4a4bd7fbb7..286dfcb5fb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3405,12 +3405,14 @@ __metadata: dependencies: "@babel/core": "npm:7.26.0" "@finos/legend-application": "workspace:*" + "@finos/legend-application-query-bootstrap": "workspace:*" "@finos/legend-application-studio": "workspace:*" "@finos/legend-art": "workspace:*" "@finos/legend-data-cube": "workspace:*" "@finos/legend-dev-utils": "workspace:*" "@finos/legend-extension-dsl-diagram": "workspace:*" "@finos/legend-graph": "workspace:*" + "@finos/legend-lego": "workspace:*" "@finos/legend-query-builder": "workspace:*" "@finos/legend-shared": "workspace:*" "@finos/legend-storage": "workspace:*" From 3c2a02ddb89f861a10053f2757ede3b59415a4f8 Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 16:50:53 -0500 Subject: [PATCH 2/7] feat: Additional dependency exports --- packages/legend-vscode-extension-dependencies/src/index.ts | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/legend-vscode-extension-dependencies/src/index.ts b/packages/legend-vscode-extension-dependencies/src/index.ts index 1bd24738c5..fceeb92252 100644 --- a/packages/legend-vscode-extension-dependencies/src/index.ts +++ b/packages/legend-vscode-extension-dependencies/src/index.ts @@ -265,11 +265,15 @@ export { export { type LegendApplicationConfigurationData, type LegendApplicationConfigurationInput, + type SettingConfigurationEntry, ApplicationFrameworkProvider, ApplicationStore, ApplicationStoreProvider, BrowserEnvironmentProvider, + collectSettingConfigurationEntriesFromConfig, Core_LegendApplicationPlugin, + LEGEND_APPLICATION_COLOR_THEME, + LEGEND_APPLICATION_SETTING_KEY, LegendApplicationConfig, LegendApplicationPlugin, LegendApplicationPluginManager, @@ -278,6 +282,7 @@ export { export { type FetchStructureLayoutConfig, + type QueryBuilder_LegendApplicationPlugin_Extension, type QueryBuilderHeaderActionConfiguration, FunctionQueryBuilderState, QueryBuilder_GraphManagerPreset, From f16705213b05e1912550706140a8c2a89a23f97d Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 16:53:50 -0500 Subject: [PATCH 3/7] feat: Export @finos/legend-application-query-bootstrap/lib/index.css from vscode dependencies --- packages/legend-vscode-extension-dependencies/src/index.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/legend-vscode-extension-dependencies/src/index.css b/packages/legend-vscode-extension-dependencies/src/index.css index 86a7cbca9e..42ea959d8b 100644 --- a/packages/legend-vscode-extension-dependencies/src/index.css +++ b/packages/legend-vscode-extension-dependencies/src/index.css @@ -14,10 +14,11 @@ * limitations under the License. */ -@import url('@finos/legend-art/lib/normalize.css'); +@import url('@finos/legend-application-query-bootstrap/lib/index.css'); @import url('@finos/legend-application/lib/index.css'); @import url('@finos/legend-art/lib/index.css'); +@import url('@finos/legend-art/lib/normalize.css'); +@import url('@finos/legend-data-cube/lib/index.css'); @import url('@finos/legend-extension-dsl-diagram/lib/index.css'); @import url('@finos/legend-lego/lib/index.css'); @import url('@finos/legend-query-builder/lib/index.css'); -@import url('@finos/legend-data-cube/lib/index.css'); From fa7eff1b66615c653a10665f97969b7032d85e33 Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 16:55:35 -0500 Subject: [PATCH 4/7] feat: Don't nest QueryBuilder light mode style under .query-editor class selector --- .../style/index.scss | 1459 ++++++++--------- 1 file changed, 722 insertions(+), 737 deletions(-) diff --git a/packages/legend-application-query-bootstrap/style/index.scss b/packages/legend-application-query-bootstrap/style/index.scss index 04b4b420fc..d57a5ec78f 100644 --- a/packages/legend-application-query-bootstrap/style/index.scss +++ b/packages/legend-application-query-bootstrap/style/index.scss @@ -213,16 +213,6 @@ border-color: var(--color-red-180); } - .query-builder__variables__variable__label { - color: var(--color-legacylight-dark-grey-200); - } - - .query-builder__variables__variable:hover - .query-builder__variables__variable__action - svg { - color: var(--color-legacylight-light-blue-100); - } - .panel__content__form__section__list__item:hover { background: transparent; } @@ -1029,1005 +1019,1000 @@ background: var(--color-legacylight-light-grey-300); } - .query-editor { + .query-editor, + .query-builder { color: var(--color-legacylight-dark-grey-200); background: var(--color-white); + } - ::-webkit-scrollbar-thumb { - height: 5rem; - background: var(--color-legacylight-light-grey-300); - outline-offset: -0.2rem; - border-radius: 0.4rem; - outline-color: var(--color-legacylight-light-grey-100); - border-color: var(--color-legacylight-light-grey-100); - } + ::-webkit-scrollbar-thumb { + height: 5rem; + background: var(--color-legacylight-light-grey-300); + outline-offset: -0.2rem; + border-radius: 0.4rem; + outline-color: var(--color-legacylight-light-grey-100); + border-color: var(--color-legacylight-light-grey-100); + } - ::-webkit-scrollbar-track-piece { - background: var(--color-legacylight-light-grey-100); - border-radius: 0; - } + ::-webkit-scrollbar-track-piece { + background: var(--color-legacylight-light-grey-100); + border-radius: 0; + } - .input--with-validation--error, - .input--with-validation--error:focus { - border-color: var(--color-red-180); - } + .input--with-validation--error, + .input--with-validation--error:focus { + border-color: var(--color-red-180); + } - .reflex-container.horizontal > .reflex-splitter:hover, - .reflex-container.horizontal > .reflex-splitter.active { - background: var(--color-dark-grey-500); - } + .reflex-container.horizontal > .reflex-splitter:hover, + .reflex-container.horizontal > .reflex-splitter.active { + background: var(--color-dark-grey-500); + } - .reflex-container.vertical > .reflex-splitter:hover, - .reflex-container.vertical > .reflex-splitter.active { - background: var(--color-dark-grey-500); - } + .reflex-container.vertical > .reflex-splitter:hover, + .reflex-container.vertical > .reflex-splitter.active { + background: var(--color-dark-grey-500); + } - // ------------------------------------ App --------------------------------------- + // ------------------------------------ App --------------------------------------- - .query-editor__header__content__title__text { - color: var(--color-dark-grey-300); - } + .query-editor__header__content__title__text { + color: var(--color-dark-grey-300); + } - .query-editor__logo-header { - background: var(--color-legacylight-light-blue-350); - border-color: var(--color-legacylight-light-blue-600); - } + .query-editor__logo-header { + background: var(--color-legacylight-light-blue-350); + border-color: var(--color-legacylight-light-blue-600); + } - .query-builder__header__statuses { - background: var(--color-legacylight-light-grey-200); - } + .query-builder__header__statuses { + background: var(--color-legacylight-light-grey-200); + } - .query-editor__logo-header__combo__menu { - border-color: var(--color-legacylight-light-blue-600); - background: var(--color-legacylight-light-blue-200); - } + .query-editor__logo-header__combo__menu { + border-color: var(--color-legacylight-light-blue-600); + background: var(--color-legacylight-light-blue-200); + } + + .query-editor__logo-header__combo__menu-item { + color: var(--color-white); + } + + .query-editor__logo-header__combo__name { + color: var(--color-light-grey-180); + } + + .query-editor__header__action__view-project .btn--dark, + .query-editor__header__action.btn--dark { + background: var(--color-legacylight-light-blue-250); + color: var(--color-white); - .query-editor__logo-header__combo__menu-item { + svg { color: var(--color-white); } + } - .query-editor__logo-header__combo__name { - color: var(--color-light-grey-180); - } + .query-editor__header__action.btn--dark:hover { + background: var(--color-legacylight-light-blue-270); + } - .query-editor__header__action__view-project .btn--dark, - .query-editor__header__action.btn--dark { - background: var(--color-legacylight-light-blue-250); - color: var(--color-white); + .query-editor__blocking-alert__summary-text { + color: var(--color-legacylight-dark-grey-400); + } - svg { - color: var(--color-white); - } - } + .query-editor__header__action__icon { + background: var(--color-legacylight-light-blue-250); + color: var(--color-white); + } - .query-editor__header__action.btn--dark:hover { - background: var(--color-legacylight-light-blue-270); - } + .query-editor__header__action__theme-toggler { + background: var(--color-legacylight-light-blue-250); + border: 0.1rem solid var(--color-legacylight-light-blue-250); + } - .query-editor__blocking-alert__summary-text { - color: var(--color-legacylight-dark-grey-400); - } + .query-editor__header__action-combo, + .query-editor__header__action-combo__main-btn { + background: var(--color-legacylight-light-blue-250) !important; + } - .query-editor__header__action__icon { - background: var(--color-legacylight-light-blue-250); - color: var(--color-white); - } + .query-editor__header__action-combo svg, + .query-editor__header__action-combo__main-btn svg { + color: var(--color-white); + } - .query-editor__header__action__theme-toggler { - background: var(--color-legacylight-light-blue-250); - border: 0.1rem solid var(--color-legacylight-light-blue-250); - } + .query-builder__header { + background: var(--color-white); + border-bottom: none; + } - .query-editor__header__action-combo, - .query-editor__header__action-combo__main-btn { - background: var(--color-legacylight-light-blue-250) !important; - } + .query-builder__main { + border-color: var(--color-legacylight-light-grey-300); + background: var(--color-legacylight-light-grey-200); + } - .query-editor__header__action-combo svg, - .query-editor__header__action-combo__main-btn svg { - color: var(--color-white); - } + .query-builder__header__advanced-dropdown { + background: var(--color-legacylight-light-blue-250); + color: var(--color-white); + } - .query-builder__header { - background: var(--color-white); - border-bottom: none; - } + .query-builder__header__advanced-dropdown__label, + .query-builder__header__advanced-dropdown svg, + .query-builder__sub-header__custom-action__label { + color: var(--color-white); + } - .query-builder__main { - border-color: var(--color-legacylight-light-grey-300); - background: var(--color-legacylight-light-grey-200); + // ------------------------------------ Panel --------------------------------------- + + .query-builder .panel__header, + .query-builder .panel__header--dark { + color: var(--color-legacylight-dark-grey-200); + background: var(--color-legacylight-light-grey-100); + border-color: var(--color-legacylight-light-grey-300); + } + + .query-builder .panel__content { + background: var(--color-white); + border-color: var(--color-legacylight-light-grey-300); + border-top: none; + } + + .query-builder .panel__header__action { + svg { + color: var(--color-legacylight-light-blue-100); } - .query-builder__header__advanced-dropdown { - background: var(--color-legacylight-light-blue-250); - color: var(--color-white); + &:hover svg { + color: var(--color-legacylight-light-blue-400); } - .query-builder__header__advanced-dropdown__label, - .query-builder__header__advanced-dropdown svg, - .query-builder__sub-header__custom-action__label { - color: var(--color-white); + &[disabled] { + color: var(--color-light-grey-400) !important; } + } - // ------------------------------------ Panel --------------------------------------- + .query-builder .panel__header__title__label { + background: transparent; + font-size: 1.4rem; + color: var(--color-dark-grey-300); + font-weight: 500; + text-transform: capitalize; + } - .query-builder .panel__header, - .query-builder .panel__header--dark { - color: var(--color-legacylight-dark-grey-200); - background: var(--color-legacylight-light-grey-100); - border-color: var(--color-legacylight-light-grey-300); + .query-builder .editable-value { + color: var(--color-light-blue-200); + } + + .query-builder__projection__result-modifier-prompt__header__label { + background: var(--color-legacylight-light-blue-200); + + &__title { + color: var(--color-white); } - .query-builder .panel__content { - background: var(--color-white); - border-color: var(--color-legacylight-light-grey-300); - border-top: none; + &__icon { + color: var(--color-white); } + } - .query-builder .panel__header__action { + .query-builder__projection__column:hover { + .query-builder-property-expression-badge__property__info { svg { color: var(--color-legacylight-light-blue-100); } + } - &:hover svg { - color: var(--color-legacylight-light-blue-400); - } + .query-builder-property-expression-badge__action { + color: var(--color-light-grey-180); + background: var(--color-legacylight-light-blue-100); + } + } - &[disabled] { - color: var(--color-light-grey-400) !important; - } + .query-builder__projection__column__drag-handle, + .query-builder__olap__column__drag-handle, + .query-builder__projection__column__drag-handle__container + .dnd__entry-drag-handle { + background: var(--color-light-grey-180); + + svg { + color: var(--color-light-grey-400); } + } - .query-builder .panel__header__title__label { - background: transparent; - font-size: 1.4rem; - color: var(--color-dark-grey-300); - font-weight: 500; - text-transform: capitalize; + .query-builder__projection__calendar { + &__container { + background: var(--color-legacylight-light-grey-300); } - .query-builder .editable-value { - color: var(--color-light-blue-200); + &__date__column__dnd__placeholder { + background: var(--color-legacylight-light-grey-100); } - .query-builder__projection__result-modifier-prompt__header__label { - background: var(--color-legacylight-light-blue-200); + &__date__column__label__box { + background: var(--color-blue-50); + } + } - &__title { - color: var(--color-white); - } + .query-builder__projection__calendar__date__column__dnd__placeholder + .dnd__entry-dropzone__placeholder__content { + border-color: var(--color-light-grey-250); + color: var(--color-light-grey-400); + } - &__icon { - color: var(--color-white); - } - } + .query-builder__projection__column__aggregate__calendar__toggler, + .query-builder__projection__column__aggregate__calendar__toggler--active { + background: var(--color-legacylight-light-blue-100); + } - .query-builder__projection__column:hover { - .query-builder-property-expression-badge__property__info { - svg { - color: var(--color-legacylight-light-blue-100); - } - } + .query-builder__projection__column__aggregate__calendar__toggler::after { + border-bottom: 0.5rem solid var(--color-legacylight-light-blue-100); + } - .query-builder-property-expression-badge__action { - color: var(--color-light-grey-180); - background: var(--color-legacylight-light-blue-100); - } - } + // ------------------------------------ Setup Panel --------------------------------------- - .query-builder__projection__column__drag-handle, - .query-builder__olap__column__drag-handle, - .query-builder__projection__column__drag-handle__container - .dnd__entry-drag-handle { - background: var(--color-light-grey-180); + .query-builder__setup__content.panel__content { + background: var(--color-legacylight-light-grey-100); + } - svg { - color: var(--color-light-grey-400); - } + .query-builder__setup__milestoning { + &[disabled] { + background: var(--color-light-grey-180); } + } - .query-builder__projection__calendar { - &__container { - background: var(--color-legacylight-light-grey-300); - } - - &__date__column__dnd__placeholder { - background: var(--color-legacylight-light-grey-100); - } + .query-builder__setup__config-group__item__label { + color: var(--color-dark-grey-300); + } - &__date__column__label__box { - background: var(--color-blue-50); - } - } + .query-builder__setup__runtime-option--custom__label { + background: var(--color-light-grey-50); + border-color: var(--color-light-grey-180); + } - .query-builder__projection__calendar__date__column__dnd__placeholder - .dnd__entry-dropzone__placeholder__content { - border-color: var(--color-light-grey-250); - color: var(--color-light-grey-400); - } + .query-builder__setup__config-group__header { + border-color: var(--color-legacylight-light-grey-200); - .query-builder__projection__column__aggregate__calendar__toggler, - .query-builder__projection__column__aggregate__calendar__toggler--active { - background: var(--color-legacylight-light-blue-100); + &__title { + color: unset; } - .query-builder__projection__column__aggregate__calendar__toggler::after { - border-bottom: 0.5rem solid var(--color-legacylight-light-blue-100); + &__dropdown-trigger svg { + color: var(--color-legacylight-light-blue-100); } + } - // ------------------------------------ Setup Panel --------------------------------------- - - .query-builder__setup__content.panel__content { - background: var(--color-legacylight-light-grey-100); - } + .query-builder__setup__config-group__content { + border-color: var(--color-legacylight-light-blue-350); + } - .query-builder__setup__milestoning { - &[disabled] { - background: var(--color-light-grey-180); - } + .query-builder__setup__config-group--class { + .query-builder__setup__config-group__content { + border-color: var(--color-purple-100); } .query-builder__setup__config-group__item__label { - color: var(--color-dark-grey-300); + border-color: var(--color-purple-0); } + } - .query-builder__setup__runtime-option--custom__label { - background: var(--color-light-grey-50); - border-color: var(--color-light-grey-180); - } + // ------------------------------------ Explorer Panel --------------------------------------- - .query-builder__setup__config-group__header { - border-color: var(--color-legacylight-light-grey-200); + .query-builder-explorer-tree__root-node__label { + background: var(--color-purple-100); + } - &__title { - color: unset; - } + .query-builder-explorer-tree__node__label { + color: var(--color-legacylight-dark-grey-200); + } - &__dropdown-trigger svg { - color: var(--color-legacylight-light-blue-100); - } + .query-builder-explorer-tree__node__container:hover + .query-builder-explorer-tree__node__action + svg { + color: var(--color-legacylight-light-blue-100); + } + + .query-builder-explorer-tree__expand-icon svg { + color: var(--color-legacylight-dark-grey-200); + } + + .query-builder-explorer-tree__node__container--unmapped { + .query-builder-explorer-tree__node__label { + color: var(--color-legacylight-light-grey-300); } - .query-builder__setup__config-group__content { - border-color: var(--color-legacylight-light-blue-350); + .query-builder-explorer-tree__type-icon svg { + color: var(--color-legacylight-light-grey-300); } + } - .query-builder__setup__config-group--class { - .query-builder__setup__config-group__content { - border-color: var(--color-purple-100); - } + .query-builder-explorer-tree__node__container--highlighted + .query-builder-explorer-tree__node__label, + .query-builder-explorer-tree__node__container--highlighted + .query-builder-explorer-tree__node__label__derived-property, + .query-builder-explorer-tree__node__container--highlighted + .query-builder-explorer-tree__node__label__multiple { + color: var(--color-legacylight-orange-100); + } - .query-builder__setup__config-group__item__label { - border-color: var(--color-purple-0); - } + .query-builder-explorer-tree__node__action:hover { + svg { + color: var(--color-legacylight-light-blue-400) !important; } + } - // ------------------------------------ Explorer Panel --------------------------------------- + .query-builder__explorer__property-search__input { + background: var(--color-white); + border-color: var(--color-light-grey-200); + color: var(--color-legacylight-dark-grey-200); - .query-builder-explorer-tree__root-node__label { - background: var(--color-purple-100); + &:focus { + border-color: var(--color-legacylight-light-blue-100); } - .query-builder-explorer-tree__node__label { - color: var(--color-legacylight-dark-grey-200); + &__search__icon svg { + color: var(--color-dark-grey-400); } - .query-builder-explorer-tree__node__container:hover - .query-builder-explorer-tree__node__action - svg { - color: var(--color-legacylight-light-blue-100); + &__search__count { + background: var(--color-legacylight-light-blue-100); + color: var(--color-white); } + } - .query-builder-explorer-tree__expand-icon svg { - color: var(--color-legacylight-dark-grey-200); - } + // ------------------------------------ Function Explorer Panel --------------------------------------- - .query-builder-explorer-tree__node__container--unmapped { - .query-builder-explorer-tree__node__label { - color: var(--color-legacylight-light-grey-300); - } + .query-builder__functions-explorer__tree__type-icon svg { + color: var(--color-legacylight-light-blue-300); + } - .query-builder-explorer-tree__type-icon svg { - color: var(--color-legacylight-light-grey-300); - } - } + .query-builder__functions-explorer__tree__node__label--with-action, + .query-builder__functions-explorer__function__label { + color: var(--color-legacylight-dark-grey-200); + } - .query-builder-explorer-tree__node__container--highlighted - .query-builder-explorer-tree__node__label, - .query-builder-explorer-tree__node__container--highlighted - .query-builder-explorer-tree__node__label__derived-property, - .query-builder-explorer-tree__node__container--highlighted - .query-builder-explorer-tree__node__label__multiple { - color: var(--color-legacylight-orange-100); + .query-builder__functions-explorer__tree__node__container:hover + .query-builder__functions-explorer__tree__node__info, + .query-builder__functions-explorer__function:hover + .query-builder__functions-explorer__function__node__info { + svg { + color: var(--color-legacylight-light-blue-100); } + } - .query-builder-explorer-tree__node__action:hover { - svg { - color: var(--color-legacylight-light-blue-400) !important; - } - } + // ------------------------------------ Parameters Panel --------------------------------------- - .query-builder__explorer__property-search__input { - background: var(--color-white); - border-color: var(--color-light-grey-200); - color: var(--color-legacylight-dark-grey-200); - - &:focus { - border-color: var(--color-legacylight-light-blue-100); - } + .query-builder__variables__variable__label { + color: var(--color-legacylight-dark-grey-200); + } - &__search__icon svg { - color: var(--color-dark-grey-400); - } + .query-builder__variables__variable__type__label { + background: var(--color-light-grey-50); + color: var(--color-dark-grey-500); + border: 0.1rem solid var(--color-light-grey-180); + } - &__search__count { - background: var(--color-legacylight-light-blue-100); - color: var(--color-white); - } - } + .query-builder__variables__variable__type__label--milestoning { + background: var(--color-orange-50); + color: var(--color-white); + border: 0.1rem solid var(--color-orange-50); + } - // ------------------------------------ Function Explorer Panel --------------------------------------- + .query-builder__variables__variable:hover + .query-builder__variables__variable__action + svg { + color: var(--color-legacylight-light-blue-100); + } - .query-builder__functions-explorer__tree__type-icon svg { - color: var(--color-legacylight-light-blue-300); - } + // ------------------------------------ Fetch Structure Panel --------------------------------------- - .query-builder__functions-explorer__tree__node__label--with-action, - .query-builder__functions-explorer__function__label { - color: var(--color-legacylight-dark-grey-200); - } + .query-builder__fetch__structure__mode { + background: var(--color-light-grey-250); + color: var(--color-dark-grey-400); + } - .query-builder__functions-explorer__tree__node__container:hover - .query-builder__functions-explorer__tree__node__info, - .query-builder__functions-explorer__function:hover - .query-builder__functions-explorer__function__node__info { - svg { - color: var(--color-legacylight-light-blue-100); - } - } + .query-builder__fetch__structure__mode--selected { + background: var(--color-legacylight-light-blue-200); + color: var(--color-light-grey-100); + } - // ------------------------------------ Parameters Panel --------------------------------------- + .query-builder-graph-fetch-external-format__config-group__header { + background: var(--color-legacylight-light-blue-350); + } - .query-builder__variables__variable__label { - color: var(--color-legacylight-dark-grey-200); - } + .query-builder-graph-fetch-external-format__config-group__content { + border-color: var(--color-legacylight-light-blue-350); + } - .query-builder__variables__variable__type__label { - background: var(--color-light-grey-50); - color: var(--color-dark-grey-500); - border: 0.1rem solid var(--color-light-grey-180); - } + .query-builder-graph-fetch-tree__actions__action-btn__label { + background: var(--color-legacylight-light-blue-200); + color: var(--color-light-grey-100); + } - .query-builder__variables__variable__type__label--milestoning { - background: var(--color-orange-50); - color: var(--color-white); - border: 0.1rem solid var(--color-orange-50); - } + .query-builder__projection__result-modifier-prompt__group__label { + background: var(--color-light-grey-250); + color: var(--color-legacylight-light-dark-grey-200); + } - .query-builder__variables__variable:hover - .query-builder__variables__variable__action - svg { - color: var(--color-legacylight-light-blue-100); - } + .query-builder__projection__result-modifier-prompt__divider { + color: var(--color-legacylight-light-dark-grey-200); + } - // ------------------------------------ Fetch Structure Panel --------------------------------------- + .query-builder-property-expression-badge__content { + color: var(--color-legacylight-dark-grey-200); + } - .query-builder__fetch__structure__mode { - background: var(--color-light-grey-250); - color: var(--color-dark-grey-400); - } + // ------------------------------------ Projection Panel --------------------------------------- - .query-builder__fetch__structure__mode--selected { - background: var(--color-legacylight-light-blue-200); - color: var(--color-light-grey-100); - } + .query-builder__projection__toolbar { + background: var(--color-legacylight-light-grey-100); + border-color: var(--color-legacylight-light-grey-100); + } - .query-builder-graph-fetch-external-format__config-group__header { - background: var(--color-legacylight-light-blue-350); + .query-builder__projection__column__action .query-builder__icon, + .query-builder__projection__column__action, + .query-builder__olap__column__action { + &:hover svg { + color: var(--color-dark-grey-350); } + } - .query-builder-graph-fetch-external-format__config-group__content { - border-color: var(--color-legacylight-light-blue-350); - } + .query-builder__olap__column__action[disabled] svg { + color: var(--color-light-grey-200); + } - .query-builder-graph-fetch-tree__actions__action-btn__label { - background: var(--color-legacylight-light-blue-200); - color: var(--color-light-grey-100); - } + .query-builder__projection__column__action .query-builder__icon, + .query-builder__projection__column__action svg { + color: var(--color-legacylight-light-grey-300); + } - .query-builder__projection__result-modifier-prompt__group__label { - background: var(--color-light-grey-250); - color: var(--color-legacylight-light-dark-grey-200); - } + .query-builder__projection__column__action[disabled] svg { + color: var(--color-legacylight-light-grey-200); + } - .query-builder__projection__result-modifier-prompt__divider { - color: var(--color-legacylight-light-dark-grey-200); - } + .query-builder__projection__column__aggregate__operator__label { + background: var(--color-legacylight-light-blue-100); + } - .query-builder-property-expression-badge__content { - color: var(--color-legacylight-dark-grey-200); - } + .query-builder__projection__column__aggregate__operator__badge, + .query-builder__olap__column__sortby__operator__badge { + background: var(--color-legacylight-light-blue-200); + color: var(--color-light-grey-100); + } - // ------------------------------------ Projection Panel --------------------------------------- + .query-builder__projection__column__aggregate__operator__dropdown__trigger, + .query-builder__olap__column__sortby__operator__dropdown__trigger, + .query-builder__olap__column__operation__operator__dropdown__trigger { + background: var(--color-blue-200); - .query-builder__projection__options__sort__sortby { - background: var(--color-legacylight-light-blue-200); + svg { + color: var(--color-light-grey-100); } + } - .query-builder__projection__toolbar { - background: var(--color-legacylight-light-grey-100); - border-color: var(--color-legacylight-light-grey-100); - } + .query-builder__projection__column__aggregate__operator__badge--activated, + .query-builder__olap__column__sortby__operator__badge--activated { + background: var(--color-legacylight-light-blue-200); - .query-builder__projection__column__action .query-builder__icon, - .query-builder__projection__column__action, - .query-builder__olap__column__action { - &:hover svg { - color: var(--color-dark-grey-350); - } + svg { + color: var(--color-legacylight-light-grey-100); } + } - .query-builder__olap__column__action[disabled] svg { - color: var(--color-light-grey-200); - } + // ------------------------------------ Graph Fetch Panel --------------------------------------- - .query-builder__projection__column__action .query-builder__icon, - .query-builder__projection__column__action svg { - color: var(--color-legacylight-light-grey-300); - } + .query-builder-graph-fetch-tree__node__label { + color: var(--color-legacylight-dark-grey-200); + } - .query-builder__projection__column__action[disabled] svg { - color: var(--color-legacylight-light-grey-200); - } + .query-builder-graph-fetch-tree__node__type__label { + background: var(--color-light-grey-50); + color: var(--color-dark-grey-500); + border: 0.1rem solid var(--color-light-grey-180); + } - .query-builder__projection__column__aggregate__operator__label { - background: var(--color-legacylight-light-blue-100); - } + .query-builder-graph-fetch-tree__toolbar { + background: var(--color-legacylight-light-grey-100); + border-color: var(--color-legacylight-light-grey-100); - .query-builder__projection__column__aggregate__operator__badge, - .query-builder__olap__column__sortby__operator__badge { - background: var(--color-legacylight-light-blue-200); - color: var(--color-light-grey-100); + .panel__content__form__section__toggler__prompt { + color: var(--color-dark-grey-400); } + } - .query-builder__projection__column__aggregate__operator__dropdown__trigger, - .query-builder__olap__column__sortby__operator__dropdown__trigger, - .query-builder__olap__column__operation__operator__dropdown__trigger { - background: var(--color-blue-200); - - svg { - color: var(--color-light-grey-100); - } + .query-builder-graph-fetch-tree__node__action { + &:hover svg { + color: var(--color-dark-grey-350); } + } - .query-builder__projection__column__aggregate__operator__badge--activated, - .query-builder__olap__column__sortby__operator__badge--activated { - background: var(--color-legacylight-light-blue-200); + .query-builder-graph-fetch-tree__expand-icon svg { + color: var(--color-legacylight-dark-grey-200); + } - svg { - color: var(--color-legacylight-light-grey-100); - } - } + // ------------------------------------ Filter Panel --------------------------------------- - // ------------------------------------ Graph Fetch Panel --------------------------------------- + .query-builder-filter-tree__node__children { + border-color: var(--color-legacylight-light-grey-400); - .query-builder-graph-fetch-tree__node__label { - color: var(--color-legacylight-dark-grey-200); + &::before, + &::after { + border-color: var(--color-legacylight-light-grey-400); } - .query-builder-graph-fetch-tree__node__type__label { - background: var(--color-light-grey-50); - color: var(--color-dark-grey-500); - border: 0.1rem solid var(--color-light-grey-180); + .query-builder-filter-tree__node__block::before { + border-color: var(--color-legacylight-light-grey-400); } + } - .query-builder-graph-fetch-tree__toolbar { - background: var(--color-legacylight-light-grey-100); - border-color: var(--color-legacylight-light-grey-100); - - .panel__content__form__section__toggler__prompt { - color: var(--color-dark-grey-400); - } - } + .query-builder-filter-tree__node__container--selected, + .query-builder-filter-tree__node__container--selected:hover { + background: var(--color-legacylight-light-blue-50); + } - .query-builder-graph-fetch-tree__node__action { - &:hover svg { - color: var(--color-dark-grey-350); - } + .query-builder-filter-tree__node__container:hover, + .query-builder-filter-tree__node__container--selected, + .query-builder-filter-tree__node__container--selected:hover { + .query-builder-property-expression-badge__action { + color: var(--color-light-grey-180); + background: var(--color-legacylight-light-blue-100); } + } - .query-builder-graph-fetch-tree__expand-icon svg { - color: var(--color-legacylight-dark-grey-200); + .query-builder-filter-tree__node__action { + &:hover svg { + color: var(--color-dark-grey-350); } + } - // ------------------------------------ Filter Panel --------------------------------------- - - .query-builder-filter-tree__node__children { - border-color: var(--color-legacylight-light-grey-400); + .query-builder-filter-tree__condition-node__operator__label { + background: var(--color-legacylight-light-blue-200); + } - &::before, - &::after { - border-color: var(--color-legacylight-light-grey-400); - } + .query-builder-filter-tree__condition-node__operator__dropdown__trigger { + background: var(--color-blue-200); + } - .query-builder-filter-tree__node__block::before { - border-color: var(--color-legacylight-light-grey-400); - } - } + .query-builder-filter-tree__node__container--selected + .query-builder-filter-tree__blank-node, + .query-builder-filter-tree__node__container--selected:hover + .query-builder-filter-tree__blank-node, + .query-builder-filter-tree__node__container:hover + .query-builder-filter-tree__blank-node, + .query-builder-filter-tree__blank-node { + border-color: var(--color-light-grey-250); + color: var(--color-light-grey-400); + } - .query-builder-filter-tree__node__container--selected, - .query-builder-filter-tree__node__container--selected:hover { - background: var(--color-legacylight-light-blue-50); - } + .query-builder-filter-tree__expand-icon svg { + color: var(--color-legacylight-dark-grey-200); + } - .query-builder-filter-tree__node__container:hover, - .query-builder-filter-tree__node__container--selected, - .query-builder-filter-tree__node__container--selected:hover { - .query-builder-property-expression-badge__action { - color: var(--color-light-grey-180); - background: var(--color-legacylight-light-blue-100); - } + .query-builder-filter-tree__group-node__drop-zone { + .dnd__entry-dropzone__placeholder__label { + color: var(--color-light-blue-200); } + } - .query-builder-filter-tree__node__action { - &:hover svg { - color: var(--color-dark-grey-350); - } + .query-builder-filter-tree__exists-node { + &__label { + color: var(--color-legacylight-dark-grey-200); } - .query-builder-filter-tree__condition-node__operator__label { - background: var(--color-legacylight-light-blue-200); + &__exists--label__action:hover { + color: var(--color-light-grey-180); + background: var(--color-legacylight-light-blue-400); } + } - .query-builder-filter-tree__condition-node__operator__dropdown__trigger { - background: var(--color-blue-200); - } + .query-builder-filter-property-expression-badge__content { + background: var(--color-light-grey-150); + color: var(--color-dark-grey-400); + } - .query-builder-filter-tree__node__container--selected - .query-builder-filter-tree__blank-node, - .query-builder-filter-tree__node__container--selected:hover - .query-builder-filter-tree__blank-node, - .query-builder-filter-tree__node__container:hover - .query-builder-filter-tree__blank-node, - .query-builder-filter-tree__blank-node { - border-color: var(--color-light-grey-250); - color: var(--color-light-grey-400); + .query-builder-filter-property-expression-badge__type { + &--class { + background: var(--color-purple-100); } - .query-builder-filter-tree__expand-icon svg { - color: var(--color-legacylight-dark-grey-200); + &--enumeration { + background: var(--color-medium-green-450); } - .query-builder-filter-tree__group-node__drop-zone { - .dnd__entry-dropzone__placeholder__label { - color: var(--color-light-blue-200); - } + &--primitive { + background: var(--color-blue-50); } + } - .query-builder-filter-tree__exists-node { - &__label { - color: var(--color-legacylight-dark-grey-200); - } - - &__exists--label__action:hover { - color: var(--color-light-grey-180); - background: var(--color-legacylight-light-blue-400); + .query-builder-filter-property-expression-badge__property { + &__info:hover { + svg { + color: var(--color-dark-grey-350); } } - .query-builder-filter-property-expression-badge__content { - background: var(--color-light-grey-150); + .query-builder__property__name__display__content { color: var(--color-dark-grey-400); } + } - .query-builder-filter-property-expression-badge__type { - &--class { - background: var(--color-purple-100); - } - - &--enumeration { - background: var(--color-medium-green-450); - } - - &--primitive { - background: var(--color-blue-50); + .query-builder-filter-property-expression-badge__action { + &:hover { + svg { + color: var(--color-dark-grey-350); } } + } - .query-builder-filter-property-expression-badge__property { - &__info:hover { - svg { - color: var(--color-dark-grey-350); - } - } + // ------------------------------------ Post-filter Panel --------------------------------------- - .query-builder__property__name__display__content { - color: var(--color-dark-grey-400); - } - } + .query-builder-post-filter-tree__node__children { + border-color: var(--color-legacylight-light-grey-400); - .query-builder-filter-property-expression-badge__action { - &:hover { - svg { - color: var(--color-dark-grey-350); - } - } + &::before, + &::after { + border-color: var(--color-legacylight-light-grey-400); } - // ------------------------------------ Post-filter Panel --------------------------------------- - - .query-builder-post-filter-tree__node__children { + .query-builder-post-filter-tree__node__block::before { border-color: var(--color-legacylight-light-grey-400); + } + } - &::before, - &::after { - border-color: var(--color-legacylight-light-grey-400); - } + .query-builder-column-badge__content { + background: var(--color-light-grey-150); + color: var(--color-dark-grey-400); + } - .query-builder-post-filter-tree__node__block::before { - border-color: var(--color-legacylight-light-grey-400); - } + .query-builder-column-badge__type { + &--class { + background: var(--color-purple-100); } - .query-builder-column-badge__content { - background: var(--color-light-grey-150); - color: var(--color-dark-grey-400); + &--enumeration { + background: var(--color-medium-green-450); } - .query-builder-column-badge__type { - &--class { - background: var(--color-purple-100); - } + &--primitive { + background: var(--color-blue-50); + } + } - &--enumeration { - background: var(--color-medium-green-450); - } + .query-builder-column-badge__property { + color: var(--color-dark-grey-400); + } - &--primitive { - background: var(--color-blue-50); + .query-builder-column-badge__action { + &:hover { + svg { + color: var(--color-dark-grey-350); } } + } - .query-builder-column-badge__property { - color: var(--color-dark-grey-400); - } + .query-builder-post-filter-tree__node__container--selected, + .query-builder-post-filter-tree__node__container--selected:hover { + background: var(--color-legacylight-light-blue-50); + } - .query-builder-column-badge__action { - &:hover { - svg { - color: var(--color-dark-grey-350); - } - } + .query-builder-post-filter-tree__node__action { + &:hover svg { + color: var(--color-dark-grey-350); } + } - .query-builder-post-filter-tree__node__container--selected, - .query-builder-post-filter-tree__node__container--selected:hover { - background: var(--color-legacylight-light-blue-50); - } + .query-builder-post-filter-tree__condition-node__operator__label { + background: var(--color-legacylight-light-blue-200); + } - .query-builder-post-filter-tree__node__action { - &:hover svg { - color: var(--color-dark-grey-350); - } - } + .query-builder-post-filter-tree__condition-node__operator__dropdown__trigger { + background: var(--color-blue-200); + } - .query-builder-post-filter-tree__condition-node__operator__label { - background: var(--color-legacylight-light-blue-200); - } + .query-builder-post-filter-tree__node__container--selected + .query-builder-post-filter-tree__blank-node, + .query-builder-post-filter-tree__node__container--selected:hover + .query-builder-post-filter-tree__blank-node, + .query-builder-post-filter-tree__node__container:hover + .query-builder-post-filter-tree__blank-node, + .query-builder-post-filter-tree__blank-node { + border-color: var(--color-light-grey-250); + color: var(--color-light-grey-400); + } - .query-builder-post-filter-tree__condition-node__operator__dropdown__trigger { - background: var(--color-blue-200); - } + .query-builder-post-filter-tree__expand-icon svg { + color: var(--color-legacylight-dark-grey-200); + } - .query-builder-post-filter-tree__node__container--selected - .query-builder-post-filter-tree__blank-node, - .query-builder-post-filter-tree__node__container--selected:hover - .query-builder-post-filter-tree__blank-node, - .query-builder-post-filter-tree__node__container:hover - .query-builder-post-filter-tree__blank-node, - .query-builder-post-filter-tree__blank-node { - border-color: var(--color-light-grey-250); - color: var(--color-light-grey-400); + .query-builder-post-filter-tree__group-node__drop-zone { + .dnd__entry-dropzone__placeholder__label { + color: var(--color-light-blue-200); } + } - .query-builder-post-filter-tree__expand-icon svg { - color: var(--color-legacylight-dark-grey-200); - } + // ------------------------------------ OLAP Panel --------------------------------------- - .query-builder-post-filter-tree__group-node__drop-zone { - .dnd__entry-dropzone__placeholder__label { - color: var(--color-light-blue-200); - } + .query-builder__olap__column__drag-handle__container .dnd__entry-drag-handle { + background: var(--color-light-grey-180); + + svg { + color: var(--color-light-grey-400); } + } - // ------------------------------------ OLAP Panel --------------------------------------- + .query-builder__olap__column__sortby__none, + .query-builder__olap__column__window__content__label { + background: var(--color-blue-50); + } - .query-builder__olap__column__drag-handle__container - .dnd__entry-drag-handle { - background: var(--color-light-grey-180); + .query-builder__olap__column__sortby__operator__label, + .query-builder__olap__column__operation__operator__label { + background: var(--color-legacylight-light-blue-100); + color: var(--color-light-grey-100); + } - svg { - color: var(--color-light-grey-400); - } - } + .query-builder__olap__column__window__operator__badge, + .query-builder__olap__column__operation__operator__badge { + background: var(--color-legacylight-light-blue-200); + color: var(--color-light-grey-100); - .query-builder__olap__column__sortby__none, - .query-builder__olap__column__window__content__label { - background: var(--color-blue-50); + svg { + color: var(--color-legacylight-light-grey-100); } + } - .query-builder__olap__column__sortby__operator__label, - .query-builder__olap__column__operation__operator__label { - background: var(--color-legacylight-light-blue-100); - color: var(--color-light-grey-100); - } + .query-builder__olap__tds__column-badge__content { + background: var(--color-blue-50); + } - .query-builder__olap__column__window__operator__badge, - .query-builder__olap__column__operation__operator__badge { - background: var(--color-legacylight-light-blue-200); - color: var(--color-light-grey-100); + // ------------------------------------ Result Panel --------------------------------------- - svg { - color: var(--color-legacylight-light-grey-100); - } - } + .query-builder__result__stale-status__icon, + .query-builder__result__stale-status__label { + color: var(--color-legacylight-orange-100); + } - .query-builder__olap__tds__column-badge__content { - background: var(--color-blue-50); - } + .query-builder__result__limit__input:not(:focus) { + border-color: var(--color-light-grey-250); + } - // ------------------------------------ Result Panel --------------------------------------- + .query-builder__result__limit__label { + background: var(--color-legacylight-light-grey-100); + color: var(--color-dark-grey-300); + } - .query-builder__result__stale-status__icon, - .query-builder__result__stale-status__label { - color: var(--color-legacylight-orange-100); - } + .query-builder__result__execute-btn__label { + background: var(--color-legacylight-green-100); + color: var(--color-white); - .query-builder__result__limit__input:not(:focus) { - border-color: var(--color-light-grey-250); + &:hover .query-builder__result__execute-btn__label__title, + &__title, + &:hover svg, + svg { + color: var(--color-light-grey-0); } + } - .query-builder__result__limit__label { - background: var(--color-legacylight-light-grey-100); - color: var(--color-dark-grey-300); + .query-builder__result__execute-btn__dropdown-btn { + background: var(--color-legacylight-green-100); + border-color: var(--color-dark-shade-50); + + :hover svg, + svg { + color: var(--color-white); } + } + .query-builder__result__execute-btn + .query-builder__result__execute-btn__label, + .query-builder__result__execute-btn[disabled]:hover + .query-builder__result__execute-btn__label, + .query-builder__result__execute-btn[disabled] .query-builder__result__execute-btn__label { - background: var(--color-legacylight-green-100); + &__title, + svg { color: var(--color-white); - - &:hover .query-builder__result__execute-btn__label__title, - &__title, - &:hover svg, - svg { - color: var(--color-light-grey-0); - } } + } + .query-builder__result__execute-btn[disabled]:hover + .query-builder__result__execute-btn__dropdown-btn, + .query-builder__result__execute-btn[disabled] .query-builder__result__execute-btn__dropdown-btn { - background: var(--color-legacylight-green-100); - border-color: var(--color-dark-shade-50); - - :hover svg, - svg { - color: var(--color-white); - } - } + background: var(--color-legacylight-light-grey-200); + border-color: var(--color-dark-shade-50); - .query-builder__result__execute-btn - .query-builder__result__execute-btn__label, - .query-builder__result__execute-btn[disabled]:hover - .query-builder__result__execute-btn__label, - .query-builder__result__execute-btn[disabled] - .query-builder__result__execute-btn__label { - &__title, - svg { - color: var(--color-white); - } + svg { + color: var(--color-light-grey-400); } + } - .query-builder__result__execute-btn[disabled]:hover - .query-builder__result__execute-btn__dropdown-btn, - .query-builder__result__execute-btn[disabled] - .query-builder__result__execute-btn__dropdown-btn { - background: var(--color-legacylight-light-grey-200); - border-color: var(--color-dark-shade-50); - - svg { - color: var(--color-light-grey-400); - } - } + .query-builder__result__stop-btn__label.btn--caution { + background: var(--color-legacylight-orange-100); + color: var(--color-white); - .query-builder__result__stop-btn__label.btn--caution { - background: var(--color-legacylight-orange-100); + &:hover .query-builder__result__stop-btn__label__title, + &__title, + &:hover svg, + svg { color: var(--color-white); - - &:hover .query-builder__result__stop-btn__label__title, - &__title, - &:hover svg, - svg { - color: var(--color-white); - } } + } - .query-builder__result__stop-btn__dropdown-btn { - background: var(--color-legacylight-green-100); - border-color: var(--color-dark-shade-50); + .query-builder__result__stop-btn__dropdown-btn { + background: var(--color-legacylight-green-100); + border-color: var(--color-dark-shade-50); - :hover svg, - svg { - color: var(--color-white); - } + :hover svg, + svg { + color: var(--color-white); } + } - .btn__dropdown-combo__label[disabled], - .btn__dropdown-combo__dropdown-btn[disabled] { - background: var(--color-light-grey-400); - } + .btn__dropdown-combo__label[disabled], + .btn__dropdown-combo__dropdown-btn[disabled] { + background: var(--color-light-grey-400); + } - .query-builder__result__execute-btn - .query-builder__result__execute-btn__btn { - color: var(--color-white); + .query-builder__result__execute-btn .query-builder__result__execute-btn__btn { + color: var(--color-white); - &[disabled] { - color: var(--color-light-grey-0); - } + &[disabled] { + color: var(--color-light-grey-0); } + } - .query-builder__result__export__dropdown { - background: var(--color-legacylight-light-blue-200); - border-color: var(--color-legacylight-light-blue-200); - color: var(--color-white); - - &[disabled], - &:hover[disabled] { - background: var(--color-legacylight-light-blue-100); - border-color: var(--color-legacylight-light-blue-100); - color: var(--color-light-grey-0); - opacity: 0.8; - } + .query-builder__result__export__dropdown { + background: var(--color-legacylight-light-blue-200); + border-color: var(--color-legacylight-light-blue-200); + color: var(--color-white); - &:hover { - background: var(--color-legacylight-light-blue-300); - border-color: var(--color-legacylight-light-blue-300); - } + &[disabled], + &:hover[disabled] { + background: var(--color-legacylight-light-blue-100); + border-color: var(--color-legacylight-light-blue-100); + color: var(--color-light-grey-0); + opacity: 0.8; } - .ag-row-selected .ag-cell-focus { - background: var(--color-purple-0) !important; + &:hover { + background: var(--color-legacylight-light-blue-300); + border-color: var(--color-legacylight-light-blue-300); } + } - .query-builder__result__tds-grid { - // Customize ag-grid theme - // See https://www.ag-grid.com/javascript-grid-themes-customising/#customising-themes - --ag-border-color: transparent; - --ag-background-color: var(--color-white); - --ag-foreground-color: var(--color-legacylight-dark-grey-200); - --ag-header-background-color: var(--color-legacylight-light-grey-200); - --ag-header-foreground-color: var(--color-legacylight-dark-grey-200); - --ag-balham-active-color: var(--color-yellow-200); - --ag-odd-row-background-color: var(--color-white); - --ag-even-row-background-color: var(--color-white); - --ag-row-hover-color: var(--color-light-grey-50); - --ag-row-border-color: var(--color-legacylight-light-grey-200); - --ag-selected-row-background-color: var(--color-navy-600); - --ag-range-selection-background-color: var(--color-navy-600); - } + .ag-row-selected .ag-cell-focus { + background: var(--color-purple-0) !important; + } - .query-builder__result__values__table__cell--active { - background-color: var(--color-navy-600); - } + .query-builder__result__tds-grid { + // Customize ag-grid theme + // See https://www.ag-grid.com/javascript-grid-themes-customising/#customising-themes + --ag-border-color: transparent; + --ag-background-color: var(--color-white); + --ag-foreground-color: var(--color-legacylight-dark-grey-200); + --ag-header-background-color: var(--color-legacylight-light-grey-200); + --ag-header-foreground-color: var(--color-legacylight-dark-grey-200); + --ag-balham-active-color: var(--color-yellow-200); + --ag-odd-row-background-color: var(--color-white); + --ag-even-row-background-color: var(--color-white); + --ag-row-hover-color: var(--color-light-grey-50); + --ag-row-border-color: var(--color-legacylight-light-grey-200); + --ag-selected-row-background-color: var(--color-navy-600); + --ag-range-selection-background-color: var(--color-navy-600); + } - .query-builder__result__advanced__mode__label { - background: var(--color-legacylight-light-blue-200); - color: var(--color-light-grey-100); + .query-builder__result__values__table__cell--active { + background-color: var(--color-navy-600); + } - .documentation-link { - color: var(--color-light-grey-100); + .query-builder__result__advanced__mode__label { + background: var(--color-legacylight-light-blue-200); + color: var(--color-light-grey-100); - &:hover { - color: var(--color-blue-200); - } + .documentation-link { + color: var(--color-light-grey-100); + + &:hover { + color: var(--color-blue-200); } } + } - .query-builder__result__advanced__mode__toggler__btn { - background: var(--color-legacylight-light-blue-200); + .query-builder__result__advanced__mode__toggler__btn { + background: var(--color-legacylight-light-blue-200); - svg { - color: var(--color-light-grey-100); - } + svg { + color: var(--color-light-grey-100); } + } - .query-builder__result__permission-error__button { - color: var(--color-legacylight-light-blue-100); - } + .query-builder__result__permission-error__button { + color: var(--color-legacylight-light-blue-100); + } - // ------------------------------------ Other / Modal --------------------------------------- + // ------------------------------------ Other / Modal --------------------------------------- - .query-builder-property-expression-badge { - &__property { - &__info { - &:hover svg { - color: var(--color-legacylight-light-blue-400) !important; - } + .query-builder-property-expression-badge { + &__property { + &__info { + &:hover svg { + color: var(--color-legacylight-light-blue-400) !important; } + } - &__content { - color: var(--color-legacylight-dark-grey-200); + &__content { + color: var(--color-legacylight-dark-grey-200); - &--error { - color: var(--color-red-180) !important; - } + &--error { + color: var(--color-red-180) !important; } } + } - &__action { - color: var(--color-light-grey-400); + &__action { + color: var(--color-light-grey-400); - &:hover { - color: var(--color-light-grey-180); - background: var(--color-legacylight-light-blue-400) !important; - } + &:hover { + color: var(--color-light-grey-180); + background: var(--color-legacylight-light-blue-400) !important; } } + } - .query-builder__property__name__display { - color: var(--color-legacylight-dark-grey-200); - } + .query-builder__property__name__display { + color: var(--color-legacylight-dark-grey-200); + } - .blank-panel-placeholder__text { - color: var(--color-light-grey-300); - } + .blank-panel-placeholder__text { + color: var(--color-light-grey-300); + } - .blank-panel-placeholder__action { - border-color: var(--color-light-grey-300); + .blank-panel-placeholder__action { + border-color: var(--color-light-grey-300); - svg { - color: var(--color-light-grey-300); - } + svg { + color: var(--color-light-grey-300); } + } - .blank-panel-placeholder:hover .blank-panel-placeholder__action { - border-color: var(--color-light-grey-400); + .blank-panel-placeholder:hover .blank-panel-placeholder__action { + border-color: var(--color-light-grey-400); - svg { - color: var(--color-light-grey-400); - } + svg { + color: var(--color-light-grey-400); } + } - .panel__content__blank__content { - color: var(--color-dark-grey-500); - } + .panel__content__blank__content { + color: var(--color-dark-grey-500); + } - .query-builder__lambda-editor { - border-color: var(--color-legacylight-light-blue-100); - background: var(--color-white); + .query-builder__lambda-editor { + border-color: var(--color-legacylight-light-blue-100); + background: var(--color-white); - .monaco-editor { - .margin, - .monaco-editor-background { - background: unset !important; - } + .monaco-editor { + .margin, + .monaco-editor-background { + background: unset !important; } } + } - .lambda-editor__editor__expand-btn { - background: var(--color-legacylight-light-blue-100); - border-color: var(--color-legacylight-light-blue-300); + .lambda-editor__editor__expand-btn { + background: var(--color-legacylight-light-blue-100); + border-color: var(--color-legacylight-light-blue-300); - svg { - color: var(--color-light-grey-50); - } + svg { + color: var(--color-light-grey-50); } + } - .lambda-editor__action { - background: var(--color-legacylight-light-blue-100); - border-color: transparent; + .lambda-editor__action { + background: var(--color-legacylight-light-blue-100); + border-color: transparent; - svg { - color: var(--color-light-grey-50); - } + svg { + color: var(--color-light-grey-50); } } From 9ff5b54f7bed7c5da4c164b4636d669f5486837a Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 17:47:24 -0500 Subject: [PATCH 5/7] fix: Add changeset file --- .changeset/kind-monkeys-smash.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 .changeset/kind-monkeys-smash.md diff --git a/.changeset/kind-monkeys-smash.md b/.changeset/kind-monkeys-smash.md new file mode 100644 index 0000000000..b99066f69b --- /dev/null +++ b/.changeset/kind-monkeys-smash.md @@ -0,0 +1,6 @@ +--- +'@finos/legend-vscode-extension-dependencies': patch +'@finos/legend-application-query-bootstrap': patch +--- + +Adjust css and vscode extension dependencies to support light mode in VSCode QueryBuilder From ad7867d0f1f9e0be94fb5dae78c4c353828984aa Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 17:48:57 -0500 Subject: [PATCH 6/7] fix: Fix tsconfig to include dependency projects --- packages/legend-vscode-extension-dependencies/tsconfig.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/legend-vscode-extension-dependencies/tsconfig.json b/packages/legend-vscode-extension-dependencies/tsconfig.json index c982704af8..a2db40ee52 100644 --- a/packages/legend-vscode-extension-dependencies/tsconfig.json +++ b/packages/legend-vscode-extension-dependencies/tsconfig.json @@ -9,12 +9,14 @@ "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.json"], "references": [ { "path": "./tsconfig.package.json" }, + { "path": "../legend-application-query-bootstrap" }, { "path": "../legend-application-studio" }, { "path": "../legend-application" }, { "path": "../legend-art" }, { "path": "../legend-data-cube" }, { "path": "../legend-extension-dsl-diagram" }, { "path": "../legend-graph" }, + { "path": "../legend-lego" }, { "path": "../legend-query-builder" }, { "path": "../legend-shared" }, { "path": "../legend-storage" } From 150d675458439e7a398f6e8b486b63085a691795 Mon Sep 17 00:00:00 2001 From: "Stebbins, Travis [Engineering]" Date: Thu, 16 Jan 2025 17:52:22 -0500 Subject: [PATCH 7/7] fix: Fix tsconfig to include dependency projects --- .../legend-vscode-extension-dependencies/tsconfig.build.json | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/legend-vscode-extension-dependencies/tsconfig.build.json b/packages/legend-vscode-extension-dependencies/tsconfig.build.json index 3cc73b981f..87100ec268 100644 --- a/packages/legend-vscode-extension-dependencies/tsconfig.build.json +++ b/packages/legend-vscode-extension-dependencies/tsconfig.build.json @@ -7,12 +7,14 @@ "exclude": ["src/**/__tests__/**/*.*", "src/**/__mocks__/**/*.*"], "references": [ { "path": "./tsconfig.package.json" }, + { "path": "../legend-application-query-bootstrap/tsconfig.build.json" }, { "path": "../legend-application-studio/tsconfig.build.json" }, { "path": "../legend-application/tsconfig.build.json" }, { "path": "../legend-art/tsconfig.build.json" }, { "path": "../legend-data-cube/tsconfig.build.json" }, { "path": "../legend-extension-dsl-diagram/tsconfig.build.json" }, { "path": "../legend-graph/tsconfig.build.json" }, + { "path": "../legend-lego/tsconfig.build.json" }, { "path": "../legend-query-builder/tsconfig.build.json" }, { "path": "../legend-shared/tsconfig.build.json" }, { "path": "../legend-storage/tsconfig.build.json" }