yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat(ui): refine Select with new typography sizes

Browse Source
This commit is contained in:
Brian McGee
2025-08-18 10:45:46 +01:00
parent 480ad3a5f1
commit 683ffbdc76
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pkgs/clan-app/ui/src/components/Select/Select.module.css
View File

@@ -60,7 +60,7 @@
/* Option elements (typically <li>) */
& [role="option"] {
@apply px-2 py-4 rounded-sm flex items-center gap-1 flex-shrink-0;
@apply p-2 rounded-sm flex items-center gap-1 flex-shrink-0;
&[data-highlighted],
&:focus-visible {

20
pkgs/clan-app/ui/src/components/Select/Select.tsx
View File

@@ -100,9 +100,10 @@ export const Select = (props: SelectProps) => {
</KSelect.ItemIndicator>
<KSelect.ItemLabel>
<Typography
hierarchy="body"
size="xs"
hierarchy="label"
size="s"
weight="bold"
family="condensed"
class="flex w-full items-center"
>
{props.item.rawValue.label}
@@ -115,9 +116,10 @@ export const Select = (props: SelectProps) => {
when={!loading()}
fallback={
<Typography
hierarchy="body"
size="xs"
hierarchy="label"
size="s"
weight="bold"
family="condensed"
class="flex w-full items-center"
color="secondary"
>
@@ -126,9 +128,10 @@ export const Select = (props: SelectProps) => {
}
>
<Typography
hierarchy="body"
size="xs"
hierarchy="label"
size="s"
weight="bold"
family="condensed"
class="flex w-full items-center"
>
{props.placeholder}
@@ -152,9 +155,10 @@ export const Select = (props: SelectProps) => {
<KSelect.Value<Option>>
{(state) => (
<Typography
hierarchy="body"
size="xs"
hierarchy="label"
size="s"
weight="bold"
family="condensed"
class="flex w-full items-center"
>
{state.selectedOption().label}