@codapet/design-system 0.2.6 → 0.2.8
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 +32 -1
- package/dist/index.mjs +192 -8
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +32 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -50,8 +50,6 @@
|
|
|
50
50
|
--color-brand-dark: var(--brand-dark);
|
|
51
51
|
|
|
52
52
|
--color-gray-subtle: var(--gray-subtle);
|
|
53
|
-
--color-surface-light: var(--surface-light);
|
|
54
|
-
--color-surface-default: var(--surface-default);
|
|
55
53
|
|
|
56
54
|
/* Custom Sand Colors */
|
|
57
55
|
--color-sand-light: var(--sand-light);
|
|
@@ -65,7 +63,6 @@
|
|
|
65
63
|
|
|
66
64
|
/* Red accent */
|
|
67
65
|
--color-red-subtle: var(--red-subtle);
|
|
68
|
-
--color-red-surface-dark: var(--red-surface-dark);
|
|
69
66
|
|
|
70
67
|
/* Sage accent */
|
|
71
68
|
--color-sage-light: var(--sage-light);
|
|
@@ -74,6 +71,22 @@
|
|
|
74
71
|
|
|
75
72
|
/* Icon disabled */
|
|
76
73
|
--color-icon-disabled: var(--icon-disabled);
|
|
74
|
+
|
|
75
|
+
/* Surface */
|
|
76
|
+
--color-gray-surface-light: var(--gray-surface-light);
|
|
77
|
+
--color-gray-surface-default: var(--gray-surface-default);
|
|
78
|
+
--color-primary-surface-subtle: var(--primary-surface-subtle);
|
|
79
|
+
--color-primary-surface-light: var(--primary-surface-light);
|
|
80
|
+
--color-primary-surface-default: var(--primary-surface-default);
|
|
81
|
+
|
|
82
|
+
/* stroke */
|
|
83
|
+
--color-gray-stroke-light: var(--gray-stroke-light);
|
|
84
|
+
--color-error-stroke-light: var(--error-stroke-light);
|
|
85
|
+
|
|
86
|
+
/* error surface */
|
|
87
|
+
--color-error-surface-dark: var(--error-surface-dark);
|
|
88
|
+
--color-error-surface-light: var(--error-surface-light);
|
|
89
|
+
--color-error-surface-default: var(--error-surface-default);
|
|
77
90
|
}
|
|
78
91
|
|
|
79
92
|
:root {
|
|
@@ -136,7 +149,6 @@
|
|
|
136
149
|
|
|
137
150
|
/* Custom red accent */
|
|
138
151
|
--red-subtle: oklch(0.9903 0.003 17.21);
|
|
139
|
-
--red-surface-dark: oklch(0.3967 0.1408 25.71);
|
|
140
152
|
|
|
141
153
|
/* Sage accent */
|
|
142
154
|
--sage-light: oklch(0.932 0.01726072052629843 164.64944629777187);
|
|
@@ -145,8 +157,22 @@
|
|
|
145
157
|
|
|
146
158
|
--gray-subtle: oklch(0.6722 0.0119 286.08);
|
|
147
159
|
--icon-disabled: oklch(0.8686 0.0216 252.51);
|
|
148
|
-
|
|
149
|
-
|
|
160
|
+
|
|
161
|
+
/* gray*/
|
|
162
|
+
--gray-surface-light: oklch(0.9674 0.0013 286.37);
|
|
163
|
+
--gray-surface-default: oklch(0.8711 0.0055 286.29);
|
|
164
|
+
--gray-stroke-light: oklch(0.9197 0.004 286.32);
|
|
165
|
+
|
|
166
|
+
/* primary surface */
|
|
167
|
+
--primary-surface-subtle: oklch(0.9678 0.0086 247.91);
|
|
168
|
+
--primary-surface-light: oklch(0.9397 0.0149 251.16);
|
|
169
|
+
--primary-surface-default: oklch(0.5661 0.0865 252.66);
|
|
170
|
+
|
|
171
|
+
/* error surface */
|
|
172
|
+
--error-surface-default: oklch(0.7022 0.1892 22.23);
|
|
173
|
+
--error-surface-dark: oklch(0.3967 0.1408 25.71);
|
|
174
|
+
--error-surface-light: oklch(0.9705 0.0129 17.38);
|
|
175
|
+
--error-stroke-light: oklch(0.8834 0.0616 18.39);
|
|
150
176
|
}
|
|
151
177
|
|
|
152
178
|
.dark {
|