get-elementa-ui 1.10.2 → 1.10.4

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/styles/globals.css +106 -53
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "get-elementa-ui",
3
- "version": "1.10.2",
3
+ "version": "1.10.4",
4
4
  "description": "Elementa UI components library.",
5
5
  "homepage": "https://deriva.xyz/branding",
6
6
  "main": "dist/index.js",
package/src/styles/globals.css CHANGED
@@ -56,11 +56,11 @@
56
56
  font-display: swap;
57
57
  }
58
58
 
59
- @import "tailwindcss";
59
+ /* @import "tailwindcss";
60
60
  @import "tw-animate-css";
61
- @import "shadcn/tailwind.css";
61
+ @import "shadcn/tailwind.css"; */
62
62
 
63
- @custom-variant dark (&:where(.dark, .dark *));
63
+ /* @custom-variant dark (&:where(.dark, .dark *)); */
64
64
 
65
65
  /* GLOBAL PALETTE */
66
66
  @theme inline {
@@ -105,6 +105,7 @@
105
105
 
106
106
  /* SECTION: Variables */
107
107
  /* SECTION: Colors */
108
+ /* SECTION: Accent Colors */
108
109
  /* SECTION: Electric Violet */
109
110
  --color-electric-violet-100: oklch(0.963 0.0193 302.21);
110
111
  --color-electric-violet-200: oklch(0.8907 0.0562 301.22);
@@ -134,60 +135,108 @@
134
135
  /* !SECTION: Hot Pink */
135
136
 
136
137
  /* SECTION: Acid Lime */
137
- --color-acid-lime-100: #FBFEED;
138
- --color-acid-lime-200: #F2FBCA;
139
- --color-acid-lime-300: #EAF8A6;
140
- --color-acid-lime-400: #E2F582;
141
- --color-acid-lime-500: #D9F25F;
142
- --color-acid-lime-600: #D5F14D;
143
- --color-acid-lime-700: #C0D945;
144
- --color-acid-lime-800: #95A936;
145
- --color-acid-lime-900: #6B7927;
146
- --color-acid-lime-1000: #404817;
147
- --color-acid-lime-1100: #151808;
138
+ --color-acid-lime-100: oklch(0.9902 0.0225 114.93);
139
+ --color-acid-lime-200: oklch(0.9691 0.0642 116.06);
140
+ --color-acid-lime-300: oklch(0.9499 0.1049 116.33);
141
+ --color-acid-lime-400: oklch(0.9322 0.1418 116.96);
142
+ --color-acid-lime-500: oklch(0.9152 0.172 118.11);
143
+ --color-acid-lime-600: oklch(0.9086 0.185 118.66);
144
+ --color-acid-lime-700: oklch(0.8399 0.1704 118.55);
145
+ --color-acid-lime-800: oklch(0.6971 0.1399 118.7);
146
+ --color-acid-lime-900: oklch(0.5474 0.1072 118.39);
147
+ --color-acid-lime-1000: oklch(0.3829 0.0713 117.74);
148
+ --color-acid-lime-1100: oklch(0.2008 0.0295 117.79);
148
149
  /* !SECTION: Acid Lime */
149
150
 
150
151
  /* SECTION: Aqua Mint */
151
- --color-aqua-mint-100: #F1FDF9;
152
- --color-aqua-mint-200: #D5FAEE;
153
- --color-aqua-mint-300: #B9F6E2;
154
- --color-aqua-mint-400: #9CF2D6;
155
- --color-aqua-mint-500: #80EFCB;
156
- --color-aqua-mint-600: #72EDC5;
157
- --color-aqua-mint-700: #67D5B1;
158
- --color-aqua-mint-800: #50A68A;
159
- --color-aqua-mint-900: #397763;
160
- --color-aqua-mint-1000: #22473B;
161
- --color-aqua-mint-1100: #0B1814;
152
+ --color-aqua-mint-100: oklch(0.984 0.0136 174.18);
153
+ --color-aqua-mint-200: oklch(0.9555 0.0414 173.81);
154
+ --color-aqua-mint-300: oklch(0.9264 0.0673 172.59);
155
+ --color-aqua-mint-400: oklch(0.8986 0.0924 171.55);
156
+ --color-aqua-mint-500: oklch(0.8761 0.1153 170.28);
157
+ --color-aqua-mint-600: oklch(0.8644 0.1254 169.48);
158
+ --color-aqua-mint-700: oklch(0.7981 0.1149 169.43);
159
+ --color-aqua-mint-800: oklch(0.6636 0.0942 169.64);
160
+ --color-aqua-mint-900: oklch(0.5218 0.0724 170);
161
+ --color-aqua-mint-1000: oklch(0.3663 0.0479 170.32);
162
+ --color-aqua-mint-1100: oklch(0.1953 0.0202 172.63);
162
163
  /* !SECTION: Aqua Mint */
163
-
164
- /* SECTION: Gun Metal (Neutrals) */
165
- --color-gun-metal-100: #D3D7D9;
166
- --color-gun-metal-200: #B5BDC0;
167
- --color-gun-metal-300: #919CA1;
168
- --color-gun-metal-400: #6C7A82;
169
- --color-gun-metal-500: #475962;
170
- --color-gun-metal-600: #223843;
171
- --color-gun-metal-700: #1C2F38;
172
- --color-gun-metal-800: #17252D;
173
- --color-gun-metal-900: #111C22;
174
- --color-gun-metal-1000: #0B1316;
175
- --color-gun-metal-1100: #070B0D;
176
- /* !SECTION: Gun Metal (Neutrals) */
177
-
178
- /* SECTION: Amber White (Neutrals) */
179
- --color-amber-white-100: #FCFCFD;
180
- --color-amber-white-200: #FAFAFB;
181
- --color-amber-white-300: #F7F8F9;
182
- --color-amber-white-400: #F4F6F7;
183
- --color-amber-white-500: #F2F3F5;
184
- --color-amber-white-600: #EFF1F3;
185
- --color-amber-white-700: #C7C9CB;
186
- --color-amber-white-800: #9FA1A2;
187
- --color-amber-white-900: #78797A;
188
- --color-amber-white-1000: #505051;
189
- --color-amber-white-1100: #303031;
190
- /* !SECTION: Amber White (Neutrals) */
164
+ /* !SECTION: Accent Colors */
165
+
166
+ /* SECTION: Surface Colors */
167
+ /* SECTION: Gun Metal */
168
+ --color-gun-metal-100: oklch(0.8766 0.0052 228.83);
169
+ --color-gun-metal-200: oklch(0.793 0.0099 222.08);
170
+ --color-gun-metal-300: oklch(0.6855 0.0146 226.66);
171
+ --color-gun-metal-400: oklch(0.5707 0.0207 232.78);
172
+ --color-gun-metal-500: oklch(0.4523 0.0266 229.7);
173
+ --color-gun-metal-600: oklch(0.3273 0.034 230.85);
174
+ --color-gun-metal-700: oklch(0.293 0.0296 229.4);
175
+ --color-gun-metal-800: oklch(0.2555 0.0244 234.06);
176
+ --color-gun-metal-900: oklch(0.2189 0.0197 232.69);
177
+ --color-gun-metal-1000: oklch(0.1801 0.0136 223.07);
178
+ --color-gun-metal-1100: oklch(0.1458 0.0083 227.73);
179
+ /* !SECTION: Gun Metal */
180
+
181
+ /* SECTION: Amber White */
182
+ --color-amber-white-100: oklch(0.9913 0.0013 286.38);
183
+ --color-amber-white-200: oklch(0.9854 0.0013 286.38);
184
+ --color-amber-white-300: oklch(0.9787 0.0017 247.84);
185
+ --color-amber-white-400: oklch(0.9719 0.0025 228.78);
186
+ --color-amber-white-500: oklch(0.964 0.0029 264.54);
187
+ --color-amber-white-600: oklch(0.9572 0.0034 247.86);
188
+ --color-amber-white-700: oklch(0.8349 0.0036 247.87);
189
+ --color-amber-white-800: oklch(0.7077 0.0027 228.8);
190
+ --color-amber-white-900: oklch(0.5756 0.002 247.86);
191
+ --color-amber-white-1000: oklch(0.4316 0.0016 286.33);
192
+ --color-amber-white-1100: oklch(0.3096 0.0018 286.3);
193
+ /* !SECTION: Amber White */
194
+ /* !SECTION: Surface Colors */
195
+
196
+ /* SECTION: Feedback Colors */
197
+ /* SECTION: Basil */
198
+ --color-basil-amber-light: oklch(0.6454 0.1347 142.31)#59A253;
199
+ --color-basil-amber: oklch(0.4914 0.1336 143.21);
200
+ --color-basil-amber-dark: oklch(0.3415 0.1162 142.5);
201
+ --color-basil-gun-metal-light: oklch(0.7736 0.1039 144.1);
202
+ --color-basil-gun-metal: oklch(0.6187 0.1035 144.2);
203
+ --color-basil-gun-metal-dark: oklch(0.4647 0.1035 144.68);
204
+ /* !SECTION: Basil */
205
+
206
+ /* SECTION: Tomato */
207
+ --color-tomato-amber-light: oklch(0.6656 0.2019 22.56);
208
+ --color-tomato-amber: oklch(0.5106 0.1997 21.42);
209
+ --color-tomato-amber-dark: oklch(0.3898 0.159163 27.6392);
210
+ --color-tomato-gun-metal-light: oklch(0.6976 0.1933 29.11);
211
+ --color-tomato-gun-metal: oklch(0.6373 0.2481 27.08);
212
+ --color-tomato-gun-metal-dark: oklch(0.5132 0.2106 29.23);
213
+ /* !SECTION: Tomato */
214
+
215
+ /* SECTION: Corn */
216
+ --color-corn-amber-light: oklch(0.8559 0.1406 80.59);
217
+ --color-corn-amber: oklch(0.7042 0.1341 80.03);
218
+ --color-corn-amber-dark: oklch(0.5492 0.1147 77.38);
219
+
220
+ --color-corn-gun-metal-light: oklch(0.8798 0.1242 83.19);
221
+ --color-corn-gun-metal: oklch(0.779 0.1505 62.52);
222
+ --color-corn-gun-metal-dark: oklch(0.6232 0.1407 61.65);
223
+ /* !SECTION: Corn */
224
+
225
+ /* SECTION: Blueberry */
226
+ --color-blueberry-amber-light: oklch(0.6413 0.1555 262.33);
227
+ --color-blueberry-amber: oklch(0.4867 0.1602 255.4);
228
+ --color-blueberry-amber-dark: oklch(0.3562 0.1452 259.99);
229
+ --color-blueberry-gun-metal-light: oklch(0.7874 0.1107 252.43);
230
+ --color-blueberry-gun-metal: oklch(0.6327 0.1152 250.45);
231
+ --color-blueberry-gun-metal-dark: oklch(0.4774 0.1207 246);
232
+ /* !SECTION: Blueberry */
233
+
234
+ /* SECTION: Koala */
235
+ --color-disabled-amber: oklch(0.6731 0 0);
236
+ --color-disabled-gun-metal: oklch(0.325 0 0);
237
+ --color-text-on-disabled: oklch(0.5208 0 0);
238
+ /* !SECTION: Koala */
239
+ /* !SECTION: Feedback Colors */
191
240
  /* !SECTION: Colors */
192
241
 
193
242
  /* SECTION: Fonts */
@@ -362,6 +411,10 @@ For charts, graphs, and status badges. These are vital for dashboards (Deriva's
362
411
  background-color: var(--primary);
363
412
  }
364
413
 
414
+ .bg-secondary {
415
+ background-color: var(--secondary);
416
+ }
417
+
365
418
  .no-scrollbar {
366
419
  scrollbar-width: none;
367
420
  -ms-overflow-style: none;