@gbmtech/aurora-ui 0.0.1 → 0.0.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/cjs/index.css +141 -49
  2. package/dist/esm/index.css +141 -49
  3. package/package.json +21 -3
package/dist/cjs/index.css CHANGED
@@ -4,14 +4,14 @@
4
4
  ::before,
5
5
  ::backdrop,
6
6
  ::file-selector-button {
7
- border-color: var(--color-border);
8
- outline-color: color-mix(in oklab, var(--ring) 20%, transparent);
7
+ border-color: var(--color-stroke);
8
+ outline-color: color-mix(in oklab, var(--color-gbm-sky) 20%, transparent);
9
9
  }
10
10
 
11
11
  html,
12
12
  body {
13
13
  background-color: var(--color-background);
14
- color: var(--color-foreground);
14
+ color: var(--color-gbm-dark);
15
15
  }
16
16
 
17
17
  input {
@@ -40,52 +40,144 @@
40
40
  * (e.g., background, border, highlights).
41
41
  */
42
42
  @theme inline {
43
- --color-input: var(--input);
44
- --color-border: var(--border);
45
-
46
- --color-ring: var(--ring);
47
-
48
- --color-background: var(--background);
49
- --color-foreground: var(--foreground);
50
-
51
- --color-primary: var(--primary);
52
- --color-primary-foreground: var(--primary-foreground);
53
-
54
- --color-secondary: var(--secondary);
55
- --color-secondary-foreground: var(--secondary-foreground);
56
-
57
- --color-destructive: var(--destructive);
58
-
59
- --color-accent: var(--accent);
60
- --color-accent-foreground: var(--accent-foreground);
61
-
62
- --color-muted: var(--muted);
63
- --color-muted-foreground: var(--muted-foreground);
64
-
65
- --color-popover: var(--popover);
66
- --color-popover-foreground: var(--popover-foreground);
67
- --color-popover-overlay: var(--popover-overlay);
68
-
69
- --color-card: var(--card);
70
- --color-card-foreground: var(--card-foreground);
71
-
72
- --color-sidebar: var(--sidebar);
73
- --color-sidebar-foreground: var(--sidebar-foreground);
74
-
75
- --color-sidebar-primary: var(--sidebar-primary);
76
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
77
-
78
- --color-sidebar-accent: var(--sidebar-accent);
79
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
80
-
81
- --color-sidebar-border: var(--sidebar-border);
82
- --color-sidebar-ring: var(--sidebar-ring);
83
-
84
- --color-chart-1: var(--chart-1);
85
- --color-chart-2: var(--chart-2);
86
- --color-chart-3: var(--chart-3);
87
- --color-chart-4: var(--chart-4);
88
- --color-chart-5: var(--chart-5);
43
+ --color-gbm-sky: #1154FF;
44
+ --color-gbm-ocean: #0A3EC2;
45
+ --color-gbm-blue: #033278;
46
+
47
+ --color-gbm-dark: #2E3238;
48
+ --color-gbm-black: #191919;
49
+ --color-gbm-gray: #40464F;
50
+
51
+ --color-header: #FAFAFB;
52
+ --color-background: #FFFFFF;
53
+ --color-stroke: #DAE0E7;
54
+ --color-section: #CFD7DC;
55
+
56
+ --color-success: #21C561;
57
+ --color-success-light: #87EFAE;
58
+ --color-success-dark: #0F552E;
59
+
60
+ --color-error: #E6183A;
61
+ --color-error-light: #F6A0AD;
62
+ --color-error-dark: #4E0113;
63
+
64
+ --color-warning: #F68F18;
65
+ --color-warning-light: #F7BC91;
66
+ --color-warning-dark: #542A08;
67
+
68
+ --color-sun: #FDD227;
69
+ --color-sun-light: #FEF18F;
70
+ --color-sun-dark: #624A04;
71
+
72
+ --color-gray-50: #F4F5F6;
73
+ --color-gray-100: #EDEEF1;
74
+ --color-gray-200: #D8DBDF;
75
+ --color-gray-300: #B6BCC3;
76
+ --color-gray-400: #909AA6;
77
+ --color-gray-500: #717C8A;
78
+ --color-gray-600: #5B6571;
79
+ --color-gray-700: #4B535D;
80
+ --color-gray-800: #3B4148;
81
+ --color-gray-900: #333B47;
82
+
83
+ --color-red-50: #F7E4E9;
84
+ --color-red-100: #FFCAD9;
85
+ --color-red-200: #F6A0AD;
86
+ --color-red-300: #FB6C80;
87
+ --color-red-400: #F9536C;
88
+ --color-red-500: #E6183A;
89
+ --color-red-600: #C00D32;
90
+ --color-red-700: #A20D2D;
91
+ --color-red-800: #4E0113;
92
+ --color-red-900: #2B0010;
93
+
94
+ --color-orange-50: #FFEAD9;
95
+ --color-orange-100: #FACFB2;
96
+ --color-orange-200: #F8BC91;
97
+ --color-orange-300: #F59059;
98
+ --color-orange-400: #F68F18;
99
+ --color-orange-500: #F78221;
100
+ --color-orange-600: #DE6908;
101
+ --color-orange-700: #AC5106;
102
+ --color-orange-800: #542A08;
103
+ --color-orange-900: #3A1A0B;
104
+
105
+ --color-yellow-50: #FEFAC6;
106
+ --color-yellow-100: #FEF18F;
107
+ --color-yellow-200: #FEDF4C;
108
+ --color-yellow-300: #FDD227;
109
+ --color-yellow-400: #EDBC0A;
110
+ --color-yellow-500: #CC9A06;
111
+ --color-yellow-600: #A47D08;
112
+ --color-yellow-700: #8C6D0F;
113
+ --color-yellow-800: #624A04;
114
+ --color-yellow-900: #4A3A05;
115
+
116
+ --color-lime-50: #EBFBCC;
117
+ --color-lime-100: #DDF7A3;
118
+ --color-lime-200: #C0F36E;
119
+ --color-lime-300: #A3E63D;
120
+ --color-lime-400: #86CC20;
121
+ --color-lime-500: #65A311;
122
+ --color-lime-600: #4B7C18;
123
+ --color-lime-700: #416414;
124
+ --color-lime-800: #324D0F;
125
+ --color-lime-900: #293E0C;
126
+
127
+ --color-grass-50: #DBFDE6;
128
+ --color-grass-100: #BEF8D3;
129
+ --color-grass-200: #87EFAE;
130
+ --color-grass-300: #4CDD86;
131
+ --color-grass-400: #1FBC5C;
132
+ --color-grass-500: #15A24A;
133
+ --color-grass-600: #138040;
134
+ --color-grass-700: #0F552E;
135
+ --color-grass-800: #0B4123;
136
+ --color-grass-900: #082F1B;
137
+
138
+ --color-turquoise-50: #F4FAFB;
139
+ --color-turquoise-100: #D3FAF9;
140
+ --color-turquoise-200: #A3F6F0;
141
+ --color-turquoise-300: #6FE6F6;
142
+ --color-turquoise-400: #21D1E3;
143
+ --color-turquoise-500: #0AB1CD;
144
+ --color-turquoise-600: #098EAF;
145
+ --color-turquoise-700: #076888;
146
+ --color-turquoise-800: #054A61;
147
+ --color-turquoise-900: #043C4C;
148
+
149
+ --color-azure-50: #D7ECFF;
150
+ --color-azure-100: #AEDAFF;
151
+ --color-azure-200: #7BC2FF;
152
+ --color-azure-300: #35A1FF;
153
+ --color-azure-400: #007DE9;
154
+ --color-azure-500: #007BE5;
155
+ --color-azure-600: #005FB0;
156
+ --color-azure-700: #004988;
157
+ --color-azure-800: #003868;
158
+ --color-azure-900: #002C50;
159
+
160
+ --color-royal-50: #E2EAFD;
161
+ --color-royal-100: #C7D8FD;
162
+ --color-royal-200: #A4C0FB;
163
+ --color-royal-300: #819AF4;
164
+ --color-royal-400: #6178EA;
165
+ --color-royal-500: #4355DE;
166
+ --color-royal-600: #374397;
167
+ --color-royal-700: #313A7D;
168
+ --color-royal-800: #0F1557;
169
+ --color-royal-900: #0C0F3E;
170
+
171
+ --color-purple-50: #F0E9FE;
172
+ --color-purple-100: #DFD5FA;
173
+ --color-purple-200: #CFB4F9;
174
+ --color-purple-300: #B184F0;
175
+ --color-purple-400: #9354ED;
176
+ --color-purple-500: #8233E0;
177
+ --color-purple-600: #6624B5;
178
+ --color-purple-700: #4D2180;
179
+ --color-purple-800: #351856;
180
+ --color-purple-900: #2A1440;
89
181
  }
90
182
 
91
183
  /**
package/dist/esm/index.css CHANGED
@@ -4,14 +4,14 @@
4
4
  ::before,
5
5
  ::backdrop,
6
6
  ::file-selector-button {
7
- border-color: var(--color-border);
8
- outline-color: color-mix(in oklab, var(--ring) 20%, transparent);
7
+ border-color: var(--color-stroke);
8
+ outline-color: color-mix(in oklab, var(--color-gbm-sky) 20%, transparent);
9
9
  }
10
10
 
11
11
  html,
12
12
  body {
13
13
  background-color: var(--color-background);
14
- color: var(--color-foreground);
14
+ color: var(--color-gbm-dark);
15
15
  }
16
16
 
17
17
  input {
@@ -40,52 +40,144 @@
40
40
  * (e.g., background, border, highlights).
41
41
  */
42
42
  @theme inline {
43
- --color-input: var(--input);
44
- --color-border: var(--border);
45
-
46
- --color-ring: var(--ring);
47
-
48
- --color-background: var(--background);
49
- --color-foreground: var(--foreground);
50
-
51
- --color-primary: var(--primary);
52
- --color-primary-foreground: var(--primary-foreground);
53
-
54
- --color-secondary: var(--secondary);
55
- --color-secondary-foreground: var(--secondary-foreground);
56
-
57
- --color-destructive: var(--destructive);
58
-
59
- --color-accent: var(--accent);
60
- --color-accent-foreground: var(--accent-foreground);
61
-
62
- --color-muted: var(--muted);
63
- --color-muted-foreground: var(--muted-foreground);
64
-
65
- --color-popover: var(--popover);
66
- --color-popover-foreground: var(--popover-foreground);
67
- --color-popover-overlay: var(--popover-overlay);
68
-
69
- --color-card: var(--card);
70
- --color-card-foreground: var(--card-foreground);
71
-
72
- --color-sidebar: var(--sidebar);
73
- --color-sidebar-foreground: var(--sidebar-foreground);
74
-
75
- --color-sidebar-primary: var(--sidebar-primary);
76
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
77
-
78
- --color-sidebar-accent: var(--sidebar-accent);
79
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
80
-
81
- --color-sidebar-border: var(--sidebar-border);
82
- --color-sidebar-ring: var(--sidebar-ring);
83
-
84
- --color-chart-1: var(--chart-1);
85
- --color-chart-2: var(--chart-2);
86
- --color-chart-3: var(--chart-3);
87
- --color-chart-4: var(--chart-4);
88
- --color-chart-5: var(--chart-5);
43
+ --color-gbm-sky: #1154FF;
44
+ --color-gbm-ocean: #0A3EC2;
45
+ --color-gbm-blue: #033278;
46
+
47
+ --color-gbm-dark: #2E3238;
48
+ --color-gbm-black: #191919;
49
+ --color-gbm-gray: #40464F;
50
+
51
+ --color-header: #FAFAFB;
52
+ --color-background: #FFFFFF;
53
+ --color-stroke: #DAE0E7;
54
+ --color-section: #CFD7DC;
55
+
56
+ --color-success: #21C561;
57
+ --color-success-light: #87EFAE;
58
+ --color-success-dark: #0F552E;
59
+
60
+ --color-error: #E6183A;
61
+ --color-error-light: #F6A0AD;
62
+ --color-error-dark: #4E0113;
63
+
64
+ --color-warning: #F68F18;
65
+ --color-warning-light: #F7BC91;
66
+ --color-warning-dark: #542A08;
67
+
68
+ --color-sun: #FDD227;
69
+ --color-sun-light: #FEF18F;
70
+ --color-sun-dark: #624A04;
71
+
72
+ --color-gray-50: #F4F5F6;
73
+ --color-gray-100: #EDEEF1;
74
+ --color-gray-200: #D8DBDF;
75
+ --color-gray-300: #B6BCC3;
76
+ --color-gray-400: #909AA6;
77
+ --color-gray-500: #717C8A;
78
+ --color-gray-600: #5B6571;
79
+ --color-gray-700: #4B535D;
80
+ --color-gray-800: #3B4148;
81
+ --color-gray-900: #333B47;
82
+
83
+ --color-red-50: #F7E4E9;
84
+ --color-red-100: #FFCAD9;
85
+ --color-red-200: #F6A0AD;
86
+ --color-red-300: #FB6C80;
87
+ --color-red-400: #F9536C;
88
+ --color-red-500: #E6183A;
89
+ --color-red-600: #C00D32;
90
+ --color-red-700: #A20D2D;
91
+ --color-red-800: #4E0113;
92
+ --color-red-900: #2B0010;
93
+
94
+ --color-orange-50: #FFEAD9;
95
+ --color-orange-100: #FACFB2;
96
+ --color-orange-200: #F8BC91;
97
+ --color-orange-300: #F59059;
98
+ --color-orange-400: #F68F18;
99
+ --color-orange-500: #F78221;
100
+ --color-orange-600: #DE6908;
101
+ --color-orange-700: #AC5106;
102
+ --color-orange-800: #542A08;
103
+ --color-orange-900: #3A1A0B;
104
+
105
+ --color-yellow-50: #FEFAC6;
106
+ --color-yellow-100: #FEF18F;
107
+ --color-yellow-200: #FEDF4C;
108
+ --color-yellow-300: #FDD227;
109
+ --color-yellow-400: #EDBC0A;
110
+ --color-yellow-500: #CC9A06;
111
+ --color-yellow-600: #A47D08;
112
+ --color-yellow-700: #8C6D0F;
113
+ --color-yellow-800: #624A04;
114
+ --color-yellow-900: #4A3A05;
115
+
116
+ --color-lime-50: #EBFBCC;
117
+ --color-lime-100: #DDF7A3;
118
+ --color-lime-200: #C0F36E;
119
+ --color-lime-300: #A3E63D;
120
+ --color-lime-400: #86CC20;
121
+ --color-lime-500: #65A311;
122
+ --color-lime-600: #4B7C18;
123
+ --color-lime-700: #416414;
124
+ --color-lime-800: #324D0F;
125
+ --color-lime-900: #293E0C;
126
+
127
+ --color-grass-50: #DBFDE6;
128
+ --color-grass-100: #BEF8D3;
129
+ --color-grass-200: #87EFAE;
130
+ --color-grass-300: #4CDD86;
131
+ --color-grass-400: #1FBC5C;
132
+ --color-grass-500: #15A24A;
133
+ --color-grass-600: #138040;
134
+ --color-grass-700: #0F552E;
135
+ --color-grass-800: #0B4123;
136
+ --color-grass-900: #082F1B;
137
+
138
+ --color-turquoise-50: #F4FAFB;
139
+ --color-turquoise-100: #D3FAF9;
140
+ --color-turquoise-200: #A3F6F0;
141
+ --color-turquoise-300: #6FE6F6;
142
+ --color-turquoise-400: #21D1E3;
143
+ --color-turquoise-500: #0AB1CD;
144
+ --color-turquoise-600: #098EAF;
145
+ --color-turquoise-700: #076888;
146
+ --color-turquoise-800: #054A61;
147
+ --color-turquoise-900: #043C4C;
148
+
149
+ --color-azure-50: #D7ECFF;
150
+ --color-azure-100: #AEDAFF;
151
+ --color-azure-200: #7BC2FF;
152
+ --color-azure-300: #35A1FF;
153
+ --color-azure-400: #007DE9;
154
+ --color-azure-500: #007BE5;
155
+ --color-azure-600: #005FB0;
156
+ --color-azure-700: #004988;
157
+ --color-azure-800: #003868;
158
+ --color-azure-900: #002C50;
159
+
160
+ --color-royal-50: #E2EAFD;
161
+ --color-royal-100: #C7D8FD;
162
+ --color-royal-200: #A4C0FB;
163
+ --color-royal-300: #819AF4;
164
+ --color-royal-400: #6178EA;
165
+ --color-royal-500: #4355DE;
166
+ --color-royal-600: #374397;
167
+ --color-royal-700: #313A7D;
168
+ --color-royal-800: #0F1557;
169
+ --color-royal-900: #0C0F3E;
170
+
171
+ --color-purple-50: #F0E9FE;
172
+ --color-purple-100: #DFD5FA;
173
+ --color-purple-200: #CFB4F9;
174
+ --color-purple-300: #B184F0;
175
+ --color-purple-400: #9354ED;
176
+ --color-purple-500: #8233E0;
177
+ --color-purple-600: #6624B5;
178
+ --color-purple-700: #4D2180;
179
+ --color-purple-800: #351856;
180
+ --color-purple-900: #2A1440;
89
181
  }
90
182
 
91
183
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gbmtech/aurora-ui",
3
- "version": "0.0.1",
3
+ "version": "0.0.3",
4
4
  "main": "./dist/cjs/index.cjs",
5
5
  "module": "./dist/esm/index.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -33,8 +33,8 @@
33
33
  "postcss": "^8.5.3",
34
34
  "tailwindcss": "^4.1.4",
35
35
  "typescript": "^5.8.3",
36
- "@gbmtech/tsconfig": "1.0.0",
37
- "@gbmtech/prettier": "0.0.0"
36
+ "@gbmtech/prettier": "0.0.0",
37
+ "@gbmtech/tsconfig": "1.0.0"
38
38
  },
39
39
  "dependencies": {
40
40
  "@hookform/resolvers": "^3.10.0",
@@ -67,6 +67,24 @@
67
67
  "tailwindcss-animate": "^1.0.6",
68
68
  "zod": "^3.24.1"
69
69
  },
70
+ "peerDependencies": {
71
+ "@types/react": "^19",
72
+ "@types/react-dom": "^19",
73
+ "react": "^19",
74
+ "react-dom": "^19",
75
+ "react-hook-form": "^7"
76
+ },
77
+ "peerDependenciesMeta": {
78
+ "@types/react": {
79
+ "optional": true
80
+ },
81
+ "@types/react-dom": {
82
+ "optional": true
83
+ },
84
+ "react-hook-form": {
85
+ "optional": true
86
+ }
87
+ },
70
88
  "scripts": {
71
89
  "build": "rslib build",
72
90
  "dev": "rslib build --watch",