@optilogic/core 1.1.0 → 1.2.1

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 (27) hide show
  1. package/dist/index.cjs +285 -488
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +50 -34
  4. package/dist/index.d.ts +50 -34
  5. package/dist/index.js +283 -481
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles.css +84 -80
  8. package/dist/tailwind-preset.cjs +1 -0
  9. package/dist/tailwind-preset.cjs.map +1 -1
  10. package/dist/tailwind-preset.js +1 -0
  11. package/dist/tailwind-preset.js.map +1 -1
  12. package/package.json +1 -1
  13. package/src/components/calendar.tsx +7 -2
  14. package/src/components/context-menu.tsx +2 -2
  15. package/src/components/data-grid/DataGrid.tsx +1 -1
  16. package/src/components/dropdown-menu.tsx +2 -2
  17. package/src/components/file-view/components/HtmlRenderer.tsx +108 -2
  18. package/src/components/popover.tsx +1 -1
  19. package/src/components/select.tsx +1 -1
  20. package/src/components/tooltip.tsx +2 -2
  21. package/src/index.ts +3 -8
  22. package/src/styles.css +84 -80
  23. package/src/tailwind-preset.ts +1 -0
  24. package/src/theme/index.ts +3 -8
  25. package/src/theme/presets.ts +211 -497
  26. package/src/theme/types.ts +10 -0
  27. package/src/theme/utils.ts +24 -0
package/src/styles.css CHANGED
@@ -17,94 +17,98 @@
17
17
 
18
18
  @layer base {
19
19
  :root {
20
+ /* Matches OPTILOGIC_LEGACY_THEME */
20
21
  --background: 0 0% 100%;
21
- --foreground: 222.2 84% 4.9%;
22
- --card: 0 0% 100%;
23
- --card-foreground: 222.2 84% 4.9%;
22
+ --foreground: 243 82% 20%;
23
+ --card: 0 0% 98%;
24
+ --card-foreground: 243 82% 20%;
24
25
  --popover: 0 0% 100%;
25
- --popover-foreground: 222.2 84% 4.9%;
26
- --primary: 222.2 47.4% 11.2%;
27
- --primary-foreground: 210 40% 98%;
28
- --secondary: 210 40% 96.1%;
29
- --secondary-foreground: 222.2 47.4% 11.2%;
30
- --muted: 210 40% 96.1%;
31
- --muted-foreground: 215.4 16.3% 46.9%;
32
- --accent: 210 40% 96.1%;
33
- --accent-foreground: 222.2 47.4% 11.2%;
34
- --destructive: 0 84.2% 60.2%;
35
- --destructive-foreground: 210 40% 98%;
36
- --success: 142 76% 36%;
37
- --success-foreground: 210 40% 98%;
38
- --warning: 38 92% 50%;
39
- --warning-foreground: 222.2 47.4% 11.2%;
40
- --border: 214.3 31.8% 91.4%;
41
- --input: 214.3 31.8% 91.4%;
42
- --ring: 222.2 84% 4.9%;
43
- --toggle-track: var(--muted);
44
- --toggle-track-foreground: var(--background);
45
- --input-hover: var(--foreground);
46
- --divider: 214.3 31.8% 91.4%;
47
- --chip: 210 40% 96.1%;
48
- --chip-foreground: 222.2 47.4% 11.2%;
26
+ --popover-foreground: 243 82% 20%;
27
+ --primary: 243 82% 20%;
28
+ --primary-foreground: 0 0% 100%;
29
+ --secondary: 234 86% 67%;
30
+ --secondary-foreground: 0 0% 100%;
31
+ --muted: 216 27% 92%;
32
+ --muted-foreground: 0 1% 45%;
33
+ --accent: 229 87% 90%;
34
+ --accent-foreground: 243 82% 20%;
35
+ --destructive: 0 72% 51%;
36
+ --destructive-foreground: 0 0% 100%;
37
+ --success: 151 48% 50%;
38
+ --success-foreground: 0 0% 100%;
39
+ --warning: 45 90% 62%;
40
+ --warning-foreground: 243 82% 20%;
41
+ --border: 0 0% 82%;
42
+ --input: 0 0% 82%;
43
+ --ring: 234 86% 67%;
44
+ --popover-border: var(--border);
45
+ --toggle-track: 0 0% 82%;
46
+ --toggle-track-foreground: 0 0% 100%;
47
+ --input-hover: 234 86% 67%;
48
+ --divider: 0 0% 82%;
49
+ --chip: 227 88% 85%;
50
+ --chip-foreground: 243 82% 20%;
49
51
  --disabled-opacity: 0.5;
50
52
  --radius: 0.5rem;
51
- --chart-1: 12 76% 61%;
52
- --chart-2: 173 58% 39%;
53
- --chart-3: 197 37% 24%;
54
- --chart-4: 43 74% 66%;
55
- --chart-5: 27 87% 67%;
56
- --chart-6: 262 60% 55%;
57
- --chart-7: 142 60% 45%;
58
- --chart-8: 350 65% 55%;
59
- --chart-9: 200 70% 50%;
60
- --chart-10: 60 65% 50%;
61
- --chart-11: 310 55% 50%;
62
- --chart-12: 180 50% 45%;
53
+ --chart-1: 100 63% 51%;
54
+ --chart-2: 45 90% 62%;
55
+ --chart-3: 234 86% 67%;
56
+ --chart-4: 151 48% 50%;
57
+ --chart-5: 233 80% 76%;
58
+ --chart-6: 0 72% 51%;
59
+ --chart-7: 24 73% 55%;
60
+ --chart-8: 170 69% 46%;
61
+ --chart-9: 25 38% 44%;
62
+ --chart-10: 174 100% 34%;
63
+ --chart-11: 266 54% 50%;
64
+ --chart-12: 326 72% 55%;
63
65
  }
64
66
 
65
67
  .dark {
66
- --background: 222.2 84% 4.9%;
67
- --foreground: 210 40% 98%;
68
- --card: 222.2 84% 4.9%;
69
- --card-foreground: 210 40% 98%;
70
- --popover: 222.2 84% 4.9%;
71
- --popover-foreground: 210 40% 98%;
72
- --primary: 210 40% 98%;
73
- --primary-foreground: 222.2 47.4% 11.2%;
74
- --secondary: 217.2 32.6% 17.5%;
75
- --secondary-foreground: 210 40% 98%;
76
- --muted: 217.2 32.6% 17.5%;
77
- --muted-foreground: 215 20.2% 65.1%;
78
- --accent: 217.2 32.6% 17.5%;
79
- --accent-foreground: 210 40% 98%;
80
- --destructive: 0 62.8% 30.6%;
81
- --destructive-foreground: 210 40% 98%;
82
- --success: 142 76% 36%;
83
- --success-foreground: 210 40% 98%;
84
- --warning: 38 92% 50%;
85
- --warning-foreground: 222.2 47.4% 11.2%;
86
- --border: 217.2 32.6% 17.5%;
87
- --input: 217.2 32.6% 17.5%;
88
- --ring: 212.7 26.8% 83.9%;
89
- --toggle-track: var(--muted);
90
- --toggle-track-foreground: var(--background);
91
- --input-hover: var(--foreground);
92
- --divider: 217.2 32.6% 17.5%;
93
- --chip: 217.2 32.6% 17.5%;
94
- --chip-foreground: 210 40% 98%;
68
+ /* Matches MODERN_DARK_THEME */
69
+ --background: 240 6% 4%;
70
+ --foreground: 0 0% 98%;
71
+ --card: 240 6% 10%;
72
+ --card-foreground: 0 0% 98%;
73
+ --popover: 240 6% 10%;
74
+ --popover-foreground: 0 0% 98%;
75
+ --primary: 217 91% 60%;
76
+ --primary-foreground: 0 0% 100%;
77
+ --secondary: 240 4% 16%;
78
+ --secondary-foreground: 0 0% 98%;
79
+ --muted: 240 4% 16%;
80
+ --muted-foreground: 240 5% 65%;
81
+ --accent: 240 4% 16%;
82
+ --accent-foreground: 0 0% 98%;
83
+ --destructive: 0 84% 60%;
84
+ --destructive-foreground: 0 0% 100%;
85
+ --success: 142 71% 45%;
86
+ --success-foreground: 0 0% 100%;
87
+ --warning: 48 96% 53%;
88
+ --warning-foreground: 240 6% 4%;
89
+ --border: 240 4% 26%;
90
+ --input: 240 4% 26%;
91
+ --ring: 217 91% 60%;
92
+ --popover-border: 240 4% 34%;
93
+ --toggle-track: 240 4% 26%;
94
+ --toggle-track-foreground: 0 0% 98%;
95
+ --input-hover: 217 91% 60%;
96
+ --divider: 240 4% 26%;
97
+ --chip: 240 4% 16%;
98
+ --chip-foreground: 240 5% 83%;
95
99
  --disabled-opacity: 0.5;
96
- --chart-1: 220 70% 50%;
97
- --chart-2: 160 60% 45%;
98
- --chart-3: 30 80% 55%;
99
- --chart-4: 280 65% 60%;
100
- --chart-5: 340 75% 55%;
101
- --chart-6: 120 55% 50%;
102
- --chart-7: 200 75% 55%;
103
- --chart-8: 50 80% 55%;
104
- --chart-9: 0 70% 55%;
105
- --chart-10: 260 65% 60%;
106
- --chart-11: 180 60% 50%;
107
- --chart-12: 90 55% 55%;
100
+ --chart-1: 217 91% 60%;
101
+ --chart-2: 142 71% 45%;
102
+ --chart-3: 38 92% 50%;
103
+ --chart-4: 0 84% 60%;
104
+ --chart-5: 270 60% 60%;
105
+ --chart-6: 174 60% 50%;
106
+ --chart-7: 24 95% 53%;
107
+ --chart-8: 330 80% 60%;
108
+ --chart-9: 199 89% 48%;
109
+ --chart-10: 48 96% 53%;
110
+ --chart-11: 162 63% 41%;
111
+ --chart-12: 292 84% 61%;
108
112
  }
109
113
  }
110
114
 
package/src/tailwind-preset.ts CHANGED
@@ -83,6 +83,7 @@ export const optiUiPreset: Partial<Config> = {
83
83
 
84
84
  // Border, input, ring
85
85
  border: "hsl(var(--border))",
86
+ "popover-border": "hsl(var(--popover-border))",
86
87
  input: {
87
88
  DEFAULT: "hsl(var(--input))",
88
89
  hover: "hsl(var(--input-hover))",
package/src/theme/index.ts CHANGED
@@ -9,16 +9,11 @@ export type { Theme, ThemeHex, ThemeHSL, ColorFieldConfig } from "./types";
9
9
 
10
10
  // Presets
11
11
  export {
12
- GREEN_THEME,
13
12
  OPTILOGIC_LEGACY_THEME,
14
- FUTURISTIC_THEME,
15
- NATURE_THEME,
16
- SCIFI_THEME,
17
- OCEAN_THEME,
18
- SUNSET_THEME,
19
- FOREST_THEME,
20
- CYBERPUNK_THEME,
13
+ OPTILOGIC_DARK_THEME,
14
+ MODERN_LIGHT_THEME,
21
15
  MINIMALIST_LIGHT_THEME,
16
+ MODERN_DARK_THEME,
22
17
  DARK_ELEGANT_THEME,
23
18
  PRESET_THEMES,
24
19
  ALL_THEMES,