Files
cloudbeaver/common-react/@dbeaver/ui-kit/src/Input/_base.css
T
c532298eba 87 create checkbox component (#3294)
* refactor: remove --dbv-kit-color-text variable in favor of --dbv-kit-color-foreground, add --dbv-kit-control-disabled-opacity to use for all controls, remove --dbv-kit-btn-disabled-opacity, update docs

* refactor: add ControlSize type

* feat: create checkbox component

* docs: add checkbox stories, update button docs

* refactor: polish checkbox component, added some vars, add docs, change some defaults

* feat: add indeterminate state

* fix: prioritize check prop over inner state

* fix: button styles layer

* fix: comments

* fix: change checkbox checked style

* Revert "fix: change checkbox checked style"

This reverts commit eba1e21eb9.

---------

Co-authored-by: Wroud <wrouds@gmail.com>
Co-authored-by: mr-anton-t <42037741+mr-anton-t@users.noreply.github.com>
2025-03-05 15:25:55 +08:00

19 lines
984 B
CSS

@layer base {
:root {
--dbv-kit-input-radius: var(--dbv-kit-control-border-radius);
--dbv-kit-input-font-size: calc(var(--dbv-kit-font-size-base) * 0.875);
--dbv-kit-input-background: var(--dbv-kit-color-background);
--dbv-kit-input-border-color: var(--tw-color-gray-300);
--dbv-kit-input-border-width: var(--dbv-kit-control-border-width);
--dbv-kit-input-border-style: solid;
--dbv-kit-input-foreground: var(--dbv-kit-color-foreground);
--dbv-kit-input-height: var(--dbv-kit-control-height-medium);
--dbv-kit-input-padding: calc(var(--tw-spacing) * 1.1);
--dbv-kit-input-placeholder-foreground: var(--tw-color-gray-500);
--dbv-kit-input-option-active-background: var(--dbv-kit-color-primary-200);
--dbv-kit-input-option-active-border: var(--dbv-kit-color-primary-500);
--dbv-kit-input-option-active-foreground: var(--dbv-kit-color-foreground);
--dbv-kit-input-option-hover-background: var(--dbv-kit-color-primary-100);
}
}