@gamecp/ui 0.1.22 → 0.1.24

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 (7) hide show
  1. package/dist/index.d.mts +3 -3
  2. package/dist/index.d.ts +3 -3
  3. package/dist/index.js +32 -30
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +32 -30
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -8,27 +8,28 @@ import { Tooltip } from 'react-tooltip';
8
8
 
9
9
  // src/Badge.tsx
10
10
  var badgeVariants = {
11
- default: "bg-muted text-foreground border-border",
12
- primary: "bg-primary-100 text-primary-800 border-primary-200",
13
- secondary: "bg-muted text-foreground border-border",
14
- success: "bg-success text-success-dark border-success-light",
15
- warning: "bg-amber/20 text-yellow-800 border-amber/30",
16
- error: "bg-danger/20 text-danger border-danger/30",
11
+ default: "bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80",
12
+ primary: "bg-primary text-primary-foreground border-transparent hover:bg-primary/80",
13
+ secondary: "bg-secondary text-secondary-foreground border-transparent hover:bg-secondary/80",
14
+ success: "status-running-badge border-transparent",
15
+ warning: "status-starting-badge border-transparent",
16
+ error: "status-error-badge border-transparent",
17
17
  info: "bg-muted text-muted-foreground border-ring",
18
- gray: "bg-muted text-foreground border-border",
19
- purple: "bg-purple-100 text-purple-800 border-purple-200",
20
- pink: "bg-pink/20 text-pink border-pink-200",
21
- indigo: "bg-indigo/20 text-indigo border-indigo-200",
22
- orange: "bg-orange/20 text-orange-800 border-orange/30",
23
- teal: "bg-teal-100 text-teal-800 border-teal-200",
24
- cyan: "bg-cyan/20 text-cyan-800 border-cyan-200",
25
- lime: "bg-lime-100 text-lime-800 border-lime-200",
26
- emerald: "bg-emerald/20 text-emerald-800 border-emerald-200",
27
- rose: "bg-rose-100 text-rose-800 border-rose-200",
28
- sky: "bg-sky-100 text-sky-800 border-sky-200",
29
- violet: "bg-violet-100 text-violet-800 border-violet-200",
30
- fuchsia: "bg-fuchsia-100 text-fuchsia-800 border-fuchsia-200",
31
- amber: "bg-amber/20 text-amber-800 border-amber/30"
18
+ gray: "bg-muted text-muted-foreground border-border",
19
+ purple: "badge-purple",
20
+ pink: "badge-pink",
21
+ indigo: "badge-indigo",
22
+ yellow: "status-starting-badge border-transparent",
23
+ orange: "status-restarting-badge border-transparent",
24
+ teal: "badge-teal",
25
+ cyan: "badge-cyan",
26
+ lime: "badge-lime",
27
+ emerald: "badge-emerald",
28
+ rose: "badge-rose",
29
+ sky: "badge-sky",
30
+ violet: "badge-violet",
31
+ fuchsia: "badge-fuchsia",
32
+ amber: "status-starting-badge border-transparent"
32
33
  };
33
34
  var badgeSizes = {
34
35
  sm: "px-2 py-0.5 text-xs",
@@ -60,18 +61,19 @@ function Badge({
60
61
  );
61
62
  }
62
63
  var variantClasses = {
63
- primary: "bg-primary text-primary-foreground hover:bg-primary/90 border-transparent",
64
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
65
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 border-transparent",
66
- danger: "bg-danger text-white hover:bg-danger border-transparent",
64
+ primary: "btn-primary",
65
+ secondary: "btn-secondary",
66
+ danger: "btn-danger",
67
+ success: "action-btn-start",
68
+ warning: "action-btn-pause",
67
69
  ghost: "bg-transparent hover:bg-muted hover:text-foreground border-transparent",
68
- link: "bg-transparent text-primary underline-offset-4 hover:underline border-transparent p-0",
69
- outline: "bg-transparent border-border hover:bg-muted hover:text-foreground"
70
+ link: "bg-transparent text-primary underline-offset-4 hover:underline border-transparent p-0"
70
71
  };
71
72
  var sizeClasses = {
72
- sm: "px-3 py-1.5 text-sm",
73
- md: "px-4 py-2 text-sm",
74
- lg: "px-6 py-3 text-base"
73
+ xs: "btn-xs px-2 py-1",
74
+ sm: "btn-sm px-3 py-1.5",
75
+ md: "btn-md px-4 py-2",
76
+ lg: "btn-lg px-6 py-3"
75
77
  };
76
78
  var Button = forwardRef(
77
79
  ({
@@ -86,7 +88,7 @@ var Button = forwardRef(
86
88
  children,
87
89
  ...props
88
90
  }, ref) => {
89
- const baseClasses = "inline-flex items-center justify-center gap-2 font-medium rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
91
+ const baseClasses = "btn inline-flex items-center justify-center gap-2 font-medium rounded-md border transition-colors focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed";
90
92
  const classes = [
91
93
  baseClasses,
92
94
  variantClasses[variant],