@mindtris/ui 0.1.0

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 (19) hide show
  1. package/README.md +76 -0
  2. package/assets/logos/favicon.svg +14 -0
  3. package/assets/logos/mindtris-logo.svg +17 -0
  4. package/assets/logos/simplifi.svg +22 -0
  5. package/dist/index.d.mts +3886 -0
  6. package/dist/index.mjs +13969 -0
  7. package/dist/index.mjs.map +1 -0
  8. package/package.json +87 -0
  9. package/tokens/base/animations.css +116 -0
  10. package/tokens/base/colors.css +79 -0
  11. package/tokens/base/radii.css +12 -0
  12. package/tokens/base/shadows.css +10 -0
  13. package/tokens/base/typography.css +11 -0
  14. package/tokens/index.css +12 -0
  15. package/tokens/themes/amber.css +111 -0
  16. package/tokens/themes/dark.css +78 -0
  17. package/tokens/themes/default.css +113 -0
  18. package/tokens/themes/mindtris-ui.css +77 -0
  19. package/tokens/themes/simplifi.css +85 -0
package/tokens/themes/mindtris-ui.css ADDED
@@ -0,0 +1,77 @@
1
+ /**
2
+ * Mindtris UI — default theme
3
+ * Gray/violet/sky palette; optimistic, professional SaaS feel.
4
+ */
5
+
6
+ :root {
7
+ --background: #f3f4f6;
8
+ --foreground: #4b5563;
9
+ --card: #ffffff;
10
+ --card-foreground: #1f2937;
11
+ --popover: #ffffff;
12
+ --popover-foreground: #1f2937;
13
+ --primary: #111827;
14
+ --primary-foreground: #f9fafb;
15
+ --secondary: #ffffff;
16
+ --secondary-foreground: #1f2937;
17
+ --muted: #f3f4f6;
18
+ --muted-foreground: #6b7280;
19
+ --accent: #f1eeff;
20
+ --accent-foreground: #5d47de;
21
+ --destructive: #ff5656;
22
+ --destructive-foreground: #ffffff;
23
+ --border: #e5e7eb;
24
+ --input: #e5e7eb;
25
+ --ring: #755ff8;
26
+ --chart-1: #755ff8;
27
+ --chart-2: #56b1f3;
28
+ --chart-3: #34bd68;
29
+ --chart-4: #f0bb33;
30
+ --chart-5: #ff5656;
31
+ --radius: 0.5rem;
32
+ --font-sans: var(--font-inter, "Inter", ui-sans-serif, system-ui, sans-serif);
33
+ --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
34
+ --sidebar: #ffffff;
35
+ --sidebar-foreground: #1f2937;
36
+ --sidebar-primary: #111827;
37
+ --sidebar-primary-foreground: #f9fafb;
38
+ --sidebar-accent: #f1eeff;
39
+ --sidebar-accent-foreground: #5d47de;
40
+ --sidebar-border: #e5e7eb;
41
+ --sidebar-ring: #111827;
42
+ }
43
+
44
+ .dark {
45
+ --background: #111827;
46
+ --foreground: #9ca3af;
47
+ --card: #1f2937;
48
+ --card-foreground: #f3f4f6;
49
+ --popover: #1f2937;
50
+ --popover-foreground: #f3f4f6;
51
+ --primary: #8470ff;
52
+ --primary-foreground: #ffffff;
53
+ --secondary: #374151;
54
+ --secondary-foreground: #f3f4f6;
55
+ --muted: #374151;
56
+ --muted-foreground: #9ca3af;
57
+ --accent: #4634b1;
58
+ --accent-foreground: #f1eeff;
59
+ --destructive: #ff6467;
60
+ --destructive-foreground: #ffffff;
61
+ --border: #374151;
62
+ --input: #374151;
63
+ --ring: #f3f4f6;
64
+ --chart-1: #8470ff;
65
+ --chart-2: #67bfff;
66
+ --chart-3: #3ec972;
67
+ --chart-4: #f7cd4c;
68
+ --chart-5: #ff6467;
69
+ --sidebar: #1f2937;
70
+ --sidebar-foreground: #f3f4f6;
71
+ --sidebar-primary: #8470ff;
72
+ --sidebar-primary-foreground: #ffffff;
73
+ --sidebar-accent: #4634b1;
74
+ --sidebar-accent-foreground: #f1eeff;
75
+ --sidebar-border: #374151;
76
+ --sidebar-ring: #f3f4f6;
77
+ }
package/tokens/themes/simplifi.css ADDED
@@ -0,0 +1,85 @@
1
+ /**
2
+ * Mindtris Simplifi
3
+ * Light background: #ffffff
4
+ * Primary buttons: #1b1b1b (gray/near-black)
5
+ * Muted/hover surface: #dedede
6
+ * Purple accent scale (light → dark):
7
+ * #F4EFFA #C8B1E4 #9B72CF #532B88 #2F184B
8
+ */
9
+
10
+ :root {
11
+ /* Canvas */
12
+ --background: #f7f5f2;
13
+ --foreground: #1b1b1b;
14
+ --card: #ffffff;
15
+ --card-foreground: #1b1b1b;
16
+ /* Control surface */
17
+ --field: #ffffff;
18
+ --popover: #ffffff;
19
+ --popover-foreground: #1b1b1b;
20
+ --primary: #1b1b1b;
21
+ --primary-foreground: #ffffff;
22
+ --secondary: #dedede;
23
+ --secondary-foreground: #1b1b1b;
24
+ /* Used for subtle surfaces + hover backgrounds (e.g. header menu hover). */
25
+ --muted: #dedede;
26
+ --muted-foreground: #616161;
27
+ /* Accent is a subtle highlight surface (selection, focus backgrounds). */
28
+ --accent: #f4effa;
29
+ --accent-foreground: #2f184b;
30
+ --destructive: #ea4335;
31
+ --destructive-foreground: #ffffff;
32
+ --border: #dedede;
33
+ --input: #dedede;
34
+ /* Focus ring uses the accent scale (not primary). */
35
+ --ring: #9b72cf;
36
+ --chart-1: #4285f4;
37
+ --chart-2: #34a853;
38
+ --chart-3: #fbbc04;
39
+ --chart-4: #ea4335;
40
+ --chart-5: #532b88;
41
+ --sidebar: #ffffff;
42
+ --sidebar-foreground: #1b1b1b;
43
+ --sidebar-primary: #1b1b1b;
44
+ --sidebar-primary-foreground: #ffffff;
45
+ --sidebar-accent: #f4effa;
46
+ --sidebar-accent-foreground: #2f184b;
47
+ --sidebar-border: #dedede;
48
+ --sidebar-ring: #c8b1e4;
49
+ }
50
+
51
+ .dark {
52
+ --background: #1b1b1b;
53
+ --foreground: #ffffff;
54
+ --card: #000000;
55
+ --card-foreground: #ffffff;
56
+ --field: #000000;
57
+ --popover: #000000;
58
+ --popover-foreground: #ffffff;
59
+ --primary: #dedede;
60
+ --primary-foreground: #1b1b1b;
61
+ --secondary: #616161;
62
+ --secondary-foreground: #ffffff;
63
+ --muted: #616161;
64
+ --muted-foreground: #dedede;
65
+ --accent: #2f184b;
66
+ --accent-foreground: #f4effa;
67
+ --destructive: #ea4335;
68
+ --destructive-foreground: #ffffff;
69
+ --border: #616161;
70
+ --input: #616161;
71
+ --ring: #c8b1e4;
72
+ --chart-1: #4285f4;
73
+ --chart-2: #34a853;
74
+ --chart-3: #fbbc04;
75
+ --chart-4: #ea4335;
76
+ --chart-5: #9b72cf;
77
+ --sidebar: #1b1b1b;
78
+ --sidebar-foreground: #ffffff;
79
+ --sidebar-primary: #dedede;
80
+ --sidebar-primary-foreground: #1b1b1b;
81
+ --sidebar-accent: #532b88;
82
+ --sidebar-accent-foreground: #f4effa;
83
+ --sidebar-border: #616161;
84
+ --sidebar-ring: #c8b1e4;
85
+ }