compote-ui 0.71.2 → 0.71.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 (3) 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/package.json +1 -1
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "compote-ui",
3
- "version": "0.71.2",
3
+ "version": "0.71.3",
4
4
  "license": "MIT",
5
5
  "scripts": {
6
6
  "dev": "vite dev --open",