@codapet/design-system 0.1.0 → 0.1.5
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/README.md +2 -2
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +23 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import 'tw-animate-css';
|
|
2
2
|
|
|
3
3
|
@custom-variant dark (&:is(.dark *));
|
|
4
4
|
|
|
5
5
|
@theme inline {
|
|
6
6
|
--color-background: var(--background);
|
|
7
7
|
--color-foreground: var(--foreground);
|
|
8
|
-
--font-sans: var(--font-
|
|
8
|
+
--font-sans: var(--font-plus-jakarta-sans);
|
|
9
9
|
--font-mono: var(--font-geist-mono);
|
|
10
10
|
--color-sidebar-ring: var(--sidebar-ring);
|
|
11
11
|
--color-sidebar-border: var(--sidebar-border);
|
|
@@ -40,6 +40,13 @@
|
|
|
40
40
|
--radius-md: calc(var(--radius) - 2px);
|
|
41
41
|
--radius-lg: var(--radius);
|
|
42
42
|
--radius-xl: calc(var(--radius) + 4px);
|
|
43
|
+
|
|
44
|
+
/* Brand Colors */
|
|
45
|
+
--color-brand-subtle: var(--brand-subtle);
|
|
46
|
+
--color-brand-light: var(--brand-light);
|
|
47
|
+
--color-brand-normal: var(--brand-normal);
|
|
48
|
+
--color-brand-vibrant: var(--brand-vibrant);
|
|
49
|
+
--color-brand-dark: var(--brand-dark);
|
|
43
50
|
}
|
|
44
51
|
|
|
45
52
|
:root {
|
|
@@ -50,7 +57,8 @@
|
|
|
50
57
|
--card-foreground: oklch(0.129 0.042 264.695);
|
|
51
58
|
--popover: oklch(1 0 0);
|
|
52
59
|
--popover-foreground: oklch(0.129 0.042 264.695);
|
|
53
|
-
|
|
60
|
+
|
|
61
|
+
/* --primary: oklch(0.208 0.042 265.755); */
|
|
54
62
|
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
55
63
|
--secondary: oklch(0.968 0.007 247.896);
|
|
56
64
|
--secondary-foreground: oklch(0.208 0.042 265.755);
|
|
@@ -75,6 +83,17 @@
|
|
|
75
83
|
--sidebar-accent-foreground: oklch(0.208 0.042 265.755);
|
|
76
84
|
--sidebar-border: oklch(0.929 0.013 255.508);
|
|
77
85
|
--sidebar-ring: oklch(0.704 0.04 256.788);
|
|
86
|
+
|
|
87
|
+
/* Brand Colors */
|
|
88
|
+
--brand-subtle: oklch(0.9672 0.0087 247.92);
|
|
89
|
+
--brand-light: oklch(0.9417 0.0144 251.57);
|
|
90
|
+
--brand-normal: oklch(0.5695 0.0859 252.57);
|
|
91
|
+
--brand-vibrant: oklch(0.5424 0.1123 253.26);
|
|
92
|
+
--brand-dark: oklch(0.4463 0.0577 255.4);
|
|
93
|
+
|
|
94
|
+
/* Primary Color uses brand-normal */
|
|
95
|
+
--primary: var(--brand-normal);
|
|
96
|
+
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
78
97
|
}
|
|
79
98
|
|
|
80
99
|
.dark {
|
|
@@ -116,8 +135,6 @@
|
|
|
116
135
|
@apply border-border outline-ring/50;
|
|
117
136
|
}
|
|
118
137
|
body {
|
|
119
|
-
@apply bg-background text-foreground;
|
|
138
|
+
@apply bg-background text-foreground font-sans;
|
|
120
139
|
}
|
|
121
140
|
}
|
|
122
|
-
|
|
123
|
-
|