compote-ui 0.29.0 → 0.30.1
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.
- package/dist/components/button/button.variants.js +3 -3
- package/dist/components/select/select.svelte +5 -1
- package/dist/components/select/types.d.ts +1 -0
- package/dist/components/toggle-group/toggle-group-item.svelte +1 -1
- package/dist/components/toggle-group/toggle-group.svelte +1 -1
- package/package.json +3 -3
|
@@ -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-
|
|
15
|
+
icon: 'size-8',
|
|
16
16
|
'icon-xs': 'size-6',
|
|
17
|
-
'icon-sm': 'size-
|
|
18
|
-
'icon-lg': 'size-
|
|
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=
|
|
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
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<ToggleGroup.Item
|
|
14
14
|
{...rest}
|
|
15
15
|
class={cn(
|
|
16
|
-
'inline-flex h-8 w-8 items-center justify-center rounded-md text-sm text-ink-dim transition-colors select-none hover:bg-surface-2 hover:text-ink focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm',
|
|
16
|
+
'inline-flex h-8 min-w-8 items-center justify-center rounded-md text-sm text-ink-dim transition-colors select-none hover:bg-surface-2 hover:text-ink focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm',
|
|
17
17
|
className
|
|
18
18
|
)}
|
|
19
19
|
>
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
{...rootProps}
|
|
15
15
|
bind:value
|
|
16
16
|
class={cn(
|
|
17
|
-
'inline-flex gap-
|
|
17
|
+
'inline-flex gap-px rounded-lg border border-border p-0.5 data-[orientation=vertical]:flex-col',
|
|
18
18
|
className
|
|
19
19
|
)}
|
|
20
20
|
>
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "compote-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.1",
|
|
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.
|
|
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",
|