@leonio/kern-ux-tailwind 0.0.0-stage → 0.1.0

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.
Files changed (6) hide show
  1. package/LICENSE.md +287 -0
  2. package/README.md +97 -2
  3. package/package.json +71 -5
  4. package/src/remap.css +368 -0
  5. package/src/theme.css +193 -0
  6. package/src/tokens.css +345 -0
package/src/tokens.css ADDED
@@ -0,0 +1,345 @@
1
+ /*
2
+ * Generated by scripts/generate.ts from the installed @kern-ux/native and
3
+ * tailwindcss. Don't edit it by hand: run `npm run tokens`.
4
+ *
5
+ * Every KERN colour token --kern-color-<name> as the Tailwind colour
6
+ * kern-<name>: --kern-color-action-default-contextual is
7
+ * bg-kern-action-default-contextual.
8
+ */
9
+ @theme inline {
10
+ /* Semantic */
11
+ --color-kern-layout-border: var(--kern-color-layout-border);
12
+ --color-kern-layout-border-level-1: var(--kern-color-layout-border-level-1);
13
+ --color-kern-layout-border-level-2: var(--kern-color-layout-border-level-2);
14
+ --color-kern-layout-text-default: var(--kern-color-layout-text-default);
15
+ --color-kern-layout-text-muted: var(--kern-color-layout-text-muted);
16
+ --color-kern-layout-text-inverse: var(--kern-color-layout-text-inverse);
17
+ --color-kern-layout-background-default: var(--kern-color-layout-background-default);
18
+ --color-kern-layout-background-hued: var(--kern-color-layout-background-hued);
19
+ --color-kern-layout-background-default-surface: var(--kern-color-layout-background-default-surface);
20
+ --color-kern-layout-background-level-1: var(--kern-color-layout-background-level-1);
21
+ --color-kern-layout-background-level-1-surface: var(--kern-color-layout-background-level-1-surface);
22
+ --color-kern-layout-background-level-2: var(--kern-color-layout-background-level-2);
23
+ --color-kern-layout-background-level-2-surface: var(--kern-color-layout-background-level-2-surface);
24
+ --color-kern-action-default: var(--kern-color-action-default);
25
+ --color-kern-action-on-default: var(--kern-color-action-on-default);
26
+ --color-kern-action-visited: var(--kern-color-action-visited);
27
+ --color-kern-action-focus-default: var(--kern-color-action-focus-default);
28
+ --color-kern-action-state-indicator-default: var(--kern-color-action-state-indicator-default);
29
+ --color-kern-action-state-indicator-tint: var(--kern-color-action-state-indicator-tint);
30
+ --color-kern-action-state-indicator-shade: var(--kern-color-action-state-indicator-shade);
31
+ --color-kern-form-input-border: var(--kern-color-form-input-border);
32
+ --color-kern-feedback-default: var(--kern-color-feedback-default);
33
+ --color-kern-feedback-default-background: var(--kern-color-feedback-default-background);
34
+ --color-kern-feedback-danger: var(--kern-color-feedback-danger);
35
+ --color-kern-feedback-danger-background: var(--kern-color-feedback-danger-background);
36
+ --color-kern-feedback-info: var(--kern-color-feedback-info);
37
+ --color-kern-feedback-info-background: var(--kern-color-feedback-info-background);
38
+ --color-kern-feedback-success: var(--kern-color-feedback-success);
39
+ --color-kern-feedback-success-background: var(--kern-color-feedback-success-background);
40
+ --color-kern-feedback-warning: var(--kern-color-feedback-warning);
41
+ --color-kern-feedback-warning-background: var(--kern-color-feedback-warning-background);
42
+ --color-kern-decorative-brand-default: var(--kern-color-decorative-brand-default);
43
+ --color-kern-decorative-border-default: var(--kern-color-decorative-border-default);
44
+ --color-kern-decorative-border-level-1: var(--kern-color-decorative-border-level-1);
45
+ --color-kern-decorative-border-level-2: var(--kern-color-decorative-border-level-2);
46
+ --color-kern-layout-background-inverted: var(--kern-color-layout-background-inverted);
47
+ --color-kern-layout-background-overlay: var(--kern-color-layout-background-overlay);
48
+ --color-kern-form-input-background: var(--kern-color-form-input-background);
49
+ --color-kern-action-state-indicator-shade-hover: var(--kern-color-action-state-indicator-shade-hover);
50
+ --color-kern-action-state-indicator-shade-active: var(--kern-color-action-state-indicator-shade-active);
51
+ --color-kern-action-state-indicator-tint-hover-opacity: var(--kern-color-action-state-indicator-tint-hover-opacity);
52
+ --color-kern-action-state-indicator-tint-active-opacity: var(--kern-color-action-state-indicator-tint-active-opacity);
53
+ --color-kern-layout-text-default-contextual: var(--kern-color-layout-text-default-contextual);
54
+ --color-kern-layout-text-muted-contextual: var(--kern-color-layout-text-muted-contextual);
55
+ --color-kern-layout-text-inverse-contextual: var(--kern-color-layout-text-inverse-contextual);
56
+ --color-kern-layout-layer-surface-contextual: var(--kern-color-layout-layer-surface-contextual);
57
+ --color-kern-layout-background-default-contextual: var(--kern-color-layout-background-default-contextual);
58
+ --color-kern-layout-border-contextual: var(--kern-color-layout-border-contextual);
59
+ --color-kern-action-default-contextual: var(--kern-color-action-default-contextual);
60
+ --color-kern-action-on-default-contextual: var(--kern-color-action-on-default-contextual);
61
+ --color-kern-color-action-state-indicator-default-contextual: var(--kern-color-color-action-state-indicator-default-contextual);
62
+ --color-kern-action-state-indicator-tint-contextual: var(--kern-color-action-state-indicator-tint-contextual);
63
+ --color-kern-action-visited-contextual: var(--kern-color-action-visited-contextual);
64
+ --color-kern-action-focus-default-contextual: var(--kern-color-action-focus-default-contextual);
65
+ --color-kern-decorative-brand-contextual: var(--kern-color-decorative-brand-contextual);
66
+ --color-kern-form-input-border-contextual: var(--kern-color-form-input-border-contextual);
67
+ --color-kern-decorative-border-contextual: var(--kern-color-decorative-border-contextual);
68
+ --color-kern-feedback-info-contextual: var(--kern-color-feedback-info-contextual);
69
+ --color-kern-feedback-info-background-contextual: var(--kern-color-feedback-info-background-contextual);
70
+ --color-kern-feedback-success-contextual: var(--kern-color-feedback-success-contextual);
71
+ --color-kern-feedback-success-background-contextual: var(--kern-color-feedback-success-background-contextual);
72
+ --color-kern-feedback-warning-contextual: var(--kern-color-feedback-warning-contextual);
73
+ --color-kern-feedback-warning-background-contextual: var(--kern-color-feedback-warning-background-contextual);
74
+ --color-kern-feedback-danger-contextual: var(--kern-color-feedback-danger-contextual);
75
+ --color-kern-feedback-danger-background-contextual: var(--kern-color-feedback-danger-background-contextual);
76
+ --color-kern-feedback-default-contextual: var(--kern-color-feedback-default-contextual);
77
+ --color-kern-feedback-default-background-contextual: var(--kern-color-feedback-default-background-contextual);
78
+ --color-kern-action-state-indicator-default-contextual: var(--kern-color-action-state-indicator-default-contextual);
79
+
80
+ /* Palette */
81
+ --color-kern-darkblue-025: var(--kern-color-darkblue-025);
82
+ --color-kern-darkblue-050: var(--kern-color-darkblue-050);
83
+ --color-kern-darkblue-100: var(--kern-color-darkblue-100);
84
+ --color-kern-darkblue-150: var(--kern-color-darkblue-150);
85
+ --color-kern-darkblue-200: var(--kern-color-darkblue-200);
86
+ --color-kern-darkblue-250: var(--kern-color-darkblue-250);
87
+ --color-kern-darkblue-300: var(--kern-color-darkblue-300);
88
+ --color-kern-darkblue-350: var(--kern-color-darkblue-350);
89
+ --color-kern-darkblue-400: var(--kern-color-darkblue-400);
90
+ --color-kern-darkblue-450: var(--kern-color-darkblue-450);
91
+ --color-kern-darkblue-500: var(--kern-color-darkblue-500);
92
+ --color-kern-darkblue-550: var(--kern-color-darkblue-550);
93
+ --color-kern-darkblue-600: var(--kern-color-darkblue-600);
94
+ --color-kern-darkblue-650: var(--kern-color-darkblue-650);
95
+ --color-kern-darkblue-700: var(--kern-color-darkblue-700);
96
+ --color-kern-darkblue-750: var(--kern-color-darkblue-750);
97
+ --color-kern-darkblue-800: var(--kern-color-darkblue-800);
98
+ --color-kern-darkblue-850: var(--kern-color-darkblue-850);
99
+ --color-kern-darkblue-900: var(--kern-color-darkblue-900);
100
+ --color-kern-darkblue-950: var(--kern-color-darkblue-950);
101
+ --color-kern-lightblue-025: var(--kern-color-lightblue-025);
102
+ --color-kern-lightblue-050: var(--kern-color-lightblue-050);
103
+ --color-kern-lightblue-100: var(--kern-color-lightblue-100);
104
+ --color-kern-lightblue-150: var(--kern-color-lightblue-150);
105
+ --color-kern-lightblue-200: var(--kern-color-lightblue-200);
106
+ --color-kern-lightblue-250: var(--kern-color-lightblue-250);
107
+ --color-kern-lightblue-300: var(--kern-color-lightblue-300);
108
+ --color-kern-lightblue-350: var(--kern-color-lightblue-350);
109
+ --color-kern-lightblue-400: var(--kern-color-lightblue-400);
110
+ --color-kern-lightblue-450: var(--kern-color-lightblue-450);
111
+ --color-kern-lightblue-500: var(--kern-color-lightblue-500);
112
+ --color-kern-lightblue-550: var(--kern-color-lightblue-550);
113
+ --color-kern-lightblue-600: var(--kern-color-lightblue-600);
114
+ --color-kern-lightblue-650: var(--kern-color-lightblue-650);
115
+ --color-kern-lightblue-700: var(--kern-color-lightblue-700);
116
+ --color-kern-lightblue-750: var(--kern-color-lightblue-750);
117
+ --color-kern-lightblue-800: var(--kern-color-lightblue-800);
118
+ --color-kern-lightblue-850: var(--kern-color-lightblue-850);
119
+ --color-kern-lightblue-900: var(--kern-color-lightblue-900);
120
+ --color-kern-lightblue-950: var(--kern-color-lightblue-950);
121
+ --color-kern-turquois-025: var(--kern-color-turquois-025);
122
+ --color-kern-turquois-050: var(--kern-color-turquois-050);
123
+ --color-kern-turquois-100: var(--kern-color-turquois-100);
124
+ --color-kern-turquois-150: var(--kern-color-turquois-150);
125
+ --color-kern-turquois-200: var(--kern-color-turquois-200);
126
+ --color-kern-turquois-250: var(--kern-color-turquois-250);
127
+ --color-kern-turquois-300: var(--kern-color-turquois-300);
128
+ --color-kern-turquois-350: var(--kern-color-turquois-350);
129
+ --color-kern-turquois-400: var(--kern-color-turquois-400);
130
+ --color-kern-turquois-450: var(--kern-color-turquois-450);
131
+ --color-kern-turquois-500: var(--kern-color-turquois-500);
132
+ --color-kern-turquois-550: var(--kern-color-turquois-550);
133
+ --color-kern-turquois-600: var(--kern-color-turquois-600);
134
+ --color-kern-turquois-650: var(--kern-color-turquois-650);
135
+ --color-kern-turquois-700: var(--kern-color-turquois-700);
136
+ --color-kern-turquois-750: var(--kern-color-turquois-750);
137
+ --color-kern-turquois-800: var(--kern-color-turquois-800);
138
+ --color-kern-turquois-850: var(--kern-color-turquois-850);
139
+ --color-kern-turquois-900: var(--kern-color-turquois-900);
140
+ --color-kern-turquois-950: var(--kern-color-turquois-950);
141
+ --color-kern-green-025: var(--kern-color-green-025);
142
+ --color-kern-green-050: var(--kern-color-green-050);
143
+ --color-kern-green-100: var(--kern-color-green-100);
144
+ --color-kern-green-150: var(--kern-color-green-150);
145
+ --color-kern-green-200: var(--kern-color-green-200);
146
+ --color-kern-green-250: var(--kern-color-green-250);
147
+ --color-kern-green-300: var(--kern-color-green-300);
148
+ --color-kern-green-350: var(--kern-color-green-350);
149
+ --color-kern-green-400: var(--kern-color-green-400);
150
+ --color-kern-green-450: var(--kern-color-green-450);
151
+ --color-kern-green-500: var(--kern-color-green-500);
152
+ --color-kern-green-550: var(--kern-color-green-550);
153
+ --color-kern-green-600: var(--kern-color-green-600);
154
+ --color-kern-green-650: var(--kern-color-green-650);
155
+ --color-kern-green-700: var(--kern-color-green-700);
156
+ --color-kern-green-750: var(--kern-color-green-750);
157
+ --color-kern-green-800: var(--kern-color-green-800);
158
+ --color-kern-green-850: var(--kern-color-green-850);
159
+ --color-kern-green-900: var(--kern-color-green-900);
160
+ --color-kern-green-950: var(--kern-color-green-950);
161
+ --color-kern-limette-025: var(--kern-color-limette-025);
162
+ --color-kern-limette-050: var(--kern-color-limette-050);
163
+ --color-kern-limette-100: var(--kern-color-limette-100);
164
+ --color-kern-limette-150: var(--kern-color-limette-150);
165
+ --color-kern-limette-200: var(--kern-color-limette-200);
166
+ --color-kern-limette-250: var(--kern-color-limette-250);
167
+ --color-kern-limette-300: var(--kern-color-limette-300);
168
+ --color-kern-limette-350: var(--kern-color-limette-350);
169
+ --color-kern-limette-400: var(--kern-color-limette-400);
170
+ --color-kern-limette-450: var(--kern-color-limette-450);
171
+ --color-kern-limette-500: var(--kern-color-limette-500);
172
+ --color-kern-limette-550: var(--kern-color-limette-550);
173
+ --color-kern-limette-600: var(--kern-color-limette-600);
174
+ --color-kern-limette-650: var(--kern-color-limette-650);
175
+ --color-kern-limette-700: var(--kern-color-limette-700);
176
+ --color-kern-limette-750: var(--kern-color-limette-750);
177
+ --color-kern-limette-800: var(--kern-color-limette-800);
178
+ --color-kern-limette-850: var(--kern-color-limette-850);
179
+ --color-kern-limette-900: var(--kern-color-limette-900);
180
+ --color-kern-limette-950: var(--kern-color-limette-950);
181
+ --color-kern-yellow-025: var(--kern-color-yellow-025);
182
+ --color-kern-yellow-050: var(--kern-color-yellow-050);
183
+ --color-kern-yellow-100: var(--kern-color-yellow-100);
184
+ --color-kern-yellow-150: var(--kern-color-yellow-150);
185
+ --color-kern-yellow-200: var(--kern-color-yellow-200);
186
+ --color-kern-yellow-250: var(--kern-color-yellow-250);
187
+ --color-kern-yellow-300: var(--kern-color-yellow-300);
188
+ --color-kern-yellow-350: var(--kern-color-yellow-350);
189
+ --color-kern-yellow-400: var(--kern-color-yellow-400);
190
+ --color-kern-yellow-450: var(--kern-color-yellow-450);
191
+ --color-kern-yellow-500: var(--kern-color-yellow-500);
192
+ --color-kern-yellow-550: var(--kern-color-yellow-550);
193
+ --color-kern-yellow-600: var(--kern-color-yellow-600);
194
+ --color-kern-yellow-650: var(--kern-color-yellow-650);
195
+ --color-kern-yellow-700: var(--kern-color-yellow-700);
196
+ --color-kern-yellow-750: var(--kern-color-yellow-750);
197
+ --color-kern-yellow-800: var(--kern-color-yellow-800);
198
+ --color-kern-yellow-850: var(--kern-color-yellow-850);
199
+ --color-kern-yellow-900: var(--kern-color-yellow-900);
200
+ --color-kern-yellow-950: var(--kern-color-yellow-950);
201
+ --color-kern-orange-025: var(--kern-color-orange-025);
202
+ --color-kern-orange-050: var(--kern-color-orange-050);
203
+ --color-kern-orange-100: var(--kern-color-orange-100);
204
+ --color-kern-orange-150: var(--kern-color-orange-150);
205
+ --color-kern-orange-200: var(--kern-color-orange-200);
206
+ --color-kern-orange-250: var(--kern-color-orange-250);
207
+ --color-kern-orange-300: var(--kern-color-orange-300);
208
+ --color-kern-orange-350: var(--kern-color-orange-350);
209
+ --color-kern-orange-400: var(--kern-color-orange-400);
210
+ --color-kern-orange-450: var(--kern-color-orange-450);
211
+ --color-kern-orange-500: var(--kern-color-orange-500);
212
+ --color-kern-orange-550: var(--kern-color-orange-550);
213
+ --color-kern-orange-600: var(--kern-color-orange-600);
214
+ --color-kern-orange-650: var(--kern-color-orange-650);
215
+ --color-kern-orange-700: var(--kern-color-orange-700);
216
+ --color-kern-orange-750: var(--kern-color-orange-750);
217
+ --color-kern-orange-800: var(--kern-color-orange-800);
218
+ --color-kern-orange-850: var(--kern-color-orange-850);
219
+ --color-kern-orange-900: var(--kern-color-orange-900);
220
+ --color-kern-orange-950: var(--kern-color-orange-950);
221
+ --color-kern-red-025: var(--kern-color-red-025);
222
+ --color-kern-red-050: var(--kern-color-red-050);
223
+ --color-kern-red-100: var(--kern-color-red-100);
224
+ --color-kern-red-150: var(--kern-color-red-150);
225
+ --color-kern-red-200: var(--kern-color-red-200);
226
+ --color-kern-red-250: var(--kern-color-red-250);
227
+ --color-kern-red-300: var(--kern-color-red-300);
228
+ --color-kern-red-350: var(--kern-color-red-350);
229
+ --color-kern-red-400: var(--kern-color-red-400);
230
+ --color-kern-red-450: var(--kern-color-red-450);
231
+ --color-kern-red-500: var(--kern-color-red-500);
232
+ --color-kern-red-550: var(--kern-color-red-550);
233
+ --color-kern-red-600: var(--kern-color-red-600);
234
+ --color-kern-red-650: var(--kern-color-red-650);
235
+ --color-kern-red-700: var(--kern-color-red-700);
236
+ --color-kern-red-750: var(--kern-color-red-750);
237
+ --color-kern-red-800: var(--kern-color-red-800);
238
+ --color-kern-red-850: var(--kern-color-red-850);
239
+ --color-kern-red-900: var(--kern-color-red-900);
240
+ --color-kern-red-950: var(--kern-color-red-950);
241
+ --color-kern-violet-025: var(--kern-color-violet-025);
242
+ --color-kern-violet-050: var(--kern-color-violet-050);
243
+ --color-kern-violet-100: var(--kern-color-violet-100);
244
+ --color-kern-violet-150: var(--kern-color-violet-150);
245
+ --color-kern-violet-200: var(--kern-color-violet-200);
246
+ --color-kern-violet-250: var(--kern-color-violet-250);
247
+ --color-kern-violet-300: var(--kern-color-violet-300);
248
+ --color-kern-violet-350: var(--kern-color-violet-350);
249
+ --color-kern-violet-400: var(--kern-color-violet-400);
250
+ --color-kern-violet-450: var(--kern-color-violet-450);
251
+ --color-kern-violet-500: var(--kern-color-violet-500);
252
+ --color-kern-violet-550: var(--kern-color-violet-550);
253
+ --color-kern-violet-600: var(--kern-color-violet-600);
254
+ --color-kern-violet-650: var(--kern-color-violet-650);
255
+ --color-kern-violet-700: var(--kern-color-violet-700);
256
+ --color-kern-violet-750: var(--kern-color-violet-750);
257
+ --color-kern-violet-800: var(--kern-color-violet-800);
258
+ --color-kern-violet-850: var(--kern-color-violet-850);
259
+ --color-kern-violet-900: var(--kern-color-violet-900);
260
+ --color-kern-violet-950: var(--kern-color-violet-950);
261
+ --color-kern-grey-025: var(--kern-color-grey-025);
262
+ --color-kern-grey-050: var(--kern-color-grey-050);
263
+ --color-kern-grey-100: var(--kern-color-grey-100);
264
+ --color-kern-grey-150: var(--kern-color-grey-150);
265
+ --color-kern-grey-200: var(--kern-color-grey-200);
266
+ --color-kern-grey-250: var(--kern-color-grey-250);
267
+ --color-kern-grey-300: var(--kern-color-grey-300);
268
+ --color-kern-grey-350: var(--kern-color-grey-350);
269
+ --color-kern-grey-400: var(--kern-color-grey-400);
270
+ --color-kern-grey-450: var(--kern-color-grey-450);
271
+ --color-kern-grey-500: var(--kern-color-grey-500);
272
+ --color-kern-grey-550: var(--kern-color-grey-550);
273
+ --color-kern-grey-600: var(--kern-color-grey-600);
274
+ --color-kern-grey-650: var(--kern-color-grey-650);
275
+ --color-kern-grey-700: var(--kern-color-grey-700);
276
+ --color-kern-grey-750: var(--kern-color-grey-750);
277
+ --color-kern-grey-800: var(--kern-color-grey-800);
278
+ --color-kern-grey-850: var(--kern-color-grey-850);
279
+ --color-kern-grey-900: var(--kern-color-grey-900);
280
+ --color-kern-grey-950: var(--kern-color-grey-950);
281
+ --color-kern-neutral-025: var(--kern-color-neutral-025);
282
+ --color-kern-neutral-050: var(--kern-color-neutral-050);
283
+ --color-kern-neutral-100: var(--kern-color-neutral-100);
284
+ --color-kern-neutral-150: var(--kern-color-neutral-150);
285
+ --color-kern-neutral-200: var(--kern-color-neutral-200);
286
+ --color-kern-neutral-250: var(--kern-color-neutral-250);
287
+ --color-kern-neutral-300: var(--kern-color-neutral-300);
288
+ --color-kern-neutral-350: var(--kern-color-neutral-350);
289
+ --color-kern-neutral-400: var(--kern-color-neutral-400);
290
+ --color-kern-neutral-450: var(--kern-color-neutral-450);
291
+ --color-kern-neutral-500: var(--kern-color-neutral-500);
292
+ --color-kern-neutral-550: var(--kern-color-neutral-550);
293
+ --color-kern-neutral-600: var(--kern-color-neutral-600);
294
+ --color-kern-neutral-650: var(--kern-color-neutral-650);
295
+ --color-kern-neutral-700: var(--kern-color-neutral-700);
296
+ --color-kern-neutral-750: var(--kern-color-neutral-750);
297
+ --color-kern-neutral-800: var(--kern-color-neutral-800);
298
+ --color-kern-neutral-850: var(--kern-color-neutral-850);
299
+ --color-kern-neutral-900: var(--kern-color-neutral-900);
300
+ --color-kern-neutral-950: var(--kern-color-neutral-950);
301
+ --color-kern-black: var(--kern-color-black);
302
+ --color-kern-white: var(--kern-color-white);
303
+
304
+ /* Brand palettes */
305
+ --color-kern-brand-colorpalette-1-025: var(--kern-color-brand-colorpalette-1-025);
306
+ --color-kern-brand-colorpalette-1-050: var(--kern-color-brand-colorpalette-1-050);
307
+ --color-kern-brand-colorpalette-1-100: var(--kern-color-brand-colorpalette-1-100);
308
+ --color-kern-brand-colorpalette-1-150: var(--kern-color-brand-colorpalette-1-150);
309
+ --color-kern-brand-colorpalette-1-200: var(--kern-color-brand-colorpalette-1-200);
310
+ --color-kern-brand-colorpalette-1-250: var(--kern-color-brand-colorpalette-1-250);
311
+ --color-kern-brand-colorpalette-1-300: var(--kern-color-brand-colorpalette-1-300);
312
+ --color-kern-brand-colorpalette-1-350: var(--kern-color-brand-colorpalette-1-350);
313
+ --color-kern-brand-colorpalette-1-400: var(--kern-color-brand-colorpalette-1-400);
314
+ --color-kern-brand-colorpalette-1-450: var(--kern-color-brand-colorpalette-1-450);
315
+ --color-kern-brand-colorpalette-1-500: var(--kern-color-brand-colorpalette-1-500);
316
+ --color-kern-brand-colorpalette-1-550: var(--kern-color-brand-colorpalette-1-550);
317
+ --color-kern-brand-colorpalette-1-600: var(--kern-color-brand-colorpalette-1-600);
318
+ --color-kern-brand-colorpalette-1-650: var(--kern-color-brand-colorpalette-1-650);
319
+ --color-kern-brand-colorpalette-1-700: var(--kern-color-brand-colorpalette-1-700);
320
+ --color-kern-brand-colorpalette-1-750: var(--kern-color-brand-colorpalette-1-750);
321
+ --color-kern-brand-colorpalette-1-800: var(--kern-color-brand-colorpalette-1-800);
322
+ --color-kern-brand-colorpalette-1-850: var(--kern-color-brand-colorpalette-1-850);
323
+ --color-kern-brand-colorpalette-1-900: var(--kern-color-brand-colorpalette-1-900);
324
+ --color-kern-brand-colorpalette-1-950: var(--kern-color-brand-colorpalette-1-950);
325
+ --color-kern-brand-colorpalette-2-025: var(--kern-color-brand-colorpalette-2-025);
326
+ --color-kern-brand-colorpalette-2-050: var(--kern-color-brand-colorpalette-2-050);
327
+ --color-kern-brand-colorpalette-2-100: var(--kern-color-brand-colorpalette-2-100);
328
+ --color-kern-brand-colorpalette-2-150: var(--kern-color-brand-colorpalette-2-150);
329
+ --color-kern-brand-colorpalette-2-200: var(--kern-color-brand-colorpalette-2-200);
330
+ --color-kern-brand-colorpalette-2-250: var(--kern-color-brand-colorpalette-2-250);
331
+ --color-kern-brand-colorpalette-2-300: var(--kern-color-brand-colorpalette-2-300);
332
+ --color-kern-brand-colorpalette-2-350: var(--kern-color-brand-colorpalette-2-350);
333
+ --color-kern-brand-colorpalette-2-400: var(--kern-color-brand-colorpalette-2-400);
334
+ --color-kern-brand-colorpalette-2-450: var(--kern-color-brand-colorpalette-2-450);
335
+ --color-kern-brand-colorpalette-2-500: var(--kern-color-brand-colorpalette-2-500);
336
+ --color-kern-brand-colorpalette-2-550: var(--kern-color-brand-colorpalette-2-550);
337
+ --color-kern-brand-colorpalette-2-600: var(--kern-color-brand-colorpalette-2-600);
338
+ --color-kern-brand-colorpalette-2-650: var(--kern-color-brand-colorpalette-2-650);
339
+ --color-kern-brand-colorpalette-2-700: var(--kern-color-brand-colorpalette-2-700);
340
+ --color-kern-brand-colorpalette-2-750: var(--kern-color-brand-colorpalette-2-750);
341
+ --color-kern-brand-colorpalette-2-800: var(--kern-color-brand-colorpalette-2-800);
342
+ --color-kern-brand-colorpalette-2-850: var(--kern-color-brand-colorpalette-2-850);
343
+ --color-kern-brand-colorpalette-2-900: var(--kern-color-brand-colorpalette-2-900);
344
+ --color-kern-brand-colorpalette-2-950: var(--kern-color-brand-colorpalette-2-950);
345
+ }