compote-ui 0.75.1 → 0.75.3

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 (8) hide show
  1. package/dist/components/badge/badge.variants.d.ts +1 -1
  2. package/dist/components/badge/badge.variants.js +1 -1
  3. package/dist/components/button/button.variants.d.ts +21 -21
  4. package/dist/components/button/button.variants.js +7 -7
  5. package/dist/components/json-tree-view/json-tree-view.svelte +1 -1
  6. package/dist/components/toggle/toggle.variants.d.ts +9 -9
  7. package/dist/components/toggle/toggle.variants.js +6 -6
  8. package/package.json +13 -9
package/dist/components/badge/badge.variants.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const badge: import("tailwind-variants").TVReturnType<{
13
13
  success: "";
14
14
  info: "";
15
15
  };
16
- }, undefined, "inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium [&_svg]:size-3 [&_svg]:shrink-0", {
16
+ }, undefined, "inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium **:data-[slot=icon]:size-3 [&_svg]:size-3 [&_svg]:shrink-0", {
17
17
  variant: {
18
18
  solid: "";
19
19
  subtle: "";
package/dist/components/badge/badge.variants.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { tv } from 'tailwind-variants';
2
2
  export const badge = tv({
3
- base: 'inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium [&_svg]:size-3 [&_svg]:shrink-0',
3
+ base: 'inline-flex w-fit items-center gap-1 rounded px-2 py-0.5 text-xs font-medium **:data-[slot=icon]:size-3 [&_svg]:size-3 [&_svg]:shrink-0',
4
4
  variants: {
5
5
  variant: {
6
6
  solid: '',
package/dist/components/button/button.variants.d.ts CHANGED
@@ -7,13 +7,13 @@ 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 [&_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";
10
+ sm: "h-8 gap-1.5 px-2 **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
11
+ default: "h-9 gap-2 px-3 **:data-[slot=icon]:size-4 [&_svg]:size-4";
12
+ lg: "h-10 gap-2.5 px-4 **:data-[slot=icon]:size-5 [&_svg]:size-5";
13
+ icon: "size-9 shrink-0 **:data-[slot=icon]:size-6 [&_svg]:size-6";
14
+ 'icon-xs': "size-7 shrink-0 **:data-[slot=icon]:size-4 [&_svg]:size-4";
15
+ 'icon-sm': "size-8 shrink-0 **:data-[slot=icon]:size-5 [&_svg]:size-5";
16
+ 'icon-lg': "size-10 shrink-0 **:data-[slot=icon]:size-7 [&_svg]:size-7";
17
17
  };
18
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: {
@@ -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 [&_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";
26
+ sm: "h-8 gap-1.5 px-2 **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
27
+ default: "h-9 gap-2 px-3 **:data-[slot=icon]:size-4 [&_svg]:size-4";
28
+ lg: "h-10 gap-2.5 px-4 **:data-[slot=icon]:size-5 [&_svg]:size-5";
29
+ icon: "size-9 shrink-0 **:data-[slot=icon]:size-6 [&_svg]:size-6";
30
+ 'icon-xs': "size-7 shrink-0 **:data-[slot=icon]:size-4 [&_svg]:size-4";
31
+ 'icon-sm': "size-8 shrink-0 **:data-[slot=icon]:size-5 [&_svg]:size-5";
32
+ 'icon-lg': "size-10 shrink-0 **:data-[slot=icon]:size-7 [&_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 [&_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";
42
+ sm: "h-8 gap-1.5 px-2 **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
43
+ default: "h-9 gap-2 px-3 **:data-[slot=icon]:size-4 [&_svg]:size-4";
44
+ lg: "h-10 gap-2.5 px-4 **:data-[slot=icon]:size-5 [&_svg]:size-5";
45
+ icon: "size-9 shrink-0 **:data-[slot=icon]:size-6 [&_svg]:size-6";
46
+ 'icon-xs': "size-7 shrink-0 **:data-[slot=icon]:size-4 [&_svg]:size-4";
47
+ 'icon-sm': "size-8 shrink-0 **:data-[slot=icon]:size-5 [&_svg]:size-5";
48
+ 'icon-lg': "size-10 shrink-0 **:data-[slot=icon]:size-7 [&_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
@@ -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 [&_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'
12
+ sm: 'h-8 gap-1.5 px-2 **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5',
13
+ default: 'h-9 gap-2 px-3 **:data-[slot=icon]:size-4 [&_svg]:size-4',
14
+ lg: 'h-10 gap-2.5 px-4 **:data-[slot=icon]:size-5 [&_svg]:size-5',
15
+ icon: 'size-9 shrink-0 **:data-[slot=icon]:size-6 [&_svg]:size-6',
16
+ 'icon-xs': 'size-7 shrink-0 **:data-[slot=icon]:size-4 [&_svg]:size-4',
17
+ 'icon-sm': 'size-8 shrink-0 **:data-[slot=icon]:size-5 [&_svg]:size-5',
18
+ 'icon-lg': 'size-10 shrink-0 **:data-[slot=icon]:size-7 [&_svg]:size-7'
19
19
  }
20
20
  },
21
21
  defaultVariants: { variant: 'default', size: 'default' }
package/dist/components/json-tree-view/json-tree-view.svelte CHANGED
@@ -47,7 +47,7 @@
47
47
  {...rootProps}
48
48
  >
49
49
  <JsonTreeView.Tree
50
- class={cn('flex flex-col leading-[1.8] [&_svg]:size-3', treeClass)}
50
+ class={cn('flex flex-col leading-[1.8] **:data-[slot=icon]:size-3 [&_svg]:size-3', treeClass)}
51
51
  {indentGuide}
52
52
  {renderValue}
53
53
  >
package/dist/components/toggle/toggle.variants.d.ts CHANGED
@@ -5,9 +5,9 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
5
5
  outline: "border border-border hover:bg-surface-2 hover:text-ink data-pressed:bg-surface-2 data-pressed:text-ink data-pressed:shadow-sm data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm";
6
6
  };
7
7
  size: {
8
- sm: "h-8 min-w-8 gap-1 px-1.5 text-xs [&_svg]:size-3.5";
9
- md: "h-9 min-w-9 gap-1.5 px-2 text-sm [&_svg]:size-4";
10
- lg: "h-10 min-w-10 gap-2 px-2.5 text-sm [&_svg]:size-5";
8
+ sm: "h-8 min-w-8 gap-1 px-1.5 text-xs **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
9
+ md: "h-9 min-w-9 gap-1.5 px-2 text-sm **:data-[slot=icon]:size-4 [&_svg]:size-4";
10
+ lg: "h-10 min-w-10 gap-2 px-2.5 text-sm **:data-[slot=icon]:size-5 [&_svg]:size-5";
11
11
  };
12
12
  icon: {
13
13
  true: "";
@@ -18,9 +18,9 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
18
18
  outline: "border border-border hover:bg-surface-2 hover:text-ink data-pressed:bg-surface-2 data-pressed:text-ink data-pressed:shadow-sm data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm";
19
19
  };
20
20
  size: {
21
- sm: "h-8 min-w-8 gap-1 px-1.5 text-xs [&_svg]:size-3.5";
22
- md: "h-9 min-w-9 gap-1.5 px-2 text-sm [&_svg]:size-4";
23
- lg: "h-10 min-w-10 gap-2 px-2.5 text-sm [&_svg]:size-5";
21
+ sm: "h-8 min-w-8 gap-1 px-1.5 text-xs **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
22
+ md: "h-9 min-w-9 gap-1.5 px-2 text-sm **:data-[slot=icon]:size-4 [&_svg]:size-4";
23
+ lg: "h-10 min-w-10 gap-2 px-2.5 text-sm **:data-[slot=icon]:size-5 [&_svg]:size-5";
24
24
  };
25
25
  icon: {
26
26
  true: "";
@@ -31,9 +31,9 @@ export declare const toggle: import("tailwind-variants").TVReturnType<{
31
31
  outline: "border border-border hover:bg-surface-2 hover:text-ink data-pressed:bg-surface-2 data-pressed:text-ink data-pressed:shadow-sm data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm";
32
32
  };
33
33
  size: {
34
- sm: "h-8 min-w-8 gap-1 px-1.5 text-xs [&_svg]:size-3.5";
35
- md: "h-9 min-w-9 gap-1.5 px-2 text-sm [&_svg]:size-4";
36
- lg: "h-10 min-w-10 gap-2 px-2.5 text-sm [&_svg]:size-5";
34
+ sm: "h-8 min-w-8 gap-1 px-1.5 text-xs **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5";
35
+ md: "h-9 min-w-9 gap-1.5 px-2 text-sm **:data-[slot=icon]:size-4 [&_svg]:size-4";
36
+ lg: "h-10 min-w-10 gap-2 px-2.5 text-sm **:data-[slot=icon]:size-5 [&_svg]:size-5";
37
37
  };
38
38
  icon: {
39
39
  true: "";
package/dist/components/toggle/toggle.variants.js CHANGED
@@ -7,18 +7,18 @@ export const toggle = tv({
7
7
  outline: 'border border-border hover:bg-surface-2 hover:text-ink data-pressed:bg-surface-2 data-pressed:text-ink data-pressed:shadow-sm data-[state=on]:bg-surface-2 data-[state=on]:text-ink data-[state=on]:shadow-sm'
8
8
  },
9
9
  size: {
10
- sm: 'h-8 min-w-8 gap-1 px-1.5 text-xs [&_svg]:size-3.5',
11
- md: 'h-9 min-w-9 gap-1.5 px-2 text-sm [&_svg]:size-4',
12
- lg: 'h-10 min-w-10 gap-2 px-2.5 text-sm [&_svg]:size-5'
10
+ sm: 'h-8 min-w-8 gap-1 px-1.5 text-xs **:data-[slot=icon]:size-3.5 [&_svg]:size-3.5',
11
+ md: 'h-9 min-w-9 gap-1.5 px-2 text-sm **:data-[slot=icon]:size-4 [&_svg]:size-4',
12
+ lg: 'h-10 min-w-10 gap-2 px-2.5 text-sm **:data-[slot=icon]:size-5 [&_svg]:size-5'
13
13
  },
14
14
  icon: {
15
15
  true: ''
16
16
  }
17
17
  },
18
18
  compoundVariants: [
19
- { size: 'sm', icon: true, class: 'w-8 px-0 [&_svg]:size-5' },
20
- { size: 'md', icon: true, class: 'w-9 px-0 [&_svg]:size-6' },
21
- { size: 'lg', icon: true, class: 'w-10 px-0 [&_svg]:size-7' }
19
+ { size: 'sm', icon: true, class: 'w-8 px-0 **:data-[slot=icon]:size-5 [&_svg]:size-5' },
20
+ { size: 'md', icon: true, class: 'w-9 px-0 **:data-[slot=icon]:size-6 [&_svg]:size-6' },
21
+ { size: 'lg', icon: true, class: 'w-10 px-0 **:data-[slot=icon]:size-7 [&_svg]:size-7' }
22
22
  ],
23
23
  defaultVariants: { size: 'md', variant: 'ghost' }
24
24
  });
package/package.json CHANGED
@@ -1,7 +1,11 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.75.1",
3
+ "version": "0.75.3",
4
4
  "license": "MIT",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "git+https://github.com/Tihomir971/compote-ui.git"
8
+ },
5
9
  "scripts": {
6
10
  "dev": "vite dev --open",
7
11
  "build": "vite build && npm run prepack",
@@ -67,12 +71,12 @@
67
71
  "@tailwindcss/vite": "^4.3.3",
68
72
  "@tanstack/intent": "^0.4.0",
69
73
  "@tanstack/svelte-table": "9.2.4",
70
- "@types/node": "^22.20.0",
74
+ "@types/node": "^22.20.3",
71
75
  "eslint": "^10.10.0",
72
76
  "eslint-config-prettier": "^10.1.8",
73
77
  "eslint-plugin-svelte": "^3.23.0",
74
78
  "globals": "^17.12.0",
75
- "prettier": "^3.9.6",
79
+ "prettier": "^3.9.7",
76
80
  "prettier-plugin-svelte": "^4.1.1",
77
81
  "prettier-plugin-tailwindcss": "^0.8.1",
78
82
  "publint": "^0.3.24",
@@ -82,22 +86,22 @@
82
86
  "tw-animate-css": "^1.4.0",
83
87
  "typescript": "^6.0.3",
84
88
  "typescript-eslint": "^8.70.0",
85
- "unplugin-icons": "^23.0.1",
89
+ "unplugin-icons": "^24.0.0",
86
90
  "vite": "^8.3.0",
87
- "vitest": "^5"
91
+ "vitest": "^5.0.1"
88
92
  },
89
93
  "keywords": [
90
94
  "svelte",
91
95
  "tanstack-intent"
92
96
  ],
93
97
  "dependencies": {
94
- "@ark-ui/svelte": "^5.24.1",
98
+ "@ark-ui/svelte": "^5.24.2",
95
99
  "@fontsource-variable/nunito-sans": "^5.2.7",
96
100
  "@internationalized/date": "^3.12.4",
97
- "@tanstack/svelte-virtual": "^3.13.37",
101
+ "@tanstack/svelte-virtual": "^3.13.39",
98
102
  "runed": "^0.37.1",
99
- "svelte-tel-input": "^4.3.2",
100
- "tailwind-merge": "^3.6.0",
103
+ "svelte-tel-input": "^4.3.3",
104
+ "tailwind-merge": "^3.7.0",
101
105
  "tailwind-variants": "^3.3.1"
102
106
  },
103
107
  "intent": {