negodesign 0.0.3 → 0.0.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.
- package/dist/globals.css +3507 -0
- package/dist/styles/globals.css +141 -0
- package/package.json +4 -2
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
@import "tw-animate-css";
|
|
3
|
+
@import "shadcn-svelte/tailwind.css";
|
|
4
|
+
@import "@fontsource-variable/figtree";
|
|
5
|
+
|
|
6
|
+
@custom-variant dark (&:is(.dark *));
|
|
7
|
+
@plugin '@tailwindcss/forms';
|
|
8
|
+
@plugin '@tailwindcss/typography';
|
|
9
|
+
|
|
10
|
+
@layer {
|
|
11
|
+
.bg-gradient-left {
|
|
12
|
+
@apply bg-linear-to-r from-[#0077b6] via-[#219ebc] to-[#219ebc] dark:from-[#06344d] dark:via-[#023845] dark:to-[#074656];
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.bg-gradient-right {
|
|
16
|
+
@apply max-md:bg-linear-to-r max-md:from-[#0077b6] max-md:via-[#219ebc] max-md:to-[#219ebc] dark:max-md:from-[#06344d] dark:max-md:via-[#023845] dark:max-md:to-[#074656];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
:root {
|
|
21
|
+
--background: oklch(1 0 0);
|
|
22
|
+
--foreground: oklch(31.22% 0.0185 225.266);
|
|
23
|
+
--card: oklch(1 0 0);
|
|
24
|
+
--card-foreground: oklch(0.148 0.004 228.8);
|
|
25
|
+
--popover: oklch(1 0 0);
|
|
26
|
+
--popover-foreground: oklch(0.148 0.004 228.8);
|
|
27
|
+
--primary: #00bbf9;
|
|
28
|
+
--primary-foreground: oklch(0.97 0.014 254.604);
|
|
29
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
30
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
31
|
+
--muted: oklch(0.963 0.002 197.1);
|
|
32
|
+
--muted-foreground: oklch(0.56 0.021 213.5);
|
|
33
|
+
--accent: oklch(0.963 0.002 197.1);
|
|
34
|
+
--accent-foreground: #3a6ea5;
|
|
35
|
+
--destructive: #ff0054;
|
|
36
|
+
--border: oklch(0.925 0.005 214.3);
|
|
37
|
+
--input: oklch(0.925 0.005 214.3);
|
|
38
|
+
--ring: oklch(0.723 0.014 214.4);
|
|
39
|
+
--chart-1: #3a6ea5;
|
|
40
|
+
--chart-2: #2ec4b6;
|
|
41
|
+
--chart-3: #ff6700;
|
|
42
|
+
--chart-4: #3a86ff;
|
|
43
|
+
--chart-5: #ffbd00;
|
|
44
|
+
--radius: 0.62rem;
|
|
45
|
+
--sidebar: oklch(0.987 0.002 197.1);
|
|
46
|
+
--sidebar-foreground: oklch(0.148 0.004 228.8);
|
|
47
|
+
--sidebar-primary: #bde0fe;
|
|
48
|
+
--sidebar-primary-foreground: oklch(0.97 0.014 254.604);
|
|
49
|
+
--sidebar-accent: oklch(0.963 0.002 197.1);
|
|
50
|
+
--sidebar-accent-foreground: oklch(0.218 0.008 223.9);
|
|
51
|
+
--sidebar-border: oklch(0.925 0.005 214.3);
|
|
52
|
+
--sidebar-ring: oklch(0.723 0.014 214.4);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.dark {
|
|
56
|
+
--background: oklch(0.148 0.004 228.8);
|
|
57
|
+
--foreground: oklch(0.987 0.002 197.1);
|
|
58
|
+
--card: oklch(0.218 0.008 223.9);
|
|
59
|
+
--card-foreground: oklch(0.987 0.002 197.1);
|
|
60
|
+
--popover: oklch(0.218 0.008 223.9);
|
|
61
|
+
--popover-foreground: oklch(0.987 0.002 197.1);
|
|
62
|
+
--primary: oklch(0.424 0.199 265.638);
|
|
63
|
+
--primary-foreground: oklch(0.97 0.014 254.604);
|
|
64
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
65
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
66
|
+
--muted: oklch(0.275 0.011 216.9);
|
|
67
|
+
--muted-foreground: oklch(0.723 0.014 214.4);
|
|
68
|
+
--accent: oklch(0.275 0.011 216.9);
|
|
69
|
+
--accent-foreground: oklch(0.987 0.002 197.1);
|
|
70
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
71
|
+
--border: oklch(1 0 0 / 10%);
|
|
72
|
+
--input: oklch(1 0 0 / 15%);
|
|
73
|
+
--ring: oklch(0.56 0.021 213.5);
|
|
74
|
+
--chart-1: oklch(0.872 0.007 219.6);
|
|
75
|
+
--chart-2: oklch(0.56 0.021 213.5);
|
|
76
|
+
--chart-3: oklch(0.45 0.017 213.2);
|
|
77
|
+
--chart-4: oklch(0.378 0.015 216);
|
|
78
|
+
--chart-5: oklch(0.275 0.011 216.9);
|
|
79
|
+
--sidebar: oklch(0.218 0.008 223.9);
|
|
80
|
+
--sidebar-foreground: oklch(0.987 0.002 197.1);
|
|
81
|
+
--sidebar-primary: oklch(0.623 0.214 259.815);
|
|
82
|
+
--sidebar-primary-foreground: oklch(0.97 0.014 254.604);
|
|
83
|
+
--sidebar-accent: oklch(0.275 0.011 216.9);
|
|
84
|
+
--sidebar-accent-foreground: oklch(0.987 0.002 197.1);
|
|
85
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
86
|
+
--sidebar-ring: oklch(0.56 0.021 213.5);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
@theme inline {
|
|
90
|
+
--font-sans: "Figtree Variable", sans-serif;
|
|
91
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
92
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
93
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
94
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
95
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
96
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
97
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
98
|
+
--color-sidebar: var(--sidebar);
|
|
99
|
+
--color-chart-5: var(--chart-5);
|
|
100
|
+
--color-chart-4: var(--chart-4);
|
|
101
|
+
--color-chart-3: var(--chart-3);
|
|
102
|
+
--color-chart-2: var(--chart-2);
|
|
103
|
+
--color-chart-1: var(--chart-1);
|
|
104
|
+
--color-ring: var(--ring);
|
|
105
|
+
--color-input: var(--input);
|
|
106
|
+
--color-border: var(--border);
|
|
107
|
+
--color-destructive: var(--destructive);
|
|
108
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
109
|
+
--color-accent: var(--accent);
|
|
110
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
111
|
+
--color-muted: var(--muted);
|
|
112
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
113
|
+
--color-secondary: var(--secondary);
|
|
114
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
115
|
+
--color-primary: var(--primary);
|
|
116
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
117
|
+
--color-popover: var(--popover);
|
|
118
|
+
--color-card-foreground: var(--card-foreground);
|
|
119
|
+
--color-card: var(--card);
|
|
120
|
+
--color-foreground: var(--foreground);
|
|
121
|
+
--color-background: var(--background);
|
|
122
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
123
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
124
|
+
--radius-lg: var(--radius);
|
|
125
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
126
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
127
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
128
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
@layer base {
|
|
132
|
+
* {
|
|
133
|
+
@apply border-border outline-ring/50;
|
|
134
|
+
}
|
|
135
|
+
body {
|
|
136
|
+
@apply bg-background text-foreground;
|
|
137
|
+
}
|
|
138
|
+
html {
|
|
139
|
+
@apply font-sans;
|
|
140
|
+
}
|
|
141
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "negodesign",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -15,6 +15,7 @@
|
|
|
15
15
|
"svelte": "./dist/index.js",
|
|
16
16
|
"default": "./dist/index.js"
|
|
17
17
|
},
|
|
18
|
+
"./styles.css": "./dist/globals.css",
|
|
18
19
|
"./*.svelte": "./dist/*.svelte",
|
|
19
20
|
"./*": {
|
|
20
21
|
"types": "./dist/*.d.ts",
|
|
@@ -25,7 +26,7 @@
|
|
|
25
26
|
"scripts": {
|
|
26
27
|
"dev": "vite dev",
|
|
27
28
|
"build": "vite build",
|
|
28
|
-
"package": "svelte-kit sync && svelte-package",
|
|
29
|
+
"package": "svelte-kit sync && svelte-package && tailwindcss -i ./src/lib/styles/globals.css -o ./dist/globals.css",
|
|
29
30
|
"prepublishOnly": "npm run package",
|
|
30
31
|
"preview": "vite preview",
|
|
31
32
|
"prepare": "svelte-kit sync || echo ''",
|
|
@@ -71,6 +72,7 @@
|
|
|
71
72
|
"@sveltejs/kit": "^2.63.0",
|
|
72
73
|
"@sveltejs/package": "^2.5.8",
|
|
73
74
|
"@sveltejs/vite-plugin-svelte": "^7.1.2",
|
|
75
|
+
"@tailwindcss/cli": "^4.3.0",
|
|
74
76
|
"@tailwindcss/forms": "^0.5.11",
|
|
75
77
|
"@tailwindcss/typography": "^0.5.19",
|
|
76
78
|
"@tailwindcss/vite": "^4.3.0",
|