get-elementa-ui 1.10.0 → 1.10.2
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.
- package/package.json +1 -1
- package/src/styles/globals.css +15 -78
package/package.json
CHANGED
package/src/styles/globals.css
CHANGED
|
@@ -348,83 +348,6 @@ For charts, graphs, and status badges. These are vital for dashboards (Deriva's
|
|
|
348
348
|
/* !SECTION: ENERGY 5: BUBBLEGUM ICE (Hot Pink + Aqua Mint) */
|
|
349
349
|
}
|
|
350
350
|
|
|
351
|
-
|
|
352
|
-
/* TODO: Keeping this for now as shadcn might need it. Once our library is up and stable, starting removing this gradually. */
|
|
353
|
-
/* Base Styles */
|
|
354
|
-
/* @layer base {
|
|
355
|
-
* { @apply border-gray-200 dark:border-gray-800; }
|
|
356
|
-
body { @apply bg-background text-foreground transition-colors duration-300; }
|
|
357
|
-
} */
|
|
358
|
-
|
|
359
|
-
:root {
|
|
360
|
-
--radius: 0.625rem;
|
|
361
|
-
--background: oklch(1 0 0);
|
|
362
|
-
--foreground: oklch(0.145 0 0);
|
|
363
|
-
--card: oklch(1 0 0);
|
|
364
|
-
--card-foreground: oklch(0.145 0 0);
|
|
365
|
-
--popover: oklch(1 0 0);
|
|
366
|
-
--popover-foreground: oklch(0.145 0 0);
|
|
367
|
-
--primary: oklch(0.205 0 0);
|
|
368
|
-
--primary-foreground: oklch(0.985 0 0);
|
|
369
|
-
--secondary: oklch(0.97 0 0);
|
|
370
|
-
--secondary-foreground: oklch(0.205 0 0);
|
|
371
|
-
--muted: oklch(0.97 0 0);
|
|
372
|
-
--muted-foreground: oklch(0.556 0 0);
|
|
373
|
-
--accent: oklch(0.97 0 0);
|
|
374
|
-
--accent-foreground: oklch(0.205 0 0);
|
|
375
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
376
|
-
--border: oklch(0.922 0 0);
|
|
377
|
-
--input: oklch(0.922 0 0);
|
|
378
|
-
--ring: oklch(0.708 0 0);
|
|
379
|
-
--chart-1: oklch(0.646 0.222 41.116);
|
|
380
|
-
--chart-2: oklch(0.6 0.118 184.704);
|
|
381
|
-
--chart-3: oklch(0.398 0.07 227.392);
|
|
382
|
-
--chart-4: oklch(0.828 0.189 84.429);
|
|
383
|
-
--chart-5: oklch(0.769 0.188 70.08);
|
|
384
|
-
--sidebar: oklch(0.985 0 0);
|
|
385
|
-
--sidebar-foreground: oklch(0.145 0 0);
|
|
386
|
-
--sidebar-primary: oklch(0.205 0 0);
|
|
387
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
388
|
-
--sidebar-accent: oklch(0.97 0 0);
|
|
389
|
-
--sidebar-accent-foreground: oklch(0.205 0 0);
|
|
390
|
-
--sidebar-border: oklch(0.922 0 0);
|
|
391
|
-
--sidebar-ring: oklch(0.708 0 0);
|
|
392
|
-
}
|
|
393
|
-
|
|
394
|
-
.dark {
|
|
395
|
-
--background: oklch(0.145 0 0);
|
|
396
|
-
--foreground: oklch(0.985 0 0);
|
|
397
|
-
--card: oklch(0.205 0 0);
|
|
398
|
-
--card-foreground: oklch(0.985 0 0);
|
|
399
|
-
--popover: oklch(0.205 0 0);
|
|
400
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
401
|
-
--primary: oklch(0.922 0 0);
|
|
402
|
-
--primary-foreground: oklch(0.205 0 0);
|
|
403
|
-
--secondary: oklch(0.269 0 0);
|
|
404
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
405
|
-
--muted: oklch(0.269 0 0);
|
|
406
|
-
--muted-foreground: oklch(0.708 0 0);
|
|
407
|
-
--accent: oklch(0.269 0 0);
|
|
408
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
409
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
410
|
-
--border: oklch(1 0 0 / 10%);
|
|
411
|
-
--input: oklch(1 0 0 / 15%);
|
|
412
|
-
--ring: oklch(0.556 0 0);
|
|
413
|
-
--chart-1: oklch(0.488 0.243 264.376);
|
|
414
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
415
|
-
--chart-3: oklch(0.769 0.188 70.08);
|
|
416
|
-
--chart-4: oklch(0.627 0.265 303.9);
|
|
417
|
-
--chart-5: oklch(0.645 0.246 16.439);
|
|
418
|
-
--sidebar: oklch(0.205 0 0);
|
|
419
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
420
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
421
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
422
|
-
--sidebar-accent: oklch(0.269 0 0);
|
|
423
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
424
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
425
|
-
--sidebar-ring: oklch(0.556 0 0);
|
|
426
|
-
}
|
|
427
|
-
|
|
428
351
|
@layer base {
|
|
429
352
|
* {
|
|
430
353
|
@apply border-border outline-ring/50;
|
|
@@ -432,4 +355,18 @@ For charts, graphs, and status badges. These are vital for dashboards (Deriva's
|
|
|
432
355
|
body {
|
|
433
356
|
@apply bg-background text-foreground;
|
|
434
357
|
}
|
|
435
|
-
}
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
@layer utilities {
|
|
361
|
+
.bg-primary {
|
|
362
|
+
background-color: var(--primary);
|
|
363
|
+
}
|
|
364
|
+
|
|
365
|
+
.no-scrollbar {
|
|
366
|
+
scrollbar-width: none;
|
|
367
|
+
-ms-overflow-style: none;
|
|
368
|
+
&::-webkit-scrollbar {
|
|
369
|
+
display: none;
|
|
370
|
+
}
|
|
371
|
+
}
|
|
372
|
+
}
|