@nuvia/tokens 1.1.0 → 1.1.2
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/styles/globals.css +160 -0
- package/package.json +1 -1
package/dist/styles/globals.css
CHANGED
|
@@ -67,6 +67,166 @@
|
|
|
67
67
|
--color-chart-4: hsl(var(--chart-4));
|
|
68
68
|
--color-chart-5: hsl(var(--chart-5));
|
|
69
69
|
|
|
70
|
+
/* ====== INTERFACE COLORS ====== */
|
|
71
|
+
/* Background variants */
|
|
72
|
+
--color-background-default-light: hsl(var(--background-default-light));
|
|
73
|
+
--color-background-default-medium: hsl(var(--background-default-medium));
|
|
74
|
+
--color-background-default-heavy: hsl(var(--background-default-heavy));
|
|
75
|
+
--color-background-default-accent: hsl(var(--background-default-accent));
|
|
76
|
+
--color-background-primary-light: hsl(var(--background-primary-light));
|
|
77
|
+
--color-background-primary-medium: hsl(var(--background-primary-medium));
|
|
78
|
+
--color-background-primary-heavy: hsl(var(--background-primary-heavy));
|
|
79
|
+
--color-background-secondary-light: hsl(var(--background-secondary-light));
|
|
80
|
+
--color-background-secondary-medium: hsl(var(--background-secondary-medium));
|
|
81
|
+
--color-background-secondary-heavy: hsl(var(--background-secondary-heavy));
|
|
82
|
+
--color-background-accent-light: hsl(var(--background-accent-light));
|
|
83
|
+
--color-background-accent-medium: hsl(var(--background-accent-medium));
|
|
84
|
+
--color-background-accent-heavy: hsl(var(--background-accent-heavy));
|
|
85
|
+
--color-background-accent-primary: hsl(var(--background-accent-primary));
|
|
86
|
+
--color-background-accent-secondary: hsl(var(--background-accent-secondary));
|
|
87
|
+
|
|
88
|
+
/* Foreground variants */
|
|
89
|
+
--color-foreground-default-light: hsl(var(--foreground-default-light));
|
|
90
|
+
--color-foreground-default-xlight: hsl(var(--foreground-default-xlight));
|
|
91
|
+
--color-foreground-default-heavy: hsl(var(--foreground-default-heavy));
|
|
92
|
+
--color-foreground-default-medium: hsl(var(--foreground-default-medium));
|
|
93
|
+
--color-foreground-primary-light: hsl(var(--foreground-primary-light));
|
|
94
|
+
--color-foreground-primary-heavy: hsl(var(--foreground-primary-heavy));
|
|
95
|
+
--color-foreground-primary-medium: hsl(var(--foreground-primary-medium));
|
|
96
|
+
--color-foreground-secondary-light: hsl(var(--foreground-secondary-light));
|
|
97
|
+
--color-foreground-secondary-heavy: hsl(var(--foreground-secondary-heavy));
|
|
98
|
+
--color-foreground-secondary-medium: hsl(var(--foreground-secondary-medium));
|
|
99
|
+
--color-foreground-accent-light: hsl(var(--foreground-accent-light));
|
|
100
|
+
--color-foreground-accent-heavy: hsl(var(--foreground-accent-heavy));
|
|
101
|
+
--color-foreground-accent-medium: hsl(var(--foreground-accent-medium));
|
|
102
|
+
|
|
103
|
+
/* Border variants */
|
|
104
|
+
--color-border-medium: hsl(var(--border-medium));
|
|
105
|
+
--color-border-default-light: hsl(var(--border-default-light));
|
|
106
|
+
--color-border-default-medium: hsl(var(--border-default-medium));
|
|
107
|
+
--color-border-default-heavy: hsl(var(--border-default-heavy));
|
|
108
|
+
--color-border-primary-light: hsl(var(--border-primary-light));
|
|
109
|
+
--color-border-primary-medium: hsl(var(--border-primary-medium));
|
|
110
|
+
--color-border-primary-heavy: hsl(var(--border-primary-heavy));
|
|
111
|
+
--color-border-accent-light: hsl(var(--border-accent-light));
|
|
112
|
+
--color-border-accent-medium: hsl(var(--border-accent-medium));
|
|
113
|
+
--color-border-accent-heavy: hsl(var(--border-accent-heavy));
|
|
114
|
+
|
|
115
|
+
/* Text colors */
|
|
116
|
+
--color-text: hsl(var(--text-default-primary));
|
|
117
|
+
--color-text-default-primary: hsl(var(--text-default-primary));
|
|
118
|
+
--color-text-default-secondary: hsl(var(--text-default-secondary));
|
|
119
|
+
--color-text-brand-primary: hsl(var(--text-brand-primary));
|
|
120
|
+
--color-text-brand-secondary: hsl(var(--text-brand-secondary));
|
|
121
|
+
--color-text-links: hsl(var(--text-links));
|
|
122
|
+
--color-text-disabled: hsl(var(--text-disabled));
|
|
123
|
+
--color-text-default-inverted: hsl(var(--text-default-inverted));
|
|
124
|
+
--color-text-general-light: hsl(var(--text-general-light));
|
|
125
|
+
--color-text-general-dark: hsl(var(--text-general-dark));
|
|
126
|
+
|
|
127
|
+
/* ====== NUVIA BRAND COLORS ====== */
|
|
128
|
+
/* Zafiro */
|
|
129
|
+
--color-nuvia-zafiro-100: hsl(var(--color-zafiro-100));
|
|
130
|
+
--color-nuvia-zafiro-200: hsl(var(--color-zafiro-200));
|
|
131
|
+
--color-nuvia-zafiro-300: hsl(var(--color-zafiro-300));
|
|
132
|
+
--color-nuvia-zafiro-400: hsl(var(--color-zafiro-400));
|
|
133
|
+
--color-nuvia-zafiro-500: hsl(var(--color-zafiro-500));
|
|
134
|
+
--color-nuvia-zafiro-600: hsl(var(--color-zafiro-600));
|
|
135
|
+
--color-nuvia-zafiro-700: hsl(var(--color-zafiro-700));
|
|
136
|
+
--color-nuvia-zafiro-800: hsl(var(--color-zafiro-800));
|
|
137
|
+
|
|
138
|
+
/* Madrugada */
|
|
139
|
+
--color-nuvia-madrugada-100: hsl(var(--color-madrugada-100));
|
|
140
|
+
--color-nuvia-madrugada-200: hsl(var(--color-madrugada-200));
|
|
141
|
+
--color-nuvia-madrugada-300: hsl(var(--color-madrugada-300));
|
|
142
|
+
--color-nuvia-madrugada-400: hsl(var(--color-madrugada-400));
|
|
143
|
+
--color-nuvia-madrugada-500: hsl(var(--color-madrugada-500));
|
|
144
|
+
--color-nuvia-madrugada-600: hsl(var(--color-madrugada-600));
|
|
145
|
+
--color-nuvia-madrugada-700: hsl(var(--color-madrugada-700));
|
|
146
|
+
--color-nuvia-madrugada-800: hsl(var(--color-madrugada-800));
|
|
147
|
+
|
|
148
|
+
/* Nimbus */
|
|
149
|
+
--color-nuvia-nimbus-200: hsl(var(--color-nimbus-200));
|
|
150
|
+
--color-nuvia-nimbus-300: hsl(var(--color-nimbus-300));
|
|
151
|
+
--color-nuvia-nimbus-400: hsl(var(--color-nimbus-400));
|
|
152
|
+
--color-nuvia-nimbus-500: hsl(var(--color-nimbus-500));
|
|
153
|
+
--color-nuvia-nimbus-600: hsl(var(--color-nimbus-600));
|
|
154
|
+
|
|
155
|
+
/* Indigo */
|
|
156
|
+
--color-nuvia-indigo-100: hsl(var(--color-indigo-100));
|
|
157
|
+
--color-nuvia-indigo-200: hsl(var(--color-indigo-200));
|
|
158
|
+
--color-nuvia-indigo-300: hsl(var(--color-indigo-300));
|
|
159
|
+
--color-nuvia-indigo-400: hsl(var(--color-indigo-400));
|
|
160
|
+
--color-nuvia-indigo-500: hsl(var(--color-indigo-500));
|
|
161
|
+
--color-nuvia-indigo-600: hsl(var(--color-indigo-600));
|
|
162
|
+
--color-nuvia-indigo-700: hsl(var(--color-indigo-700));
|
|
163
|
+
--color-nuvia-indigo-800: hsl(var(--color-indigo-800));
|
|
164
|
+
|
|
165
|
+
/* Lumen */
|
|
166
|
+
--color-nuvia-lumen-100: hsl(var(--color-lumen-100));
|
|
167
|
+
--color-nuvia-lumen-200: hsl(var(--color-lumen-200));
|
|
168
|
+
--color-nuvia-lumen-300: hsl(var(--color-lumen-300));
|
|
169
|
+
--color-nuvia-lumen-400: hsl(var(--color-lumen-400));
|
|
170
|
+
--color-nuvia-lumen-500: hsl(var(--color-lumen-500));
|
|
171
|
+
--color-nuvia-lumen-600: hsl(var(--color-lumen-600));
|
|
172
|
+
--color-nuvia-lumen-700: hsl(var(--color-lumen-700));
|
|
173
|
+
--color-nuvia-lumen-800: hsl(var(--color-lumen-800));
|
|
174
|
+
|
|
175
|
+
/* Lilas */
|
|
176
|
+
--color-nuvia-lilas-100: hsl(var(--color-lilas-100));
|
|
177
|
+
--color-nuvia-lilas-200: hsl(var(--color-lilas-200));
|
|
178
|
+
--color-nuvia-lilas-300: hsl(var(--color-lilas-300));
|
|
179
|
+
--color-nuvia-lilas-400: hsl(var(--color-lilas-400));
|
|
180
|
+
--color-nuvia-lilas-500: hsl(var(--color-lilas-500));
|
|
181
|
+
--color-nuvia-lilas-600: hsl(var(--color-lilas-600));
|
|
182
|
+
--color-nuvia-lilas-700: hsl(var(--color-lilas-700));
|
|
183
|
+
--color-nuvia-lilas-800: hsl(var(--color-lilas-800));
|
|
184
|
+
|
|
185
|
+
/* Magenta */
|
|
186
|
+
--color-nuvia-magenta-100: hsl(var(--color-magenta-100));
|
|
187
|
+
--color-nuvia-magenta-200: hsl(var(--color-magenta-200));
|
|
188
|
+
--color-nuvia-magenta-300: hsl(var(--color-magenta-300));
|
|
189
|
+
--color-nuvia-magenta-400: hsl(var(--color-magenta-400));
|
|
190
|
+
--color-nuvia-magenta-500: hsl(var(--color-magenta-500));
|
|
191
|
+
--color-nuvia-magenta-600: hsl(var(--color-magenta-600));
|
|
192
|
+
--color-nuvia-magenta-700: hsl(var(--color-magenta-700));
|
|
193
|
+
--color-nuvia-magenta-800: hsl(var(--color-magenta-800));
|
|
194
|
+
|
|
195
|
+
/* Magma */
|
|
196
|
+
--color-nuvia-magma-100: hsl(var(--color-magma-100));
|
|
197
|
+
--color-nuvia-magma-200: hsl(var(--color-magma-200));
|
|
198
|
+
--color-nuvia-magma-300: hsl(var(--color-magma-300));
|
|
199
|
+
--color-nuvia-magma-400: hsl(var(--color-magma-400));
|
|
200
|
+
--color-nuvia-magma-500: hsl(var(--color-magma-500));
|
|
201
|
+
--color-nuvia-magma-600: hsl(var(--color-magma-600));
|
|
202
|
+
--color-nuvia-magma-700: hsl(var(--color-magma-700));
|
|
203
|
+
--color-nuvia-magma-800: hsl(var(--color-magma-800));
|
|
204
|
+
|
|
205
|
+
/* Light */
|
|
206
|
+
--color-nuvia-light-100: hsl(var(--color-light-100));
|
|
207
|
+
--color-nuvia-light-200: hsl(var(--color-light-200));
|
|
208
|
+
--color-nuvia-light-300: hsl(var(--color-light-300));
|
|
209
|
+
--color-nuvia-light-400: hsl(var(--color-light-400));
|
|
210
|
+
--color-nuvia-light-500: hsl(var(--color-light-500));
|
|
211
|
+
--color-nuvia-light-600: hsl(var(--color-light-600));
|
|
212
|
+
--color-nuvia-light-700: hsl(var(--color-light-700));
|
|
213
|
+
|
|
214
|
+
/* Dark */
|
|
215
|
+
--color-nuvia-dark-100: hsl(var(--color-dark-100));
|
|
216
|
+
--color-nuvia-dark-200: hsl(var(--color-dark-200));
|
|
217
|
+
--color-nuvia-dark-300: hsl(var(--color-dark-300));
|
|
218
|
+
--color-nuvia-dark-400: hsl(var(--color-dark-400));
|
|
219
|
+
--color-nuvia-dark-500: hsl(var(--color-dark-500));
|
|
220
|
+
--color-nuvia-dark-600: hsl(var(--color-dark-600));
|
|
221
|
+
--color-nuvia-dark-700: hsl(var(--color-dark-700));
|
|
222
|
+
|
|
223
|
+
/* Error */
|
|
224
|
+
--color-nuvia-error-100: hsl(var(--color-error-100));
|
|
225
|
+
--color-nuvia-error-200: hsl(var(--color-error-200));
|
|
226
|
+
--color-nuvia-error-300: hsl(var(--color-error-300));
|
|
227
|
+
--color-nuvia-error-500: hsl(var(--color-error-500));
|
|
228
|
+
--color-nuvia-error-700: hsl(var(--color-error-700));
|
|
229
|
+
|
|
70
230
|
/* Border radius */
|
|
71
231
|
--radius-sm: calc(var(--radius) - 4px);
|
|
72
232
|
--radius-md: calc(var(--radius) - 2px);
|