@codapet/design-system 0.1.5 → 0.1.7
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/index.d.mts +22 -43
- package/dist/index.mjs +453 -884
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +59 -2
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -47,6 +47,33 @@
|
|
|
47
47
|
--color-brand-normal: var(--brand-normal);
|
|
48
48
|
--color-brand-vibrant: var(--brand-vibrant);
|
|
49
49
|
--color-brand-dark: var(--brand-dark);
|
|
50
|
+
|
|
51
|
+
--color-gray-subtle: var(--gray-subtle);
|
|
52
|
+
|
|
53
|
+
/* Custom Sand Colors */
|
|
54
|
+
--color-sand-light: var(--sand-light);
|
|
55
|
+
--color-sand-normal: var(--sand-normal);
|
|
56
|
+
--color-sand-dark: var(--sand-dark);
|
|
57
|
+
|
|
58
|
+
/* Rose accent */
|
|
59
|
+
--color-rose-light: var(--rose-light);
|
|
60
|
+
--color-rose-normal: var(--rose-normal);
|
|
61
|
+
--color-rose-dark: var(--rose-dark);
|
|
62
|
+
|
|
63
|
+
/* Red accent */
|
|
64
|
+
--color-red-subtle: var(--red-subtle);
|
|
65
|
+
|
|
66
|
+
/* Sage accent */
|
|
67
|
+
--color-sage-light: var(--sage-light);
|
|
68
|
+
--color-sage-normal: var(--sage-normal);
|
|
69
|
+
--color-sage-dark: var(--sage-dark);
|
|
70
|
+
|
|
71
|
+
/* Custom warning color scale */
|
|
72
|
+
--color-warning-subtle: var(--warning-subtle);
|
|
73
|
+
--color-warning-light: var(--warning-light);
|
|
74
|
+
--color-warning-normal: var(--warning-normal);
|
|
75
|
+
--color-warning-vibrant: var(--warning-vibrant);
|
|
76
|
+
--color-warning-dark: var(--warning-dark);
|
|
50
77
|
}
|
|
51
78
|
|
|
52
79
|
:root {
|
|
@@ -63,7 +90,9 @@
|
|
|
63
90
|
--secondary: oklch(0.968 0.007 247.896);
|
|
64
91
|
--secondary-foreground: oklch(0.208 0.042 265.755);
|
|
65
92
|
--muted: oklch(0.968 0.007 247.896);
|
|
66
|
-
|
|
93
|
+
|
|
94
|
+
/* --muted-foreground: oklch(0.554 0.046 257.417); */
|
|
95
|
+
--muted-foreground: var(--gray-subtle);
|
|
67
96
|
--accent: oklch(0.968 0.007 247.896);
|
|
68
97
|
--accent-foreground: oklch(0.208 0.042 265.755);
|
|
69
98
|
--destructive: oklch(0.577 0.245 27.325);
|
|
@@ -91,9 +120,36 @@
|
|
|
91
120
|
--brand-vibrant: oklch(0.5424 0.1123 253.26);
|
|
92
121
|
--brand-dark: oklch(0.4463 0.0577 255.4);
|
|
93
122
|
|
|
123
|
+
/* Custom Sand Colors */
|
|
124
|
+
--sand-light: oklch(0.9815 0.0046 106.48);
|
|
125
|
+
--sand-normal: oklch(0.9557 0.0053 67.76);
|
|
126
|
+
--sand-dark: oklch(0.8691 0.0045 56.36);
|
|
127
|
+
|
|
94
128
|
/* Primary Color uses brand-normal */
|
|
95
129
|
--primary: var(--brand-normal);
|
|
96
130
|
--primary-foreground: oklch(0.984 0.003 247.858);
|
|
131
|
+
|
|
132
|
+
/* Rose accent */
|
|
133
|
+
--rose-light: oklch(0.9722 0.0086 0.11);
|
|
134
|
+
--rose-normal: oklch(0.8046 0.0487 0.45);
|
|
135
|
+
--rose-dark: oklch(0.5133 0.0289 0.34);
|
|
136
|
+
|
|
137
|
+
/* Custom red accent */
|
|
138
|
+
--red-subtle: oklch(0.9903 0.003 17.21);
|
|
139
|
+
|
|
140
|
+
/* Sage accent */
|
|
141
|
+
--sage-light: oklch(0.932 0.01726072052629843 164.64944629777187);
|
|
142
|
+
--sage-normal: oklch(0.7506 0.034 163.9);
|
|
143
|
+
--sage-dark: oklch(0.4323 0.0246 165.25);
|
|
144
|
+
|
|
145
|
+
/* Custom warning color scale */
|
|
146
|
+
--warning-subtle: oklch(0.9972 0.0134 106.64);
|
|
147
|
+
--warning-light: oklch(0.888 0.086 112.02);
|
|
148
|
+
--warning-normal: oklch(0.845 0.1914 115.53);
|
|
149
|
+
--warning-vibrant: oklch(0.7956 0.1807 115.58);
|
|
150
|
+
--warning-dark: oklch(0.473 0.0898 90.46);
|
|
151
|
+
|
|
152
|
+
--gray-subtle: oklch(0.6722 0.0119 286.08);
|
|
97
153
|
}
|
|
98
154
|
|
|
99
155
|
.dark {
|
|
@@ -114,7 +170,8 @@
|
|
|
114
170
|
--destructive: oklch(0.704 0.191 22.216);
|
|
115
171
|
--border: oklch(1 0 0 / 10%);
|
|
116
172
|
--input: oklch(1 0 0 / 15%);
|
|
117
|
-
--ring: oklch(0.551 0.027 264.364);
|
|
173
|
+
/* --ring: oklch(0.551 0.027 264.364); */
|
|
174
|
+
--ring: oklch(0.623 0.214 259.815); /* blue-500 */
|
|
118
175
|
--chart-1: oklch(0.488 0.243 264.376);
|
|
119
176
|
--chart-2: oklch(0.696 0.17 162.48);
|
|
120
177
|
--chart-3: oklch(0.769 0.188 70.08);
|