compote-ui 0.29.0 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,10 +12,10 @@ export const button = tv({
12
12
  sm: 'h-8 gap-1.5 px-2',
13
13
  default: 'h-9 gap-2 px-3',
14
14
  lg: 'h-10 gap-2.5 px-4',
15
- icon: 'size-9',
15
+ icon: 'size-8',
16
16
  'icon-xs': 'size-6',
17
- 'icon-sm': 'size-8',
18
- 'icon-lg': 'size-10'
17
+ 'icon-sm': 'size-7',
18
+ 'icon-lg': 'size-9'
19
19
  }
20
20
  },
21
21
  defaultVariants: { variant: 'default', size: 'default' }
@@ -13,6 +13,7 @@
13
13
  label,
14
14
  placeholder,
15
15
  layout = 'vertical',
16
+ size = 'default',
16
17
  name,
17
18
  ...restProps
18
19
  }: SelectProps<T> = $props();
@@ -45,7 +46,10 @@
45
46
  {/if}
46
47
  <Select.Control>
47
48
  <Select.Trigger
48
- class="flex h-9 w-full cursor-pointer items-center justify-between rounded-md border bg-surface-1 px-3 text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none active:bg-surface-2 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-invalid:border-danger data-invalid:focus-visible:ring-danger"
49
+ class={cn(
50
+ 'flex w-full cursor-pointer items-center justify-between rounded-md border bg-surface-1 px-3 text-sm shadow-sm focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-none active:bg-surface-2 data-disabled:cursor-not-allowed data-disabled:opacity-50 data-invalid:border-danger data-invalid:focus-visible:ring-danger',
51
+ size === 'sm' ? 'h-8' : 'h-9'
52
+ )}
49
53
  >
50
54
  <div class="flex items-center gap-2">
51
55
  <Select.ValueText
@@ -6,4 +6,5 @@ export interface SelectProps<T extends ListItem> extends Omit<SelectRootBaseProp
6
6
  label?: string;
7
7
  placeholder?: string;
8
8
  layout?: 'vertical' | 'horizontal';
9
+ size?: 'default' | 'sm';
9
10
  }
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.29.0",
3
+ "version": "0.30.0",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
- "dev": "vite dev",
6
+ "dev": "vite dev --open",
7
7
  "build": "vite build && npm run prepack",
8
8
  "preview": "vite preview",
9
9
  "prepare": "svelte-kit sync || echo ''",
@@ -50,7 +50,7 @@
50
50
  "globals": "^17.5.0",
51
51
  "prettier": "^3.8.3",
52
52
  "prettier-plugin-svelte": "^3.4.1",
53
- "prettier-plugin-tailwindcss": "^0.7.4",
53
+ "prettier-plugin-tailwindcss": "^0.8.0",
54
54
  "publint": "^0.3.17",
55
55
  "svelte": "^5.55.4",
56
56
  "svelte-check": "^4.4.6",