@jakeseanp/socrates-ui 0.2.0 → 0.3.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 (3) hide show
  1. package/base.css +91 -0
  2. package/package.json +5 -1
  3. package/theme.css +41 -0
package/base.css ADDED
@@ -0,0 +1,91 @@
1
+ @layer base {
2
+ :root {
3
+ --background: 1 0 0;
4
+ --foreground: 0.145 0 0;
5
+ --card: 1 0 0;
6
+ --card-foreground: 0.145 0 0;
7
+ --popover: 1 0 0;
8
+ --popover-foreground: 0.145 0 0;
9
+ --primary: 0.5 0.134 242.749;
10
+ --primary-foreground: 0.977 0.013 236.62;
11
+ --secondary: 0.967 0.001 286.375;
12
+ --secondary-foreground: 0.21 0.006 285.885;
13
+ --muted: 0.97 0 0;
14
+ --muted-foreground: 0.556 0 0;
15
+ --accent: 0.97 0 0;
16
+ --accent-foreground: 0.205 0 0;
17
+ --destructive: 0.577 0.245 27.325;
18
+ --destructive-foreground: 0.985 0 0;
19
+ --border: 0.922 0 0;
20
+ --input: 0.922 0 0;
21
+ --ring: 0.708 0 0;
22
+ --chart-1: 0.87 0 0;
23
+ --chart-2: 0.556 0 0;
24
+ --chart-3: 0.439 0 0;
25
+ --chart-4: 0.371 0 0;
26
+ --chart-5: 0.269 0 0;
27
+ --radius: 0.625rem;
28
+ --sidebar: 0.985 0 0;
29
+ --sidebar-foreground: 0.145 0 0;
30
+ --sidebar-primary: 0.588 0.158 241.966;
31
+ --sidebar-primary-foreground: 0.977 0.013 236.62;
32
+ --sidebar-accent: 0.97 0 0;
33
+ --sidebar-accent-foreground: 0.205 0 0;
34
+ --sidebar-border: 0.922 0 0;
35
+ --sidebar-ring: 0.708 0 0;
36
+ }
37
+
38
+ .dark {
39
+ --background: 0.145 0 0;
40
+ --foreground: 0.985 0 0;
41
+ --card: 0.205 0 0;
42
+ --card-foreground: 0.985 0 0;
43
+ --popover: 0.205 0 0;
44
+ --popover-foreground: 0.985 0 0;
45
+ --primary: 0.443 0.11 240.79;
46
+ --primary-foreground: 0.977 0.013 236.62;
47
+ --secondary: 0.274 0.006 286.033;
48
+ --secondary-foreground: 0.985 0 0;
49
+ --muted: 0.269 0 0;
50
+ --muted-foreground: 0.708 0 0;
51
+ --accent: 0.269 0 0;
52
+ --accent-foreground: 0.985 0 0;
53
+ --destructive: 0.704 0.191 22.216;
54
+ --destructive-foreground: 0.985 0 0;
55
+ --border: 0.23 0 0;
56
+ --input: 0.273 0 0;
57
+ --ring: 0.556 0 0;
58
+ --chart-1: 0.87 0 0;
59
+ --chart-2: 0.556 0 0;
60
+ --chart-3: 0.439 0 0;
61
+ --chart-4: 0.371 0 0;
62
+ --chart-5: 0.269 0 0;
63
+ --sidebar: 0.205 0 0;
64
+ --sidebar-foreground: 0.985 0 0;
65
+ --sidebar-primary: 0.685 0.169 237.323;
66
+ --sidebar-primary-foreground: 0.293 0.066 243.157;
67
+ --sidebar-accent: 0.269 0 0;
68
+ --sidebar-accent-foreground: 0.985 0 0;
69
+ --sidebar-border: 0.23 0 0;
70
+ --sidebar-ring: 0.556 0 0;
71
+ }
72
+
73
+ * {
74
+ border-color: oklch(var(--border));
75
+ outline-color: color-mix(in oklch, oklch(var(--ring)) 50%, transparent);
76
+ }
77
+
78
+ html {
79
+ font-family: var(--font-sans);
80
+ }
81
+
82
+ body {
83
+ background-color: oklch(var(--background));
84
+ color: oklch(var(--foreground));
85
+ }
86
+
87
+ button:not(:disabled),
88
+ [role="button"]:not(:disabled) {
89
+ cursor: pointer;
90
+ }
91
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jakeseanp/socrates-ui",
3
- "version": "0.2.0",
3
+ "version": "0.3.0",
4
4
  "description": "Socrates component library.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -13,10 +13,14 @@
13
13
  "require": "./dist/index.cjs"
14
14
  },
15
15
  "./styles.css": "./dist/index.css",
16
+ "./theme.css": "./theme.css",
17
+ "./base.css": "./base.css",
16
18
  "./tailwind-preset": "./tailwind-preset.cjs"
17
19
  },
18
20
  "files": [
19
21
  "dist",
22
+ "theme.css",
23
+ "base.css",
20
24
  "tailwind-preset.cjs"
21
25
  ],
22
26
  "sideEffects": [
package/theme.css ADDED
@@ -0,0 +1,41 @@
1
+ @theme inline {
2
+ --font-sans: "Geist", "Geist Fallback", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
3
+ --font-mono: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
4
+
5
+ --color-background: oklch(var(--background));
6
+ --color-foreground: oklch(var(--foreground));
7
+ --color-card: oklch(var(--card));
8
+ --color-card-foreground: oklch(var(--card-foreground));
9
+ --color-popover: oklch(var(--popover));
10
+ --color-popover-foreground: oklch(var(--popover-foreground));
11
+ --color-primary: oklch(var(--primary));
12
+ --color-primary-foreground: oklch(var(--primary-foreground));
13
+ --color-secondary: oklch(var(--secondary));
14
+ --color-secondary-foreground: oklch(var(--secondary-foreground));
15
+ --color-muted: oklch(var(--muted));
16
+ --color-muted-foreground: oklch(var(--muted-foreground));
17
+ --color-accent: oklch(var(--accent));
18
+ --color-accent-foreground: oklch(var(--accent-foreground));
19
+ --color-destructive: oklch(var(--destructive));
20
+ --color-destructive-foreground: oklch(var(--destructive-foreground));
21
+ --color-border: oklch(var(--border));
22
+ --color-input: oklch(var(--input));
23
+ --color-ring: oklch(var(--ring));
24
+ --color-chart-1: oklch(var(--chart-1));
25
+ --color-chart-2: oklch(var(--chart-2));
26
+ --color-chart-3: oklch(var(--chart-3));
27
+ --color-chart-4: oklch(var(--chart-4));
28
+ --color-chart-5: oklch(var(--chart-5));
29
+ --color-sidebar: oklch(var(--sidebar));
30
+ --color-sidebar-foreground: oklch(var(--sidebar-foreground));
31
+ --color-sidebar-primary: oklch(var(--sidebar-primary));
32
+ --color-sidebar-primary-foreground: oklch(var(--sidebar-primary-foreground));
33
+ --color-sidebar-accent: oklch(var(--sidebar-accent));
34
+ --color-sidebar-accent-foreground: oklch(var(--sidebar-accent-foreground));
35
+ --color-sidebar-border: oklch(var(--sidebar-border));
36
+ --color-sidebar-ring: oklch(var(--sidebar-ring));
37
+
38
+ --radius-lg: var(--radius);
39
+ --radius-md: calc(var(--radius) - 2px);
40
+ --radius-sm: calc(var(--radius) - 4px);
41
+ }