compote-ui 0.71.2 → 0.71.4

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.
Files changed (5) hide show
  1. package/dist/components/button/button.variants.d.ts +22 -22
  2. package/dist/components/button/button.variants.js +8 -8
  3. package/dist/components/field/field-input.svelte +1 -1
  4. package/dist/components/tree-view/tree-view.svelte +4 -4
  5. package/package.json +15 -15
package/dist/components/button/button.variants.d.ts CHANGED
@@ -7,15 +7,15 @@ export declare const button: import("tailwind-variants").TVReturnType<{
7
7
  destructive: "bg-danger text-ink-inverse hover:bg-danger/90 active:bg-danger/80";
8
8
  };
9
9
  size: {
10
- sm: "h-8 gap-1.5 px-2";
11
- default: "h-9 gap-2 px-3";
12
- lg: "h-10 gap-2.5 px-4";
13
- icon: "size-8 shrink-0";
14
- 'icon-xs': "size-6 shrink-0";
15
- 'icon-sm': "size-7 shrink-0";
16
- 'icon-lg': "size-9 shrink-0";
10
+ sm: "h-8 gap-1.5 px-2 [&_svg]:size-3.5";
11
+ default: "h-9 gap-2 px-3 [&_svg]:size-4";
12
+ lg: "h-10 gap-2.5 px-4 [&_svg]:size-5";
13
+ icon: "size-9 shrink-0 [&_svg]:size-6";
14
+ 'icon-xs': "size-7 shrink-0 [&_svg]:size-4";
15
+ 'icon-sm': "size-8 shrink-0 [&_svg]:size-5";
16
+ 'icon-lg': "size-10 shrink-0 [&_svg]:size-7";
17
17
  };
18
- }, undefined, "inline-flex cursor-pointer items-center justify-center rounded bg-transparent text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50", {
18
+ }, undefined, "inline-flex cursor-pointer items-center justify-center rounded bg-transparent text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0", {
19
19
  variant: {
20
20
  default: "bg-primary text-ink-inverse hover:bg-primary/90 active:bg-primary/80";
21
21
  outline: "border text-ink hover:bg-surface-2";
@@ -23,13 +23,13 @@ export declare const button: import("tailwind-variants").TVReturnType<{
23
23
  destructive: "bg-danger text-ink-inverse hover:bg-danger/90 active:bg-danger/80";
24
24
  };
25
25
  size: {
26
- sm: "h-8 gap-1.5 px-2";
27
- default: "h-9 gap-2 px-3";
28
- lg: "h-10 gap-2.5 px-4";
29
- icon: "size-8 shrink-0";
30
- 'icon-xs': "size-6 shrink-0";
31
- 'icon-sm': "size-7 shrink-0";
32
- 'icon-lg': "size-9 shrink-0";
26
+ sm: "h-8 gap-1.5 px-2 [&_svg]:size-3.5";
27
+ default: "h-9 gap-2 px-3 [&_svg]:size-4";
28
+ lg: "h-10 gap-2.5 px-4 [&_svg]:size-5";
29
+ icon: "size-9 shrink-0 [&_svg]:size-6";
30
+ 'icon-xs': "size-7 shrink-0 [&_svg]:size-4";
31
+ 'icon-sm': "size-8 shrink-0 [&_svg]:size-5";
32
+ 'icon-lg': "size-10 shrink-0 [&_svg]:size-7";
33
33
  };
34
34
  }, undefined, import("tailwind-variants").TVReturnTypeLike<{
35
35
  variant: {
@@ -39,13 +39,13 @@ export declare const button: import("tailwind-variants").TVReturnType<{
39
39
  destructive: "bg-danger text-ink-inverse hover:bg-danger/90 active:bg-danger/80";
40
40
  };
41
41
  size: {
42
- sm: "h-8 gap-1.5 px-2";
43
- default: "h-9 gap-2 px-3";
44
- lg: "h-10 gap-2.5 px-4";
45
- icon: "size-8 shrink-0";
46
- 'icon-xs': "size-6 shrink-0";
47
- 'icon-sm': "size-7 shrink-0";
48
- 'icon-lg': "size-9 shrink-0";
42
+ sm: "h-8 gap-1.5 px-2 [&_svg]:size-3.5";
43
+ default: "h-9 gap-2 px-3 [&_svg]:size-4";
44
+ lg: "h-10 gap-2.5 px-4 [&_svg]:size-5";
45
+ icon: "size-9 shrink-0 [&_svg]:size-6";
46
+ 'icon-xs': "size-7 shrink-0 [&_svg]:size-4";
47
+ 'icon-sm': "size-8 shrink-0 [&_svg]:size-5";
48
+ 'icon-lg': "size-10 shrink-0 [&_svg]:size-7";
49
49
  };
50
50
  }, undefined>>;
51
51
  export type ButtonVariant = VariantProps<typeof button>['variant'];
package/dist/components/button/button.variants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const button = tv({
3
- base: 'inline-flex cursor-pointer items-center justify-center rounded bg-transparent text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50',
3
+ base: 'inline-flex cursor-pointer items-center justify-center rounded bg-transparent text-sm font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:shrink-0',
4
4
  variants: {
5
5
  variant: {
6
6
  default: 'bg-primary text-ink-inverse hover:bg-primary/90 active:bg-primary/80',
@@ -9,13 +9,13 @@ export const button = tv({
9
9
  destructive: 'bg-danger text-ink-inverse hover:bg-danger/90 active:bg-danger/80'
10
10
  },
11
11
  size: {
12
- sm: 'h-8 gap-1.5 px-2',
13
- default: 'h-9 gap-2 px-3',
14
- lg: 'h-10 gap-2.5 px-4',
15
- icon: 'size-8 shrink-0',
16
- 'icon-xs': 'size-6 shrink-0',
17
- 'icon-sm': 'size-7 shrink-0',
18
- 'icon-lg': 'size-9 shrink-0'
12
+ sm: 'h-8 gap-1.5 px-2 [&_svg]:size-3.5',
13
+ default: 'h-9 gap-2 px-3 [&_svg]:size-4',
14
+ lg: 'h-10 gap-2.5 px-4 [&_svg]:size-5',
15
+ icon: 'size-9 shrink-0 [&_svg]:size-6',
16
+ 'icon-xs': 'size-7 shrink-0 [&_svg]:size-4',
17
+ 'icon-sm': 'size-8 shrink-0 [&_svg]:size-5',
18
+ 'icon-lg': 'size-10 shrink-0 [&_svg]:size-7'
19
19
  }
20
20
  },
21
21
  defaultVariants: { variant: 'default', size: 'default' }
package/dist/components/field/field-input.svelte CHANGED
@@ -31,7 +31,7 @@
31
31
  )}
32
32
  />
33
33
  {#if endIcon}
34
- <div class="absolute inset-y-0 right-0 flex items-center justify-end p-0.5">
34
+ <div class="absolute inset-y-0 right-0 flex items-center justify-end">
35
35
  <div class="flex h-full min-w-8 items-center justify-center">
36
36
  {@render endIcon()}
37
37
  </div>
package/dist/components/tree-view/tree-view.svelte CHANGED
@@ -111,11 +111,11 @@
111
111
  {#snippet render(tree)}
112
112
  <Button
113
113
  variant="outline"
114
- size="icon-lg"
114
+ size="icon"
115
115
  title="Collapse all"
116
116
  onclick={() => tree().collapse()}
117
117
  >
118
- <PhArrowsInSimple class="size-4" />
118
+ <PhArrowsInSimple />
119
119
  </Button>
120
120
  {/snippet}
121
121
  </TreeView.Context>
@@ -123,10 +123,10 @@
123
123
  <Field.Root>
124
124
  <Field.Input bind:value={searchTerm} placeholder="Search...">
125
125
  {#snippet startIcon()}
126
- <PhMagnifyingGlass class="size-4" />
126
+ <PhMagnifyingGlass />
127
127
  {/snippet}
128
128
  {#snippet endIcon()}
129
- <Button variant="ghost" size="icon" onclick={() => (searchTerm = '')}>
129
+ <Button variant="ghost" size="icon-sm" onclick={() => (searchTerm = '')}>
130
130
  <PhX />
131
131
  </Button>
132
132
  {/snippet}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.71.2",
3
+ "version": "0.71.4",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev --open",
@@ -55,43 +55,43 @@
55
55
  },
56
56
  "devDependencies": {
57
57
  "@eslint/js": "^10.0.1",
58
- "@faker-js/faker": "^10.5.0",
58
+ "@faker-js/faker": "^10.6.0",
59
59
  "@iconify-json/ph": "^1.2.2",
60
60
  "@sveltejs/adapter-auto": "^7.0.0",
61
61
  "@sveltejs/adapter-cloudflare": "^7.2.9",
62
- "@sveltejs/kit": "^2.70.2",
62
+ "@sveltejs/kit": "^2.70.3",
63
63
  "@sveltejs/package": "^2.5.8",
64
64
  "@sveltejs/vite-plugin-svelte": "^7.3.0",
65
65
  "@tailwindcss/vite": "^4.3.3",
66
- "@tanstack/intent": "^0.3.6",
67
- "@tanstack/svelte-table": "9.1.0",
66
+ "@tanstack/intent": "^0.3.7",
67
+ "@tanstack/svelte-table": "9.1.2",
68
68
  "@types/node": "^22.20.0",
69
- "eslint": "^10.8.1",
69
+ "eslint": "^10.9.1",
70
70
  "eslint-config-prettier": "^10.1.8",
71
- "eslint-plugin-svelte": "^3.22.0",
72
- "globals": "^17.9.0",
71
+ "eslint-plugin-svelte": "^3.23.0",
72
+ "globals": "^17.11.0",
73
73
  "prettier": "^3.9.6",
74
74
  "prettier-plugin-svelte": "^4.1.1",
75
75
  "prettier-plugin-tailwindcss": "^0.8.1",
76
- "publint": "^0.3.23",
77
- "svelte": "^5.56.8",
78
- "svelte-check": "^4.7.5",
76
+ "publint": "^0.3.24",
77
+ "svelte": "^5.56.10",
78
+ "svelte-check": "^4.7.6",
79
79
  "tailwindcss": "^4.3.3",
80
80
  "tw-animate-css": "^1.4.0",
81
81
  "typescript": "^6.0.3",
82
- "typescript-eslint": "^8.66.0",
82
+ "typescript-eslint": "^8.68.0",
83
83
  "unplugin-icons": "^23.0.1",
84
- "vite": "^8.2.1"
84
+ "vite": "^8.2.2"
85
85
  },
86
86
  "keywords": [
87
87
  "svelte",
88
88
  "tanstack-intent"
89
89
  ],
90
90
  "dependencies": {
91
- "@ark-ui/svelte": "^5.23.0",
91
+ "@ark-ui/svelte": "^5.24.0",
92
92
  "@fontsource-variable/nunito-sans": "^5.2.7",
93
93
  "@internationalized/date": "^3.12.3",
94
- "@tanstack/svelte-virtual": "^3.13.35",
94
+ "@tanstack/svelte-virtual": "^3.13.36",
95
95
  "runed": "^0.37.1",
96
96
  "svelte-tel-input": "^4.3.2",
97
97
  "tailwind-merge": "^3.6.0",