@a2v2ai/uikit 0.0.13 → 0.0.14

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 (6) hide show
  1. package/Alert/Alert.js +1 -1
  2. package/ChatBubble/ChatBubble.js +1 -1
  3. package/Spinner/Spinner.js +2 -2
  4. package/Toast/Toast.js +1 -1
  5. package/index.css +58 -84
  6. package/package.json +1 -1
package/Alert/Alert.js CHANGED
@@ -45,7 +45,7 @@ const alertVariants = (0, class_variance_authority_1.cva)("relative w-full round
45
45
  destructive: "border-error-200 bg-error-50 text-error-700 [&>svg]:text-error-600",
46
46
  success: "border-success-200 bg-success-50 text-success-700 [&>svg]:text-success-600",
47
47
  warning: "border-warning-200 bg-warning-50 text-warning-700 [&>svg]:text-warning-600",
48
- info: "border-info-200 bg-info-50 text-info-700 [&>svg]:text-info-600",
48
+ info: "border-accent-200 bg-accent-50 text-accent-700 [&>svg]:text-accent-600",
49
49
  },
50
50
  },
51
51
  defaultVariants: {
package/ChatBubble/ChatBubble.js CHANGED
@@ -88,7 +88,7 @@ const bubbleContentVariants = (0, class_variance_authority_1.cva)("px-4 py-3 fon
88
88
  {
89
89
  color: "grey",
90
90
  theme: "dark",
91
- className: "bg-[#232323] text-white",
91
+ className: "bg-main-900 text-white",
92
92
  },
93
93
  {
94
94
  color: "grey",
package/Spinner/Spinner.js CHANGED
@@ -48,8 +48,8 @@ const spinnerVariants = (0, class_variance_authority_1.cva)("animate-spin", {
48
48
  xl: "size-16",
49
49
  },
50
50
  variant: {
51
- default: "text-brand-500",
52
- primary: "text-brand-500",
51
+ default: "text-accent-500",
52
+ primary: "text-accent-500",
53
53
  secondary: "text-grey-500",
54
54
  muted: "text-grey-400",
55
55
  white: "text-white",
package/Toast/Toast.js CHANGED
@@ -22,7 +22,7 @@ const Toaster = ({ theme = "light", ...props }) => {
22
22
  success: "group-[.toaster]:border-success-200 group-[.toaster]:bg-success-50 group-[.toaster]:text-success-900 [&_svg]:text-success-600",
23
23
  error: "group-[.toaster]:border-error-200 group-[.toaster]:bg-error-50 group-[.toaster]:text-error-900 [&_svg]:text-error-600",
24
24
  warning: "group-[.toaster]:border-warning-200 group-[.toaster]:bg-warning-50 group-[.toaster]:text-warning-900 [&_svg]:text-warning-600",
25
- info: "group-[.toaster]:border-info-200 group-[.toaster]:bg-info-50 group-[.toaster]:text-info-900 [&_svg]:text-info-600",
25
+ info: "group-[.toaster]:border-accent-200 group-[.toaster]:bg-accent-50 group-[.toaster]:text-accent-900 [&_svg]:text-accent-600",
26
26
  },
27
27
  }, ...props }));
28
28
  };
package/index.css CHANGED
@@ -8,82 +8,69 @@
8
8
  --font-sans: "Outfit", sans-serif;
9
9
 
10
10
  /* Main colors */
11
- --color-main-50: #fafafa;
12
- --color-main-100: #f4f4f5;
13
- --color-main-200: #e4e4e7;
14
- --color-main-300: #d4d4d8;
15
- --color-main-400: #a1a1aa;
16
- --color-main-500: #71717a;
17
- --color-main-600: #52525b;
18
- --color-main-700: #3f3f46;
19
- --color-main-800: #27272a;
20
- --color-main-900: #18181b;
21
- --color-main-950: #09090b;
11
+ --color-main-50: #FFFFFF;
12
+ --color-main-100: #E7E7E7;
13
+ --color-main-200: #CECECE;
14
+ --color-main-300: #B6B6B6;
15
+ --color-main-400: #9D9D9D;
16
+ --color-main-500: #858585;
17
+ --color-main-600: #6D6D6D;
18
+ --color-main-700: #545454;
19
+ --color-main-800: #3C3C3C;
20
+ --color-main-900: #232323;
21
+ --color-main-950: ##OBOBOB;
22
22
 
23
23
  /* Grey colors */
24
- --color-grey-50: #f9fafb;
25
- --color-grey-100: #f3f4f6;
26
- --color-grey-200: #e5e7eb;
27
- --color-grey-300: #d1d5db;
28
- --color-grey-400: #9ca3af;
29
- --color-grey-500: #6b7280;
30
- --color-grey-600: #4b5563;
31
- --color-grey-700: #374151;
32
- --color-grey-800: #1f2937;
33
- --color-grey-900: #111827;
34
- --color-grey-950: #030712;
35
-
36
- /* Brand colors */
37
- --color-brand-50: #eff6ff;
38
- --color-brand-100: #dbeafe;
39
- --color-brand-200: #bfdbfe;
40
- --color-brand-300: #93c5fd;
41
- --color-brand-400: #60a5fa;
42
- --color-brand-500: #3b82f6;
43
- --color-brand-600: #2563eb;
44
- --color-brand-700: #1d4ed8;
45
- --color-brand-800: #1e40af;
46
- --color-brand-900: #1e3a8a;
47
- --color-brand-950: #172554;
24
+ --color-grey-50: #F8FAFC;
25
+ --color-grey-100: #F1F5F9;
26
+ --color-grey-200: #E2E8F0;
27
+ --color-grey-300: #CBD5E1;
28
+ --color-grey-400: #94A3B8;
29
+ --color-grey-500: #64748B;
30
+ --color-grey-600: #475569;
31
+ --color-grey-700: #334155;
32
+ --color-grey-800: #1E293B;
33
+ --color-grey-900: #0F172A;
34
+ --color-grey-950: #020617;
48
35
 
49
36
  /* Success colors */
50
- --color-success-50: #f0fdf4;
51
- --color-success-100: #dcfce7;
52
- --color-success-200: #bbf7d0;
53
- --color-success-300: #86efac;
54
- --color-success-400: #4ade80;
55
- --color-success-500: #22c55e;
56
- --color-success-600: #16a34a;
57
- --color-success-700: #15803d;
37
+ --color-success-50: #F0FDF4;
38
+ --color-success-100: #DCFCE7;
39
+ --color-success-200: #BBF7D0;
40
+ --color-success-300: #86EFAC;
41
+ --color-success-400: #4ADE80;
42
+ --color-success-500: #22C55E;
43
+ --color-success-600: #16A34A;
44
+ --color-success-700: #15803D;
58
45
  --color-success-800: #166534;
59
- --color-success-900: #14532d;
60
- --color-success-950: #052e16;
46
+ --color-success-900: #14532D;
47
+ --color-success-950: #052E16;
61
48
 
62
49
  /* Warning colors */
63
- --color-warning-50: #fffbeb;
64
- --color-warning-100: #fef3c7;
65
- --color-warning-200: #fde68a;
66
- --color-warning-300: #fcd34d;
67
- --color-warning-400: #fbbf24;
68
- --color-warning-500: #f59e0b;
69
- --color-warning-600: #d97706;
70
- --color-warning-700: #b45309;
71
- --color-warning-800: #92400e;
72
- --color-warning-900: #78350f;
73
- --color-warning-950: #451a03;
50
+ --color-warning-50: #FEFCE8;
51
+ --color-warning-100: #FEF9C3;
52
+ --color-warning-200: #FEF08A;
53
+ --color-warning-300: #FDE047;
54
+ --color-warning-400: #FACC15;
55
+ --color-warning-500: #EAB308;
56
+ --color-warning-600: #CA8A04;
57
+ --color-warning-700: #A16207;
58
+ --color-warning-800: #854D0E;
59
+ --color-warning-900: #713F12;
60
+ --color-warning-950: #422006;
74
61
 
75
62
  /* Error colors */
76
- --color-error-50: #fef2f2;
77
- --color-error-100: #fee2e2;
78
- --color-error-200: #fecaca;
79
- --color-error-300: #fca5a5;
80
- --color-error-400: #f87171;
81
- --color-error-500: #ef4444;
82
- --color-error-600: #dc2626;
83
- --color-error-700: #b91c1c;
84
- --color-error-800: #991b1b;
85
- --color-error-900: #7f1d1d;
86
- --color-error-950: #450a0a;
63
+ --color-error-50: #FEF2F2;
64
+ --color-error-100: #FFE2E2;
65
+ --color-error-200: #FECACA;
66
+ --color-error-300: #FCA5A5;
67
+ --color-error-400: #F87171;
68
+ --color-error-500: #EF4444;
69
+ --color-error-600: #DC2626;
70
+ --color-error-700: #B91C1C;
71
+ --color-error-800: #991B1B;
72
+ --color-error-900: #7F1D1D;
73
+ --color-error-950: #450A0A;
87
74
 
88
75
  /* Accent colors */
89
76
  --color-accent-50: #EFF6FF;
@@ -99,25 +86,12 @@
99
86
  --color-accent-950: #172554;
100
87
 
101
88
 
102
- /* Info colors */
103
- --color-info-50: #f0f9ff;
104
- --color-info-100: #e0f2fe;
105
- --color-info-200: #bae6fd;
106
- --color-info-300: #7dd3fc;
107
- --color-info-400: #38bdf8;
108
- --color-info-500: #0ea5e9;
109
- --color-info-600: #0284c7;
110
- --color-info-700: #0369a1;
111
- --color-info-800: #075985;
112
- --color-info-900: #0c4a6e;
113
- --color-info-950: #082f49;
114
-
115
89
  /* Neutral colors */
116
90
  --color-background-neutral-0: #ffffff;
117
- --color-background-neutral-50: #ededed;
118
- --color-background-neutral-100: #f2f2f2;
119
- --color-background-neutral-200: #f9f9f9;
120
- --color-background-neutral-300: #fcfcfc;
91
+ --color-background-neutral-50: #EDEDED;
92
+ --color-background-neutral-100: #F2F2F2;
93
+ --color-background-neutral-200: #F9F9F9;
94
+ --color-background-neutral-300: #FCFCFC;
121
95
 
122
96
  /* Border radius */
123
97
  --radius-sm: 0.25rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a2v2ai/uikit",
3
- "version": "0.0.13",
3
+ "version": "0.0.14",
4
4
  "author": "Arulraj V & abofficial1997@gmail.com",
5
5
  "description": "A React UI component library built with shadcn/ui and Tailwind CSS",
6
6
  "license": "MIT",