diff --git a/packages/kilo-ui/src/components/accordion.css b/packages/kilo-ui/src/components/accordion.css index aa522a7131f..cc21b6f88e8 100644 --- a/packages/kilo-ui/src/components/accordion.css +++ b/packages/kilo-ui/src/components/accordion.css @@ -2,4 +2,8 @@ [data-component="accordion"] { font-size: 13px; + + [data-slot="accordion-trigger"] { + cursor: pointer; + } } diff --git a/packages/kilo-ui/src/components/checkbox.css b/packages/kilo-ui/src/components/checkbox.css index cde6fa89b6e..d4bce11bfac 100644 --- a/packages/kilo-ui/src/components/checkbox.css +++ b/packages/kilo-ui/src/components/checkbox.css @@ -2,6 +2,7 @@ [data-component="checkbox"] { margin: 4px 0; + cursor: pointer; [data-slot="checkbox-checkbox-control"] { width: 18px; diff --git a/packages/kilo-ui/src/components/collapsible.css b/packages/kilo-ui/src/components/collapsible.css new file mode 100644 index 00000000000..84190941936 --- /dev/null +++ b/packages/kilo-ui/src/components/collapsible.css @@ -0,0 +1,7 @@ +/* Kilo Collapsible overrides */ + +[data-component="collapsible"] { + [data-slot="collapsible-trigger"] { + cursor: pointer; + } +} diff --git a/packages/kilo-ui/src/components/radio-group.css b/packages/kilo-ui/src/components/radio-group.css new file mode 100644 index 00000000000..4f6432074b3 --- /dev/null +++ b/packages/kilo-ui/src/components/radio-group.css @@ -0,0 +1,7 @@ +/* Kilo Radio Group overrides */ + +[data-component="radio-group"] { + [data-slot="radio-group-item-label"] { + cursor: pointer; + } +} diff --git a/packages/kilo-ui/src/components/switch.css b/packages/kilo-ui/src/components/switch.css index dcb270f9277..3c407874b0f 100644 --- a/packages/kilo-ui/src/components/switch.css +++ b/packages/kilo-ui/src/components/switch.css @@ -1,6 +1,8 @@ /* Kilo Switch overrides */ [data-component="switch"] { + cursor: pointer; + [data-slot="switch-label"] { font-size: 13px; } diff --git a/packages/kilo-ui/src/components/tabs.css b/packages/kilo-ui/src/components/tabs.css index 6b29a0a4633..87403cc6a90 100644 --- a/packages/kilo-ui/src/components/tabs.css +++ b/packages/kilo-ui/src/components/tabs.css @@ -36,6 +36,15 @@ font-size: 13px; } + /* Default/alt variant adjustments */ + [data-slot="tabs-trigger"] { + height: 48px; + padding: 4px 0; + font-size: 13px; + line-height: normal; + cursor: pointer; + } + &[data-variant="settings"] { container-type: inline-size; diff --git a/packages/kilo-ui/src/styles/index.css b/packages/kilo-ui/src/styles/index.css index 70b0b2efb28..74735c319cc 100644 --- a/packages/kilo-ui/src/styles/index.css +++ b/packages/kilo-ui/src/styles/index.css @@ -13,6 +13,7 @@ @import "../components/chat-input.css"; @import "../components/checkbox.css"; @import "../components/code.css"; +@import "../components/collapsible.css"; @import "../components/context-menu.css"; @import "../components/dialog.css"; @import "../components/diff-changes.css"; @@ -27,6 +28,7 @@ @import "../components/model-selector.css"; @import "../components/popover.css"; @import "../components/prompt-input.css"; +@import "../components/radio-group.css"; @import "../components/select.css"; @import "../components/session.css"; @import "../components/settings-sidebar.css"; diff --git a/packages/kilo-ui/src/styles/tailwind/index.css b/packages/kilo-ui/src/styles/tailwind/index.css index c5e6aae4f02..debefa319e7 100644 --- a/packages/kilo-ui/src/styles/tailwind/index.css +++ b/packages/kilo-ui/src/styles/tailwind/index.css @@ -12,6 +12,7 @@ @import "../../components/chat-input.css"; @import "../../components/checkbox.css"; @import "../../components/code.css"; +@import "../../components/collapsible.css"; @import "../../components/context-menu.css"; @import "../../components/dialog.css"; @import "../../components/dropdown-menu.css"; @@ -25,6 +26,7 @@ @import "../../components/model-selector.css"; @import "../../components/popover.css"; @import "../../components/prompt-input.css"; +@import "../../components/radio-group.css"; @import "../../components/select.css"; @import "../../components/session.css"; @import "../../components/settings-sidebar.css";