From 104916367ccb53cd3496da96b082b840038024d3 Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Thu, 11 Jun 2026 19:59:10 +0200 Subject: [PATCH 1/4] dbeaver/pro#9502 feat: allow importing css files from core-blocks package Plugins that build UI directly on ui-kit components need the CloudBeaver theme css for these components without importing the components themselves. Expose css files through package exports so a plugin can load them as a side effect. --- webapp/packages/core-blocks/package.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/webapp/packages/core-blocks/package.json b/webapp/packages/core-blocks/package.json index 7978533294..bc590cf240 100644 --- a/webapp/packages/core-blocks/package.json +++ b/webapp/packages/core-blocks/package.json @@ -12,7 +12,8 @@ "license": "Apache-2.0", "exports": { ".": "./lib/index.js", - "./module": "./lib/module.js" + "./module": "./lib/module.js", + "./*.css": "./src/*.css" }, "scripts": { "build": "tsc -b", From ef77b6c0564c9931ac3c8052059e9e18ed370dd9 Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Fri, 12 Jun 2026 19:59:09 +0200 Subject: [PATCH 2/4] dbeaver/pro#9502 fix: update focus-visible styles for select component --- webapp/common-react/@dbeaver/ui-kit/src/Select/Select.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/webapp/common-react/@dbeaver/ui-kit/src/Select/Select.css b/webapp/common-react/@dbeaver/ui-kit/src/Select/Select.css index 627d97648d..bf4f940c2e 100644 --- a/webapp/common-react/@dbeaver/ui-kit/src/Select/Select.css +++ b/webapp/common-react/@dbeaver/ui-kit/src/Select/Select.css @@ -30,7 +30,8 @@ opacity: var(--dbv-kit-control-disabled-opacity); background-color: var(--dbv-kit-select-disabled-background); } - &:focus-visible { + &:focus-visible, + &[data-focus-visible] { outline-style: solid; outline-offset: var(--dbv-kit-control-outline-offset); } From 7a1ef35fbba50e208d0ab8a2b5ce648cb0a22767 Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Fri, 12 Jun 2026 20:21:11 +0200 Subject: [PATCH 3/4] dbeaver/pro#9502 feat: add tokens for combobox items --- webapp/common-react/@dbeaver/ui-kit/src/Combobox/Combobox.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/webapp/common-react/@dbeaver/ui-kit/src/Combobox/Combobox.css b/webapp/common-react/@dbeaver/ui-kit/src/Combobox/Combobox.css index bc0fa9a3d0..af34557bf0 100644 --- a/webapp/common-react/@dbeaver/ui-kit/src/Combobox/Combobox.css +++ b/webapp/common-react/@dbeaver/ui-kit/src/Combobox/Combobox.css @@ -69,6 +69,8 @@ .dbv-kit-combobox__item { display: block; width: 100%; + font-weight: var(--dbv-kit-combobox-font-weight); + font-size: var(--dbv-kit-combobox-font-size); padding-inline: var(--dbv-kit-combobox-item-padding-inline); padding-block: var(--dbv-kit-combobox-item-padding-block); text-align: left; From ac5a9bee1c967b8b5b7597ebc409ed3f0005e83d Mon Sep 17 00:00:00 2001 From: Sychev Andrey Date: Tue, 16 Jun 2026 16:06:44 +0200 Subject: [PATCH 4/4] dbeaver/pro#9502 feat: load Select/Combobox base styles from core-blocks ui-kit controls reuse these styles, but the CE wrapper components are lazy, so the CSS only shipped in the lazy chunk, we need those styles for widgets that use UI-kit controls --- webapp/packages/core-blocks/src/index.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/webapp/packages/core-blocks/src/index.ts b/webapp/packages/core-blocks/src/index.ts index 5fa9ec3163..7e3e932b9b 100644 --- a/webapp/packages/core-blocks/src/index.ts +++ b/webapp/packages/core-blocks/src/index.ts @@ -8,6 +8,9 @@ import './module.js'; +import './FormControls/Select.css'; +import './FormControls/Combobox.css'; + export * from './AuthenticationProviderLoader.js'; export * from './useAuthenticationAction.js'; export * from './CommonDialog/CommonDialog/CommonDialogBody.js';