auxalia-ui-kit 1.3.1 → 1.3.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 (7) hide show
  1. package/dist/index.cjs +5 -5
  2. package/dist/index.d.cts +5 -5
  3. package/dist/index.d.ts +5 -5
  4. package/dist/index.js +5 -5
  5. package/dist/styles.css +24 -0
  6. package/dist/tokens.css +3 -2
  7. package/package.json +1 -2
package/dist/index.cjs CHANGED
@@ -855,11 +855,11 @@ var cardVariants = (0, import_class_variance_authority4.cva)(
855
855
  variants: {
856
856
  variant: {
857
857
  default: "bg-card border-primary/10 shadow-sm hover:shadow-md hover:border-primary/20 dark:border-primary/20",
858
- outlined: "bg-primary border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
859
- elevated: "bg-red-500 border border-accent/10 shadow-lg hover:shadow-xl",
860
- success: "bg-auxalia-green-100 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
861
- accent: "bg-[#ff0000] border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
862
- secondary: "bg-[#0000ff] border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
858
+ outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
859
+ elevated: "bg-secondary border border-accent/10 shadow-lg hover:shadow-xl",
860
+ success: "bg-auxalia-green-50 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
861
+ accent: "bg-auxalia-petrol-50 border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
862
+ secondary: "bg-auxalia-blue-50 border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
863
863
  }
864
864
  },
865
865
  defaultVariants: {
package/dist/index.d.cts CHANGED
@@ -16,7 +16,7 @@ import 'tailwindcss';
16
16
 
17
17
  declare const buttonVariants: (props?: {
18
18
  variant?: "default" | "outline" | "ghost" | "link";
19
- color?: "default" | "primary" | "secondary" | "accent" | "destructive";
19
+ color?: "primary" | "secondary" | "accent" | "destructive" | "default";
20
20
  size?: "default" | "sm" | "lg" | "icon";
21
21
  } & class_variance_authority_types.ClassProp) => string;
22
22
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
@@ -30,7 +30,7 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
30
30
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible.Content>): react_jsx_runtime.JSX.Element;
31
31
 
32
32
  declare const dropdownMenuItemVariants: (props?: {
33
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive";
33
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
34
34
  } & class_variance_authority_types.ClassProp) => string;
35
35
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
36
36
 
@@ -105,7 +105,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
105
105
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
106
106
 
107
107
  declare const cardVariants: (props?: {
108
- variant?: "default" | "secondary" | "accent" | "outlined" | "elevated" | "success";
108
+ variant?: "secondary" | "accent" | "default" | "outlined" | "elevated" | "success";
109
109
  } & class_variance_authority_types.ClassProp) => string;
110
110
  type CardVariantProps = VariantProps<typeof cardVariants>;
111
111
 
@@ -121,11 +121,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
121
121
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
122
122
 
123
123
  declare const selectTriggerVariants: (props?: {
124
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive" | "error";
124
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
125
125
  size?: "sm" | "lg" | "md";
126
126
  } & class_variance_authority_types.ClassProp) => string;
127
127
  declare const selectItemVariants: (props?: {
128
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive";
128
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
129
129
  } & class_variance_authority_types.ClassProp) => string;
130
130
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
131
131
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
package/dist/index.d.ts CHANGED
@@ -16,7 +16,7 @@ import 'tailwindcss';
16
16
 
17
17
  declare const buttonVariants: (props?: {
18
18
  variant?: "default" | "outline" | "ghost" | "link";
19
- color?: "default" | "primary" | "secondary" | "accent" | "destructive";
19
+ color?: "primary" | "secondary" | "accent" | "destructive" | "default";
20
20
  size?: "default" | "sm" | "lg" | "icon";
21
21
  } & class_variance_authority_types.ClassProp) => string;
22
22
  interface ButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof buttonVariants> {
@@ -30,7 +30,7 @@ declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof Co
30
30
  declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof Collapsible.Content>): react_jsx_runtime.JSX.Element;
31
31
 
32
32
  declare const dropdownMenuItemVariants: (props?: {
33
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive";
33
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
34
34
  } & class_variance_authority_types.ClassProp) => string;
35
35
  type DropdownMenuItemVariantProps = VariantProps<typeof dropdownMenuItemVariants>;
36
36
 
@@ -105,7 +105,7 @@ declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Toolti
105
105
  declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
106
106
 
107
107
  declare const cardVariants: (props?: {
108
- variant?: "default" | "secondary" | "accent" | "outlined" | "elevated" | "success";
108
+ variant?: "secondary" | "accent" | "default" | "outlined" | "elevated" | "success";
109
109
  } & class_variance_authority_types.ClassProp) => string;
110
110
  type CardVariantProps = VariantProps<typeof cardVariants>;
111
111
 
@@ -121,11 +121,11 @@ type InputProps = Omit<React.ComponentProps<'input'>, 'size'> & InputVariantProp
121
121
  declare function Input({ size, variant, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
122
122
 
123
123
  declare const selectTriggerVariants: (props?: {
124
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive" | "error";
124
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default" | "error";
125
125
  size?: "sm" | "lg" | "md";
126
126
  } & class_variance_authority_types.ClassProp) => string;
127
127
  declare const selectItemVariants: (props?: {
128
- variant?: "default" | "primary" | "secondary" | "accent" | "destructive";
128
+ variant?: "primary" | "secondary" | "accent" | "destructive" | "default";
129
129
  } & class_variance_authority_types.ClassProp) => string;
130
130
  type SelectTriggerVariantProps = VariantProps<typeof selectTriggerVariants>;
131
131
  type SelectItemVariantProps = VariantProps<typeof selectItemVariants>;
package/dist/index.js CHANGED
@@ -762,11 +762,11 @@ var cardVariants = cva4(
762
762
  variants: {
763
763
  variant: {
764
764
  default: "bg-card border-primary/10 shadow-sm hover:shadow-md hover:border-primary/20 dark:border-primary/20",
765
- outlined: "bg-primary border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
766
- elevated: "bg-red-500 border border-accent/10 shadow-lg hover:shadow-xl",
767
- success: "bg-auxalia-green-100 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
768
- accent: "bg-[#ff0000] border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
769
- secondary: "bg-[#0000ff] border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
765
+ outlined: "border-2 border-primary/30 bg-transparent hover:border-primary/50 dark:border-primary/40",
766
+ elevated: "bg-secondary border border-accent/10 shadow-lg hover:shadow-xl",
767
+ success: "bg-auxalia-green-50 border border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/30",
768
+ accent: "bg-auxalia-petrol-50 border border-auxalia-petrol-200 dark:bg-auxalia-petrol-500/10 dark:border-auxalia-petrol-500/30",
769
+ secondary: "bg-auxalia-blue-50 border border-auxalia-blue-200 dark:bg-auxalia-blue-500/10 dark:border-auxalia-blue-500/30"
770
770
  }
771
771
  },
772
772
  defaultVariants: {
package/dist/styles.css ADDED
@@ -0,0 +1,24 @@
1
+ /* inline safelist classes previously stored in safelist.txt */
2
+ @source inline("bg-primary text-primary bg-secondary bg-accent bg-destructive text-primary-foreground bg-primary-hover border-primary ring-primary bg-card bg-popover border-black/10 dark:border-white/10 shadow-md bg-primary/5 bg-primary/10 bg-primary/15 bg-primary/20 bg-primary/25 bg-primary/30 bg-primary/40 bg-primary/50 border-primary/10 border-primary/20 border-primary/25 border-primary/30 border-primary/40 border-primary/50 ring-primary/15 ring-primary/20 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2");
3
+
4
+ @import 'tailwindcss/base';
5
+ @import 'tailwindcss/components';
6
+ @import 'tailwindcss/utilities';
7
+
8
+ @import './tokens.css';
9
+
10
+ /* base layer */
11
+ @layer base {
12
+ button {
13
+ @apply transition-all duration-300 ease-in-out;
14
+ }
15
+
16
+ button:hover {
17
+ @apply shadow-sm;
18
+ }
19
+
20
+ a {
21
+ color: inherit;
22
+ text-decoration: none;
23
+ }
24
+ }
package/dist/tokens.css CHANGED
@@ -3,6 +3,7 @@
3
3
 
4
4
  :root {
5
5
  /* BRAND COLORS */
6
+ /* Primary: Fresh Green #A7D500 */
6
7
  --color-primary: hsl(73 100% 42%);
7
8
  --color-primary-hover: hsl(72 100% 36%);
8
9
  --color-primary-foreground: hsl(0 0% 100%);
@@ -34,11 +35,11 @@
34
35
  --color-bg-hero: hsl(210 40% 98%);
35
36
 
36
37
  /* SURFACES */
37
- --card: hsl(189, 89%, 39%);
38
+ --card: hsl(0 0% 100%);
38
39
  --card-hover: hsl(210 40% 98%);
39
40
 
40
41
  /* POPOVER / DROPDOWN / SELECT opened content */
41
- --popover: hsl(315, 96%, 39%);
42
+ --popover: hsl(0 0% 100%);
42
43
 
43
44
  /* COMMON */
44
45
  --transition-base: 200ms ease;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "auxalia-ui-kit",
3
- "version": "1.3.1",
3
+ "version": "1.3.3",
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.",
5
5
  "license": "ISC",
6
6
  "author": {
@@ -61,7 +61,6 @@
61
61
  ],
62
62
  "sideEffects": [
63
63
  "dist/styles.css",
64
- "dist/index.css",
65
64
  "dist/tokens.css"
66
65
  ],
67
66
  "scripts": {