auxalia-ui-kit 1.5.4 → 1.5.6

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/index.cjs +23 -1
  2. package/dist/index.d.cts +9 -9
  3. package/dist/index.d.ts +9 -9
  4. package/dist/index.js +23 -1
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -345,6 +345,27 @@ var compoundVariants = [
345
345
  variant: "link",
346
346
  color: "accent",
347
347
  class: "text-accent underline hover:text-opacity-80"
348
+ },
349
+ // SURFACE - Neutral Surface Color
350
+ {
351
+ variant: "default",
352
+ color: "surface",
353
+ class: "bg-surface text-surface-foreground hover:bg-surface-hover shadow-sm hover:shadow-md"
354
+ },
355
+ {
356
+ variant: "outline",
357
+ color: "surface",
358
+ class: "border-2 border-surface text-surface-foreground hover:bg-surface hover:text-surface-foreground"
359
+ },
360
+ {
361
+ variant: "ghost",
362
+ color: "surface",
363
+ class: "text-surface-foreground hover:bg-surface"
364
+ },
365
+ {
366
+ variant: "link",
367
+ color: "surface",
368
+ class: "text-surface-foreground underline hover:text-surface-hover"
348
369
  }
349
370
  ];
350
371
  var buttonVariants = (0, import_class_variance_authority4.cva)(
@@ -362,7 +383,8 @@ var buttonVariants = (0, import_class_variance_authority4.cva)(
362
383
  primary: "",
363
384
  secondary: "",
364
385
  accent: "",
365
- destructive: ""
386
+ destructive: "",
387
+ surface: ""
366
388
  },
367
389
  size: {
368
390
  default: "px-4 py-2",
package/dist/index.d.cts CHANGED
@@ -15,7 +15,7 @@ import { ClassValue } from 'clsx';
15
15
  import 'tailwindcss';
16
16
 
17
17
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
18
- variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
18
+ variant?: "primary" | "destructive" | "default" | "success" | "warning" | "info";
19
19
  } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
20
20
  declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
21
21
  declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
@@ -30,7 +30,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
30
30
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
31
31
 
32
32
  declare const badgeVariants: (props?: {
33
- variant?: "default" | "destructive" | "success" | "secondary" | "accent" | "outline" | "solid";
33
+ variant?: "secondary" | "accent" | "destructive" | "default" | "success" | "outline" | "solid";
34
34
  } & class_variance_authority_types.ClassProp) => string;
35
35
  interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
36
36
  }
@@ -38,12 +38,12 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
38
38
 
39
39
  declare const buttonVariants: (props?: {
40
40
  variant?: "default" | "link" | "outline" | "ghost";
41
- color?: "default" | "primary" | "destructive" | "secondary" | "accent";
41
+ color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
42
42
  size?: "default" | "sm" | "lg" | "icon";
43
43
  } & class_variance_authority_types.ClassProp) => string;
44
44
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
45
45
  asChild?: boolean;
46
- color?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive';
46
+ color?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive' | 'surface';
47
47
  }
48
48
  declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
49
49
 
@@ -70,7 +70,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
70
70
  declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
71
71
 
72
72
  declare const switchVariants: (props?: {
73
- color?: "primary" | "destructive" | "secondary" | "accent";
73
+ color?: "primary" | "secondary" | "accent" | "destructive";
74
74
  size?: "sm" | "md" | "lg";
75
75
  } & class_variance_authority_types.ClassProp) => string;
76
76
  interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$1.Root>, 'color' | 'size'>, VariantProps<typeof switchVariants> {
@@ -78,7 +78,7 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
78
78
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
79
79
 
80
80
  declare const dropdownMenuItemVariants: (props?: {
81
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
81
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
82
82
  } & class_variance_authority_types.ClassProp) => string;
83
83
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
84
84
 
@@ -153,7 +153,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
153
153
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
154
154
 
155
155
  declare const cardVariants: (props?: {
156
- variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
156
+ variant?: "primary" | "accent" | "default" | "success" | "outlined" | "elevated";
157
157
  } & class_variance_authority_types.ClassProp) => string;
158
158
  type CardVariantProps = VariantProps<typeof cardVariants>;
159
159
 
@@ -169,11 +169,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
169
169
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
170
170
 
171
171
  declare const selectTriggerVariants: (props?: {
172
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
172
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
173
173
  size?: "sm" | "md" | "lg";
174
174
  } & class_variance_authority_types.ClassProp) => string;
175
175
  declare const selectItemVariants: (props?: {
176
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
176
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
177
177
  } & class_variance_authority_types.ClassProp) => string;
178
178
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
179
179
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import { ClassValue } from 'clsx';
15
15
  import 'tailwindcss';
16
16
 
17
17
  declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
18
- variant?: "default" | "primary" | "destructive" | "success" | "warning" | "info";
18
+ variant?: "primary" | "destructive" | "default" | "success" | "warning" | "info";
19
19
  } & class_variance_authority_types.ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
20
20
  declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
21
21
  declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
@@ -30,7 +30,7 @@ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarI
30
30
  declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<Avatar$1.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
31
31
 
32
32
  declare const badgeVariants: (props?: {
33
- variant?: "default" | "destructive" | "success" | "secondary" | "accent" | "outline" | "solid";
33
+ variant?: "secondary" | "accent" | "destructive" | "default" | "success" | "outline" | "solid";
34
34
  } & class_variance_authority_types.ClassProp) => string;
35
35
  interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
36
36
  }
@@ -38,12 +38,12 @@ declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_
38
38
 
39
39
  declare const buttonVariants: (props?: {
40
40
  variant?: "default" | "link" | "outline" | "ghost";
41
- color?: "default" | "primary" | "destructive" | "secondary" | "accent";
41
+ color?: "primary" | "secondary" | "accent" | "surface" | "destructive" | "default";
42
42
  size?: "default" | "sm" | "lg" | "icon";
43
43
  } & class_variance_authority_types.ClassProp) => string;
44
44
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
45
45
  asChild?: boolean;
46
- color?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive';
46
+ color?: 'default' | 'primary' | 'secondary' | 'accent' | 'destructive' | 'surface';
47
47
  }
48
48
  declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
49
49
 
@@ -70,7 +70,7 @@ declare function SkeletonAvatar({ className, ...props }: React.HTMLAttributes<HT
70
70
  declare function SkeletonCard({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
71
71
 
72
72
  declare const switchVariants: (props?: {
73
- color?: "primary" | "destructive" | "secondary" | "accent";
73
+ color?: "primary" | "secondary" | "accent" | "destructive";
74
74
  size?: "sm" | "md" | "lg";
75
75
  } & class_variance_authority_types.ClassProp) => string;
76
76
  interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$1.Root>, 'color' | 'size'>, VariantProps<typeof switchVariants> {
@@ -78,7 +78,7 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Switch$
78
78
  declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
79
79
 
80
80
  declare const dropdownMenuItemVariants: (props?: {
81
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
81
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
82
82
  } & class_variance_authority_types.ClassProp) => string;
83
83
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
84
84
 
@@ -153,7 +153,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
153
153
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
154
154
 
155
155
  declare const cardVariants: (props?: {
156
- variant?: "default" | "primary" | "success" | "accent" | "outlined" | "elevated";
156
+ variant?: "primary" | "accent" | "default" | "success" | "outlined" | "elevated";
157
157
  } & class_variance_authority_types.ClassProp) => string;
158
158
  type CardVariantProps = VariantProps<typeof cardVariants>;
159
159
 
@@ -169,11 +169,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
169
169
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
170
170
 
171
171
  declare const selectTriggerVariants: (props?: {
172
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent" | "error";
172
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
173
173
  size?: "sm" | "md" | "lg";
174
174
  } & class_variance_authority_types.ClassProp) => string;
175
175
  declare const selectItemVariants: (props?: {
176
- variant?: "default" | "primary" | "destructive" | "secondary" | "accent";
176
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
177
177
  } & class_variance_authority_types.ClassProp) => string;
178
178
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
179
179
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
package/dist/index.js CHANGED
@@ -225,6 +225,27 @@ var compoundVariants = [
225
225
  variant: "link",
226
226
  color: "accent",
227
227
  class: "text-accent underline hover:text-opacity-80"
228
+ },
229
+ // SURFACE - Neutral Surface Color
230
+ {
231
+ variant: "default",
232
+ color: "surface",
233
+ class: "bg-surface text-surface-foreground hover:bg-surface-hover shadow-sm hover:shadow-md"
234
+ },
235
+ {
236
+ variant: "outline",
237
+ color: "surface",
238
+ class: "border-2 border-surface text-surface-foreground hover:bg-surface hover:text-surface-foreground"
239
+ },
240
+ {
241
+ variant: "ghost",
242
+ color: "surface",
243
+ class: "text-surface-foreground hover:bg-surface"
244
+ },
245
+ {
246
+ variant: "link",
247
+ color: "surface",
248
+ class: "text-surface-foreground underline hover:text-surface-hover"
228
249
  }
229
250
  ];
230
251
  var buttonVariants = cva4(
@@ -242,7 +263,8 @@ var buttonVariants = cva4(
242
263
  primary: "",
243
264
  secondary: "",
244
265
  accent: "",
245
- destructive: ""
266
+ destructive: "",
267
+ surface: ""
246
268
  },
247
269
  size: {
248
270
  default: "px-4 py-2",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "auxalia-ui-kit",
3
- "version": "1.5.4",
4
- "description": "A React component library built with Radix UI and Tailwind CSS, designed to provide accessible and customizable UI components for modern web applications.",
3
+ "version": "1.5.6",
4
+ "description": "feat: Add new 'surface' color variant with default, outline, ghost, and link styles to the Button component.",
5
5
  "license": "ISC",
6
6
  "author": {
7
7
  "name": "auxalia-GmbH",