@codapet/design-system 0.2.7 → 0.2.9
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.mjs +16 -16
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +34 -6
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -48,10 +48,9 @@
|
|
|
48
48
|
--color-brand-normal: var(--brand-normal);
|
|
49
49
|
--color-brand-vibrant: var(--brand-vibrant);
|
|
50
50
|
--color-brand-dark: var(--brand-dark);
|
|
51
|
+
--color-brand-text-vibrant: var(--brand-text-vibrant);
|
|
51
52
|
|
|
52
53
|
--color-gray-subtle: var(--gray-subtle);
|
|
53
|
-
--color-surface-light: var(--surface-light);
|
|
54
|
-
--color-surface-default: var(--surface-default);
|
|
55
54
|
|
|
56
55
|
/* Custom Sand Colors */
|
|
57
56
|
--color-sand-light: var(--sand-light);
|
|
@@ -65,7 +64,6 @@
|
|
|
65
64
|
|
|
66
65
|
/* Red accent */
|
|
67
66
|
--color-red-subtle: var(--red-subtle);
|
|
68
|
-
--color-red-surface-dark: var(--red-surface-dark);
|
|
69
67
|
|
|
70
68
|
/* Sage accent */
|
|
71
69
|
--color-sage-light: var(--sage-light);
|
|
@@ -74,6 +72,22 @@
|
|
|
74
72
|
|
|
75
73
|
/* Icon disabled */
|
|
76
74
|
--color-icon-disabled: var(--icon-disabled);
|
|
75
|
+
|
|
76
|
+
/* Surface */
|
|
77
|
+
--color-gray-surface-light: var(--gray-surface-light);
|
|
78
|
+
--color-gray-surface-default: var(--gray-surface-default);
|
|
79
|
+
--color-primary-surface-subtle: var(--primary-surface-subtle);
|
|
80
|
+
--color-primary-surface-light: var(--primary-surface-light);
|
|
81
|
+
--color-primary-surface-default: var(--primary-surface-default);
|
|
82
|
+
|
|
83
|
+
/* stroke */
|
|
84
|
+
--color-gray-stroke-light: var(--gray-stroke-light);
|
|
85
|
+
--color-error-stroke-light: var(--error-stroke-light);
|
|
86
|
+
|
|
87
|
+
/* error surface */
|
|
88
|
+
--color-error-surface-dark: var(--error-surface-dark);
|
|
89
|
+
--color-error-surface-light: var(--error-surface-light);
|
|
90
|
+
--color-error-surface-default: var(--error-surface-default);
|
|
77
91
|
}
|
|
78
92
|
|
|
79
93
|
:root {
|
|
@@ -119,6 +133,7 @@
|
|
|
119
133
|
--brand-normal: oklch(0.5695 0.0859 252.57);
|
|
120
134
|
--brand-vibrant: oklch(0.5424 0.1123 253.26);
|
|
121
135
|
--brand-dark: oklch(0.4463 0.0577 255.4);
|
|
136
|
+
--brand-text-vibrant: oklch(0.6187 0.2067 259.23);
|
|
122
137
|
|
|
123
138
|
/* Custom Sand Colors */
|
|
124
139
|
--sand-light: oklch(0.9815 0.0046 106.48);
|
|
@@ -136,7 +151,6 @@
|
|
|
136
151
|
|
|
137
152
|
/* Custom red accent */
|
|
138
153
|
--red-subtle: oklch(0.9903 0.003 17.21);
|
|
139
|
-
--red-surface-dark: oklch(0.3967 0.1408 25.71);
|
|
140
154
|
|
|
141
155
|
/* Sage accent */
|
|
142
156
|
--sage-light: oklch(0.932 0.01726072052629843 164.64944629777187);
|
|
@@ -145,8 +159,22 @@
|
|
|
145
159
|
|
|
146
160
|
--gray-subtle: oklch(0.6722 0.0119 286.08);
|
|
147
161
|
--icon-disabled: oklch(0.8686 0.0216 252.51);
|
|
148
|
-
|
|
149
|
-
|
|
162
|
+
|
|
163
|
+
/* gray*/
|
|
164
|
+
--gray-surface-light: oklch(0.9674 0.0013 286.37);
|
|
165
|
+
--gray-surface-default: oklch(0.8711 0.0055 286.29);
|
|
166
|
+
--gray-stroke-light: oklch(0.9197 0.004 286.32);
|
|
167
|
+
|
|
168
|
+
/* primary surface */
|
|
169
|
+
--primary-surface-subtle: oklch(0.9678 0.0086 247.91);
|
|
170
|
+
--primary-surface-light: oklch(0.9397 0.0149 251.16);
|
|
171
|
+
--primary-surface-default: oklch(0.5661 0.0865 252.66);
|
|
172
|
+
|
|
173
|
+
/* error surface */
|
|
174
|
+
--error-surface-default: oklch(0.7022 0.1892 22.23);
|
|
175
|
+
--error-surface-dark: oklch(0.3967 0.1408 25.71);
|
|
176
|
+
--error-surface-light: oklch(0.9705 0.0129 17.38);
|
|
177
|
+
--error-stroke-light: oklch(0.8834 0.0616 18.39);
|
|
150
178
|
}
|
|
151
179
|
|
|
152
180
|
.dark {
|