@webitel/ui-sdk 24.12.36 → 24.12.38

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 (90) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ui-sdk.css +1 -1
  3. package/dist/ui-sdk.js +2641 -2636
  4. package/dist/ui-sdk.umd.cjs +17 -17
  5. package/package.json +2 -1
  6. package/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue +1 -1
  7. package/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-2.vue +1 -1
  8. package/src/components/on-demand/wt-navigation-menu/components/wt-navigation-menu.vue +3 -3
  9. package/src/components/on-demand/wt-navigation-menu/css/_nav-menu.scss +1 -1
  10. package/src/components/on-demand/wt-selection-popup/wt-selection-popup.vue +1 -1
  11. package/src/components/on-demand/wt-start-page/components/start-page-card.vue +2 -1
  12. package/src/components/wt-app-header/wt-app-header.vue +1 -1
  13. package/src/components/wt-app-header/wt-app-navigator.vue +2 -2
  14. package/src/components/wt-app-header/wt-header-actions.vue +1 -1
  15. package/src/components/wt-avatar/wt-avatar.vue +1 -1
  16. package/src/components/wt-badge/wt-badge.vue +1 -1
  17. package/src/components/wt-button/wt-button.vue +2 -2
  18. package/src/components/wt-button-select/wt-button-select.vue +1 -1
  19. package/src/components/wt-checkbox/wt-checkbox.vue +1 -1
  20. package/src/components/wt-chip/wt-chip.scss +1 -1
  21. package/src/components/wt-chip/wt-chip.vue +2 -2
  22. package/src/components/wt-context-menu/wt-context-menu.vue +2 -2
  23. package/src/components/wt-datepicker/wt-datepicker.vue +4 -3
  24. package/src/components/wt-divider/wt-divider.vue +1 -1
  25. package/src/components/wt-dual-panel/wt-dual-panel.vue +4 -3
  26. package/src/components/wt-dummy/wt-dummy.vue +3 -2
  27. package/src/components/wt-empty/wt-empty.vue +3 -2
  28. package/src/components/wt-expansion-panel/wt-expansion-panel.vue +4 -3
  29. package/src/components/wt-headline/wt-headline.vue +2 -2
  30. package/src/components/wt-headline-nav/wt-headline-nav.vue +2 -2
  31. package/src/components/wt-icon/wt-icon.vue +1 -1
  32. package/src/components/wt-icon-btn/wt-icon-btn.vue +1 -1
  33. package/src/components/wt-image/wt-image.vue +1 -1
  34. package/src/components/wt-indicator/wt-indicator.vue +2 -2
  35. package/src/components/wt-input/wt-input.vue +5 -4
  36. package/src/components/wt-input-info/wt-input-info.vue +2 -2
  37. package/src/components/wt-item-link/wt-item-link.vue +1 -1
  38. package/src/components/wt-label/wt-label.vue +2 -2
  39. package/src/components/wt-load-bar/wt-load-bar.vue +1 -1
  40. package/src/components/wt-loader/_internals/wt-loader--md.vue +3 -1
  41. package/src/components/wt-loader/wt-loader.vue +1 -1
  42. package/src/components/wt-logo/wt-logo.vue +1 -1
  43. package/src/components/wt-navigation-bar/wt-navigation-bar.vue +2 -2
  44. package/src/components/wt-notification/wt-notification.vue +2 -2
  45. package/src/components/wt-notifications-bar/wt-notifications-bar.vue +2 -2
  46. package/src/components/wt-page-wrapper/wt-page-wrapper.vue +1 -1
  47. package/src/components/wt-pagination/wt-pagination.vue +2 -2
  48. package/src/components/wt-player/wt-player.vue +3 -3
  49. package/src/components/wt-popup/wt-popup.vue +2 -2
  50. package/src/components/wt-progress-bar/wt-progress-bar.vue +1 -1
  51. package/src/components/wt-radio/wt-radio.vue +1 -1
  52. package/src/components/wt-rounded-action/wt-rounded-action.vue +1 -1
  53. package/src/components/wt-search-bar/wt-search-bar.vue +3 -2
  54. package/src/components/wt-select/_multiselect.scss +1 -1
  55. package/src/components/wt-select/wt-select.vue +6 -6
  56. package/src/components/wt-slider/wt-slider.vue +1 -1
  57. package/src/components/wt-status-select/wt-status-select.vue +1 -1
  58. package/src/components/wt-stepper/wt-stepper.vue +1 -1
  59. package/src/components/wt-switcher/wt-switcher.vue +1 -1
  60. package/src/components/wt-table/wt-table.vue +2 -2
  61. package/src/components/wt-table-actions/wt-table-actions.vue +1 -1
  62. package/src/components/wt-table-column-select/wt-table-column-select.vue +1 -1
  63. package/src/components/wt-tabs/wt-tabs.vue +2 -2
  64. package/src/components/wt-tags-input/wt-tags-input.vue +1 -1
  65. package/src/components/wt-textarea/wt-textarea.vue +4 -4
  66. package/src/components/wt-time-input/wt-time-input.vue +3 -3
  67. package/src/components/wt-timepicker/wt-timepicker.vue +1 -1
  68. package/src/components/wt-tooltip/wt-tooltip.vue +3 -2
  69. package/src/components/wt-tree-table/wt-tree-table.vue +33 -16
  70. package/src/components/wt-tree-table-row/wt-tree-table-row.vue +49 -15
  71. package/src/css/main.scss +5 -4
  72. package/src/css/pages/card-page.scss +2 -0
  73. package/src/css/pages/table-page.scss +3 -0
  74. package/src/css/styleguide/_styleguide.scss +5 -9
  75. package/src/css/styleguide/display-helpers/_display-helpers.scss +2 -1
  76. package/src/css/styleguide/placeholder/_placeholder.scss +14 -2
  77. package/src/css/styleguide/transitions/_transitions.scss +1 -1
  78. package/src/install.ts +3 -2
  79. package/src/modules/QueryFilters/components/filter-from-to.vue +2 -0
  80. package/src/css/styleguide/border-radius/_border-radius.scss +0 -4
  81. package/src/css/styleguide/colors/_colors.scss +0 -199
  82. package/src/css/styleguide/colors/_deprecated.scss +0 -210
  83. package/src/css/styleguide/colors/_palette.scss +0 -1447
  84. package/src/css/styleguide/colors/reusable/_text-field.scss +0 -47
  85. package/src/css/styleguide/elevations/_elevations.scss +0 -13
  86. package/src/css/styleguide/fonts/_fonts.scss +0 -143
  87. package/src/css/styleguide/scroll.scss +0 -44
  88. package/src/css/styleguide/spacings/_spacings.scss +0 -15
  89. package/src/css/styleguide/typography/_typography.scss +0 -124
  90. package/src/css/styleguide/viewport-breakpoints/_viewport-breakpoints.scss +0 -24
@@ -1,1447 +0,0 @@
1
- :root {
2
- // LIGHTNESS
3
- --lightness-lighten-5: 95%;
4
- --lightness-lighten-4: 90%;
5
- --lightness-lighten-3: 80%;
6
- --lightness-lighten-2: 70%;
7
- --lightness-lighten-1: 60%;
8
-
9
- --lightness-darken-1: 50%;
10
- --lightness-darken-2: 45%;
11
- --lightness-darken-3: 40%;
12
- --lightness-darken-4: 35%;
13
-
14
- --lightness-accent-1: 75%;
15
- --lightness-accent-2: 65%;
16
- --lightness-accent-3: 50%;
17
- --lightness-accent-4: 40%;
18
-
19
- // SATURATION
20
- --saturation-lighten-5: 92%;
21
- --saturation-lighten-4: 88%;
22
- --saturation-lighten-3: 90%;
23
- --saturation-lighten-2: 90%;
24
- --saturation-lighten-1: 90%;
25
-
26
- --saturation-darken-1: 75%;
27
- --saturation-darken-2: 75%;
28
- --saturation-darken-3: 75%;
29
- --saturation-darken-4: 75%;
30
-
31
- --saturation-accent-1: 91%;
32
- --saturation-accent-2: 90%;
33
- --saturation-accent-3: 97%;
34
- --saturation-accent-4: 97%;
35
-
36
- // HUE
37
- --hue-red: 0;
38
- --hue-pink: 337;
39
- --hue-purple: 291;
40
- --hue-deep-purple: 263;
41
- --hue-indigo: 232;
42
- --hue-blue: 209;
43
- --hue-light-blue: 202;
44
- --hue-cyan: 188;
45
- --hue-teal: 173;
46
- --hue-green: 121;
47
- --hue-light-green: 88;
48
- --hue-lime: 66;
49
- --hue-yellow: 54;
50
- --hue-amber: 43;
51
- --hue-orange: 32;
52
- --hue-deep-orange: 11;
53
-
54
- // RED
55
- --red-lighten-5: hsla(
56
- var(--hue-red),
57
- var(--saturation-lighten-5),
58
- var(--lightness-lighten-5),
59
- 1
60
- );
61
- --red-lighten-4: hsla(
62
- var(--hue-red),
63
- var(--saturation-lighten-4),
64
- var(--lightness-lighten-4),
65
- 1
66
- );
67
- --red-lighten-3: hsla(
68
- var(--hue-red),
69
- var(--saturation-lighten-3),
70
- var(--lightness-lighten-3),
71
- 1
72
- );
73
- --red-lighten-2: hsla(
74
- var(--hue-red),
75
- var(--saturation-lighten-2),
76
- var(--lightness-lighten-2),
77
- 1
78
- );
79
- --red-lighten-1: hsla(
80
- var(--hue-red),
81
- var(--saturation-lighten-1),
82
- var(--lightness-lighten-1),
83
- 1
84
- );
85
-
86
- --red-darken-4: hsla(
87
- var(--hue-red),
88
- var(--saturation-darken-4),
89
- var(--lightness-darken-4),
90
- 1
91
- );
92
- --red-darken-3: hsla(
93
- var(--hue-red),
94
- var(--saturation-darken-3),
95
- var(--lightness-darken-3),
96
- 1
97
- );
98
- --red-darken-2: hsla(
99
- var(--hue-red),
100
- var(--saturation-darken-2),
101
- var(--lightness-darken-2),
102
- 1
103
- );
104
- --red-darken-1: hsla(
105
- var(--hue-red),
106
- var(--saturation-darken-1),
107
- var(--lightness-darken-1),
108
- 1
109
- );
110
-
111
- --red-accent-4: hsla(
112
- var(--hue-red),
113
- var(--saturation-accent-4),
114
- var(--lightness-accent-4),
115
- 1
116
- );
117
- --red-accent-3: hsla(
118
- var(--hue-red),
119
- var(--saturation-accent-3),
120
- var(--lightness-accent-3),
121
- 1
122
- );
123
- --red-accent-2: hsla(
124
- var(--hue-red),
125
- var(--saturation-accent-2),
126
- var(--lightness-accent-2),
127
- 1
128
- );
129
- --red-accent-1: hsla(
130
- var(--hue-red),
131
- var(--saturation-accent-1),
132
- var(--lightness-accent-1),
133
- 1
134
- );
135
-
136
- // PINK
137
- --pink-lighten-5: hsla(
138
- var(--hue-pink),
139
- var(--saturation-lighten-5),
140
- var(--lightness-lighten-5),
141
- 1
142
- );
143
- --pink-lighten-4: hsla(
144
- var(--hue-pink),
145
- var(--saturation-lighten-4),
146
- var(--lightness-lighten-4),
147
- 1
148
- );
149
- --pink-lighten-3: hsla(
150
- var(--hue-pink),
151
- var(--saturation-lighten-3),
152
- var(--lightness-lighten-3),
153
- 1
154
- );
155
- --pink-lighten-2: hsla(
156
- var(--hue-pink),
157
- var(--saturation-lighten-2),
158
- var(--lightness-lighten-2),
159
- 1
160
- );
161
- --pink-lighten-1: hsla(
162
- var(--hue-pink),
163
- var(--saturation-lighten-1),
164
- var(--lightness-lighten-1),
165
- 1
166
- );
167
-
168
- --pink-darken-4: hsla(
169
- var(--hue-pink),
170
- var(--saturation-darken-4),
171
- var(--lightness-darken-4),
172
- 1
173
- );
174
- --pink-darken-3: hsla(
175
- var(--hue-pink),
176
- var(--saturation-darken-3),
177
- var(--lightness-darken-3),
178
- 1
179
- );
180
- --pink-darken-2: hsla(
181
- var(--hue-pink),
182
- var(--saturation-darken-2),
183
- var(--lightness-darken-2),
184
- 1
185
- );
186
- --pink-darken-1: hsla(
187
- var(--hue-pink),
188
- var(--saturation-darken-1),
189
- var(--lightness-darken-1),
190
- 1
191
- );
192
-
193
- --pink-accent-4: hsla(
194
- var(--hue-pink),
195
- var(--saturation-accent-4),
196
- var(--lightness-accent-4),
197
- 1
198
- );
199
- --pink-accent-3: hsla(
200
- var(--hue-pink),
201
- var(--saturation-accent-3),
202
- var(--lightness-accent-3),
203
- 1
204
- );
205
- --pink-accent-2: hsla(
206
- var(--hue-pink),
207
- var(--saturation-accent-2),
208
- var(--lightness-accent-2),
209
- 1
210
- );
211
- --pink-accent-1: hsla(
212
- var(--hue-pink),
213
- var(--saturation-accent-1),
214
- var(--lightness-accent-1),
215
- 1
216
- );
217
-
218
- // PURPLE
219
- --purple-lighten-5: hsla(
220
- var(--hue-purple),
221
- var(--saturation-lighten-5),
222
- var(--lightness-lighten-5),
223
- 1
224
- );
225
- --purple-lighten-4: hsla(
226
- var(--hue-purple),
227
- var(--saturation-lighten-4),
228
- var(--lightness-lighten-4),
229
- 1
230
- );
231
- --purple-lighten-3: hsla(
232
- var(--hue-purple),
233
- var(--saturation-lighten-3),
234
- var(--lightness-lighten-3),
235
- 1
236
- );
237
- --purple-lighten-2: hsla(
238
- var(--hue-purple),
239
- var(--saturation-lighten-2),
240
- var(--lightness-lighten-2),
241
- 1
242
- );
243
- --purple-lighten-1: hsla(
244
- var(--hue-purple),
245
- var(--saturation-lighten-1),
246
- var(--lightness-lighten-1),
247
- 1
248
- );
249
-
250
- --purple-darken-4: hsla(
251
- var(--hue-purple),
252
- var(--saturation-darken-4),
253
- var(--lightness-darken-4),
254
- 1
255
- );
256
- --purple-darken-3: hsla(
257
- var(--hue-purple),
258
- var(--saturation-darken-3),
259
- var(--lightness-darken-3),
260
- 1
261
- );
262
- --purple-darken-2: hsla(
263
- var(--hue-purple),
264
- var(--saturation-darken-2),
265
- var(--lightness-darken-2),
266
- 1
267
- );
268
- --purple-darken-1: hsla(
269
- var(--hue-purple),
270
- var(--saturation-darken-1),
271
- var(--lightness-darken-1),
272
- 1
273
- );
274
-
275
- --purple-accent-4: hsla(
276
- var(--hue-purple),
277
- var(--saturation-accent-4),
278
- var(--lightness-accent-4),
279
- 1
280
- );
281
- --purple-accent-3: hsla(
282
- var(--hue-purple),
283
- var(--saturation-accent-3),
284
- var(--lightness-accent-3),
285
- 1
286
- );
287
- --purple-accent-2: hsla(
288
- var(--hue-purple),
289
- var(--saturation-accent-2),
290
- var(--lightness-accent-2),
291
- 1
292
- );
293
- --purple-accent-1: hsla(
294
- var(--hue-purple),
295
- var(--saturation-accent-1),
296
- var(--lightness-accent-1),
297
- 1
298
- );
299
-
300
- // DEEP PURPLE
301
- --deep-purple-lighten-5: hsla(
302
- var(--hue-deep-purple),
303
- var(--saturation-lighten-5),
304
- var(--lightness-lighten-5),
305
- 1
306
- );
307
- --deep-purple-lighten-4: hsla(
308
- var(--hue-deep-purple),
309
- var(--saturation-lighten-4),
310
- var(--lightness-lighten-4),
311
- 1
312
- );
313
- --deep-purple-lighten-3: hsla(
314
- var(--hue-deep-purple),
315
- var(--saturation-lighten-3),
316
- var(--lightness-lighten-3),
317
- 1
318
- );
319
- --deep-purple-lighten-2: hsla(
320
- var(--hue-deep-purple),
321
- var(--saturation-lighten-2),
322
- var(--lightness-lighten-2),
323
- 1
324
- );
325
- --deep-purple-lighten-1: hsla(
326
- var(--hue-deep-purple),
327
- var(--saturation-lighten-1),
328
- var(--lightness-lighten-1),
329
- 1
330
- );
331
-
332
- --deep-purple-darken-4: hsla(
333
- var(--hue-deep-purple),
334
- var(--saturation-darken-4),
335
- var(--lightness-darken-4),
336
- 1
337
- );
338
- --deep-purple-darken-3: hsla(
339
- var(--hue-deep-purple),
340
- var(--saturation-darken-3),
341
- var(--lightness-darken-3),
342
- 1
343
- );
344
- --deep-purple-darken-2: hsla(
345
- var(--hue-deep-purple),
346
- var(--saturation-darken-2),
347
- var(--lightness-darken-2),
348
- 1
349
- );
350
- --deep-purple-darken-1: hsla(
351
- var(--hue-deep-purple),
352
- var(--saturation-darken-1),
353
- var(--lightness-darken-1),
354
- 1
355
- );
356
-
357
- --deep-purple-accent-4: hsla(
358
- var(--hue-deep-purple),
359
- var(--saturation-accent-4),
360
- var(--lightness-accent-4),
361
- 1
362
- );
363
- --deep-purple-accent-3: hsla(
364
- var(--hue-deep-purple),
365
- var(--saturation-accent-3),
366
- var(--lightness-accent-3),
367
- 1
368
- );
369
- --deep-purple-accent-2: hsla(
370
- var(--hue-deep-purple),
371
- var(--saturation-accent-2),
372
- var(--lightness-accent-2),
373
- 1
374
- );
375
- --deep-purple-accent-1: hsla(
376
- var(--hue-deep-purple),
377
- var(--saturation-accent-1),
378
- var(--lightness-accent-1),
379
- 1
380
- );
381
-
382
- // INDIGO
383
- --indigo-lighten-5: hsla(
384
- var(--hue-indigo),
385
- var(--saturation-lighten-5),
386
- var(--lightness-lighten-5),
387
- 1
388
- );
389
- --indigo-lighten-4: hsla(
390
- var(--hue-indigo),
391
- var(--saturation-lighten-4),
392
- var(--lightness-lighten-4),
393
- 1
394
- );
395
- --indigo-lighten-3: hsla(
396
- var(--hue-indigo),
397
- var(--saturation-lighten-3),
398
- var(--lightness-lighten-3),
399
- 1
400
- );
401
- --indigo-lighten-2: hsla(
402
- var(--hue-indigo),
403
- var(--saturation-lighten-2),
404
- var(--lightness-lighten-2),
405
- 1
406
- );
407
- --indigo-lighten-1: hsla(
408
- var(--hue-indigo),
409
- var(--saturation-lighten-1),
410
- var(--lightness-lighten-1),
411
- 1
412
- );
413
-
414
- --indigo-darken-4: hsla(
415
- var(--hue-indigo),
416
- var(--saturation-darken-4),
417
- var(--lightness-darken-4),
418
- 1
419
- );
420
- --indigo-darken-3: hsla(
421
- var(--hue-indigo),
422
- var(--saturation-darken-3),
423
- var(--lightness-darken-3),
424
- 1
425
- );
426
- --indigo-darken-2: hsla(
427
- var(--hue-indigo),
428
- var(--saturation-darken-2),
429
- var(--lightness-darken-2),
430
- 1
431
- );
432
- --indigo-darken-1: hsla(
433
- var(--hue-indigo),
434
- var(--saturation-darken-1),
435
- var(--lightness-darken-1),
436
- 1
437
- );
438
-
439
- --indigo-accent-4: hsla(
440
- var(--hue-indigo),
441
- var(--saturation-accent-4),
442
- var(--lightness-accent-4),
443
- 1
444
- );
445
- --indigo-accent-3: hsla(
446
- var(--hue-indigo),
447
- var(--saturation-accent-3),
448
- var(--lightness-accent-3),
449
- 1
450
- );
451
- --indigo-accent-2: hsla(
452
- var(--hue-indigo),
453
- var(--saturation-accent-2),
454
- var(--lightness-accent-2),
455
- 1
456
- );
457
- --indigo-accent-1: hsla(
458
- var(--hue-indigo),
459
- var(--saturation-accent-1),
460
- var(--lightness-accent-1),
461
- 1
462
- );
463
-
464
- // BLUE
465
- --blue-lighten-5: hsla(
466
- var(--hue-blue),
467
- var(--saturation-lighten-5),
468
- var(--lightness-lighten-5),
469
- 1
470
- );
471
- --blue-lighten-4: hsla(
472
- var(--hue-blue),
473
- var(--saturation-lighten-4),
474
- var(--lightness-lighten-4),
475
- 1
476
- );
477
- --blue-lighten-3: hsla(
478
- var(--hue-blue),
479
- var(--saturation-lighten-3),
480
- var(--lightness-lighten-3),
481
- 1
482
- );
483
- --blue-lighten-2: hsla(
484
- var(--hue-blue),
485
- var(--saturation-lighten-2),
486
- var(--lightness-lighten-2),
487
- 1
488
- );
489
- --blue-lighten-1: hsla(
490
- var(--hue-blue),
491
- var(--saturation-lighten-1),
492
- var(--lightness-lighten-1),
493
- 1
494
- );
495
-
496
- --blue-darken-4: hsla(
497
- var(--hue-blue),
498
- var(--saturation-darken-4),
499
- var(--lightness-darken-4),
500
- 1
501
- );
502
- --blue-darken-3: hsla(
503
- var(--hue-blue),
504
- var(--saturation-darken-3),
505
- var(--lightness-darken-3),
506
- 1
507
- );
508
- --blue-darken-2: hsla(
509
- var(--hue-blue),
510
- var(--saturation-darken-2),
511
- var(--lightness-darken-2),
512
- 1
513
- );
514
- --blue-darken-1: hsla(
515
- var(--hue-blue),
516
- var(--saturation-darken-1),
517
- var(--lightness-darken-1),
518
- 1
519
- );
520
-
521
- --blue-accent-4: hsla(
522
- var(--hue-blue),
523
- var(--saturation-accent-4),
524
- var(--lightness-accent-4),
525
- 1
526
- );
527
- --blue-accent-3: hsla(
528
- var(--hue-blue),
529
- var(--saturation-accent-3),
530
- var(--lightness-accent-3),
531
- 1
532
- );
533
- --blue-accent-2: hsla(
534
- var(--hue-blue),
535
- var(--saturation-accent-2),
536
- var(--lightness-accent-2),
537
- 1
538
- );
539
- --blue-accent-1: hsla(
540
- var(--hue-blue),
541
- var(--saturation-accent-1),
542
- var(--lightness-accent-1),
543
- 1
544
- );
545
-
546
- // LIGHT BLUE
547
- --light-blue-lighten-5: hsla(
548
- var(--hue-light-blue),
549
- var(--saturation-lighten-5),
550
- var(--lightness-lighten-5),
551
- 1
552
- );
553
- --light-blue-lighten-4: hsla(
554
- var(--hue-light-blue),
555
- var(--saturation-lighten-4),
556
- var(--lightness-lighten-4),
557
- 1
558
- );
559
- --light-blue-lighten-3: hsla(
560
- var(--hue-light-blue),
561
- var(--saturation-lighten-3),
562
- var(--lightness-lighten-3),
563
- 1
564
- );
565
- --light-blue-lighten-2: hsla(
566
- var(--hue-light-blue),
567
- var(--saturation-lighten-2),
568
- var(--lightness-lighten-2),
569
- 1
570
- );
571
- --light-blue-lighten-1: hsla(
572
- var(--hue-light-blue),
573
- var(--saturation-lighten-1),
574
- var(--lightness-lighten-1),
575
- 1
576
- );
577
-
578
- --light-blue-darken-4: hsla(
579
- var(--hue-light-blue),
580
- var(--saturation-darken-4),
581
- var(--lightness-darken-4),
582
- 1
583
- );
584
- --light-blue-darken-3: hsla(
585
- var(--hue-light-blue),
586
- var(--saturation-darken-3),
587
- var(--lightness-darken-3),
588
- 1
589
- );
590
- --light-blue-darken-2: hsla(
591
- var(--hue-light-blue),
592
- var(--saturation-darken-2),
593
- var(--lightness-darken-2),
594
- 1
595
- );
596
- --light-blue-darken-1: hsla(
597
- var(--hue-light-blue),
598
- var(--saturation-darken-1),
599
- var(--lightness-darken-1),
600
- 1
601
- );
602
-
603
- --light-blue-accent-4: hsla(
604
- var(--hue-light-blue),
605
- var(--saturation-accent-4),
606
- var(--lightness-accent-4),
607
- 1
608
- );
609
- --light-blue-accent-3: hsla(
610
- var(--hue-light-blue),
611
- var(--saturation-accent-3),
612
- var(--lightness-accent-3),
613
- 1
614
- );
615
- --light-blue-accent-2: hsla(
616
- var(--hue-light-blue),
617
- var(--saturation-accent-2),
618
- var(--lightness-accent-2),
619
- 1
620
- );
621
- --light-blue-accent-1: hsla(
622
- var(--hue-light-blue),
623
- var(--saturation-accent-1),
624
- var(--lightness-accent-1),
625
- 1
626
- );
627
-
628
- // CYAN
629
- --cyan-lighten-5: hsla(
630
- var(--hue-cyan),
631
- var(--saturation-lighten-5),
632
- var(--lightness-lighten-5),
633
- 1
634
- );
635
- --cyan-lighten-4: hsla(
636
- var(--hue-cyan),
637
- var(--saturation-lighten-4),
638
- var(--lightness-lighten-4),
639
- 1
640
- );
641
- --cyan-lighten-3: hsla(
642
- var(--hue-cyan),
643
- var(--saturation-lighten-3),
644
- var(--lightness-lighten-3),
645
- 1
646
- );
647
- --cyan-lighten-2: hsla(
648
- var(--hue-cyan),
649
- var(--saturation-lighten-2),
650
- var(--lightness-lighten-2),
651
- 1
652
- );
653
- --cyan-lighten-1: hsla(
654
- var(--hue-cyan),
655
- var(--saturation-lighten-1),
656
- var(--lightness-lighten-1),
657
- 1
658
- );
659
-
660
- --cyan-darken-4: hsla(
661
- var(--hue-cyan),
662
- var(--saturation-darken-4),
663
- var(--lightness-darken-4),
664
- 1
665
- );
666
- --cyan-darken-3: hsla(
667
- var(--hue-cyan),
668
- var(--saturation-darken-3),
669
- var(--lightness-darken-3),
670
- 1
671
- );
672
- --cyan-darken-2: hsla(
673
- var(--hue-cyan),
674
- var(--saturation-darken-2),
675
- var(--lightness-darken-2),
676
- 1
677
- );
678
- --cyan-darken-1: hsla(
679
- var(--hue-cyan),
680
- var(--saturation-darken-1),
681
- var(--lightness-darken-1),
682
- 1
683
- );
684
-
685
- --cyan-accent-4: hsla(
686
- var(--hue-cyan),
687
- var(--saturation-accent-4),
688
- var(--lightness-accent-4),
689
- 1
690
- );
691
- --cyan-accent-3: hsla(
692
- var(--hue-cyan),
693
- var(--saturation-accent-3),
694
- var(--lightness-accent-3),
695
- 1
696
- );
697
- --cyan-accent-2: hsla(
698
- var(--hue-cyan),
699
- var(--saturation-accent-2),
700
- var(--lightness-accent-2),
701
- 1
702
- );
703
- --cyan-accent-1: hsla(
704
- var(--hue-cyan),
705
- var(--saturation-accent-1),
706
- var(--lightness-accent-1),
707
- 1
708
- );
709
-
710
- // TEAL
711
- --teal-lighten-5: hsla(
712
- var(--hue-teal),
713
- var(--saturation-lighten-5),
714
- var(--lightness-lighten-5),
715
- 1
716
- );
717
- --teal-lighten-4: hsla(
718
- var(--hue-teal),
719
- var(--saturation-lighten-4),
720
- var(--lightness-lighten-4),
721
- 1
722
- );
723
- --teal-lighten-3: hsla(
724
- var(--hue-teal),
725
- var(--saturation-lighten-3),
726
- var(--lightness-lighten-3),
727
- 1
728
- );
729
- --teal-lighten-2: hsla(
730
- var(--hue-teal),
731
- var(--saturation-lighten-2),
732
- var(--lightness-lighten-2),
733
- 1
734
- );
735
- --teal-lighten-1: hsla(
736
- var(--hue-teal),
737
- var(--saturation-lighten-1),
738
- var(--lightness-lighten-1),
739
- 1
740
- );
741
-
742
- --teal-darken-4: hsla(
743
- var(--hue-teal),
744
- var(--saturation-darken-4),
745
- var(--lightness-darken-4),
746
- 1
747
- );
748
- --teal-darken-3: hsla(
749
- var(--hue-teal),
750
- var(--saturation-darken-3),
751
- var(--lightness-darken-3),
752
- 1
753
- );
754
- --teal-darken-2: hsla(
755
- var(--hue-teal),
756
- var(--saturation-darken-2),
757
- var(--lightness-darken-2),
758
- 1
759
- );
760
- --teal-darken-1: hsla(
761
- var(--hue-teal),
762
- var(--saturation-darken-1),
763
- var(--lightness-darken-1),
764
- 1
765
- );
766
-
767
- --teal-accent-4: hsla(
768
- var(--hue-teal),
769
- var(--saturation-accent-4),
770
- var(--lightness-accent-4),
771
- 1
772
- );
773
- --teal-accent-3: hsla(
774
- var(--hue-teal),
775
- var(--saturation-accent-3),
776
- var(--lightness-accent-3),
777
- 1
778
- );
779
- --teal-accent-2: hsla(
780
- var(--hue-teal),
781
- var(--saturation-accent-2),
782
- var(--lightness-accent-2),
783
- 1
784
- );
785
- --teal-accent-1: hsla(
786
- var(--hue-teal),
787
- var(--saturation-accent-1),
788
- var(--lightness-accent-1),
789
- 1
790
- );
791
-
792
- // GREEN
793
- --green-lighten-5: hsla(
794
- var(--hue-green),
795
- var(--saturation-lighten-5),
796
- var(--lightness-lighten-5),
797
- 1
798
- );
799
- --green-lighten-4: hsla(
800
- var(--hue-green),
801
- var(--saturation-lighten-4),
802
- var(--lightness-lighten-4),
803
- 1
804
- );
805
- --green-lighten-3: hsla(
806
- var(--hue-green),
807
- var(--saturation-lighten-3),
808
- var(--lightness-lighten-3),
809
- 1
810
- );
811
- --green-lighten-2: hsla(
812
- var(--hue-green),
813
- var(--saturation-lighten-2),
814
- var(--lightness-lighten-2),
815
- 1
816
- );
817
- --green-lighten-1: hsla(
818
- var(--hue-green),
819
- var(--saturation-lighten-1),
820
- var(--lightness-lighten-1),
821
- 1
822
- );
823
-
824
- --green-darken-4: hsla(
825
- var(--hue-green),
826
- var(--saturation-darken-4),
827
- var(--lightness-darken-4),
828
- 1
829
- );
830
- --green-darken-3: hsla(
831
- var(--hue-green),
832
- var(--saturation-darken-3),
833
- var(--lightness-darken-3),
834
- 1
835
- );
836
- --green-darken-2: hsla(
837
- var(--hue-green),
838
- var(--saturation-darken-2),
839
- var(--lightness-darken-2),
840
- 1
841
- );
842
- --green-darken-1: hsla(
843
- var(--hue-green),
844
- var(--saturation-darken-1),
845
- var(--lightness-darken-1),
846
- 1
847
- );
848
-
849
- --green-accent-4: hsla(
850
- var(--hue-green),
851
- var(--saturation-accent-4),
852
- var(--lightness-accent-4),
853
- 1
854
- );
855
- --green-accent-3: hsla(
856
- var(--hue-green),
857
- var(--saturation-accent-3),
858
- var(--lightness-accent-3),
859
- 1
860
- );
861
- --green-accent-2: hsla(
862
- var(--hue-green),
863
- var(--saturation-accent-2),
864
- var(--lightness-accent-2),
865
- 1
866
- );
867
- --green-accent-1: hsla(
868
- var(--hue-green),
869
- var(--saturation-accent-1),
870
- var(--lightness-accent-1),
871
- 1
872
- );
873
-
874
- // LIGHT GREEN
875
- --light-green-lighten-5: hsla(
876
- var(--hue-light-green),
877
- var(--saturation-lighten-5),
878
- var(--lightness-lighten-5),
879
- 1
880
- );
881
- --light-green-lighten-4: hsla(
882
- var(--hue-light-green),
883
- var(--saturation-lighten-4),
884
- var(--lightness-lighten-4),
885
- 1
886
- );
887
- --light-green-lighten-3: hsla(
888
- var(--hue-light-green),
889
- var(--saturation-lighten-3),
890
- var(--lightness-lighten-3),
891
- 1
892
- );
893
- --light-green-lighten-2: hsla(
894
- var(--hue-light-green),
895
- var(--saturation-lighten-2),
896
- var(--lightness-lighten-2),
897
- 1
898
- );
899
- --light-green-lighten-1: hsla(
900
- var(--hue-light-green),
901
- var(--saturation-lighten-1),
902
- var(--lightness-lighten-1),
903
- 1
904
- );
905
-
906
- --light-green-darken-4: hsla(
907
- var(--hue-light-green),
908
- var(--saturation-darken-4),
909
- var(--lightness-darken-4),
910
- 1
911
- );
912
- --light-green-darken-3: hsla(
913
- var(--hue-light-green),
914
- var(--saturation-darken-3),
915
- var(--lightness-darken-3),
916
- 1
917
- );
918
- --light-green-darken-2: hsla(
919
- var(--hue-light-green),
920
- var(--saturation-darken-2),
921
- var(--lightness-darken-2),
922
- 1
923
- );
924
- --light-green-darken-1: hsla(
925
- var(--hue-light-green),
926
- var(--saturation-darken-1),
927
- var(--lightness-darken-1),
928
- 1
929
- );
930
-
931
- --light-green-accent-4: hsla(
932
- var(--hue-light-green),
933
- var(--saturation-accent-4),
934
- var(--lightness-accent-4),
935
- 1
936
- );
937
- --light-green-accent-3: hsla(
938
- var(--hue-light-green),
939
- var(--saturation-accent-3),
940
- var(--lightness-accent-3),
941
- 1
942
- );
943
- --light-green-accent-2: hsla(
944
- var(--hue-light-green),
945
- var(--saturation-accent-2),
946
- var(--lightness-accent-2),
947
- 1
948
- );
949
- --light-green-accent-1: hsla(
950
- var(--hue-light-green),
951
- var(--saturation-accent-1),
952
- var(--lightness-accent-1),
953
- 1
954
- );
955
-
956
- // LIME
957
- --lime-lighten-5: hsla(
958
- var(--hue-lime),
959
- var(--saturation-lighten-5),
960
- var(--lightness-lighten-5),
961
- 1
962
- );
963
- --lime-lighten-4: hsla(
964
- var(--hue-lime),
965
- var(--saturation-lighten-4),
966
- var(--lightness-lighten-4),
967
- 1
968
- );
969
- --lime-lighten-3: hsla(
970
- var(--hue-lime),
971
- var(--saturation-lighten-3),
972
- var(--lightness-lighten-3),
973
- 1
974
- );
975
- --lime-lighten-2: hsla(
976
- var(--hue-lime),
977
- var(--saturation-lighten-2),
978
- var(--lightness-lighten-2),
979
- 1
980
- );
981
- --lime-lighten-1: hsla(
982
- var(--hue-lime),
983
- var(--saturation-lighten-1),
984
- var(--lightness-lighten-1),
985
- 1
986
- );
987
-
988
- --lime-darken-4: hsla(
989
- var(--hue-lime),
990
- var(--saturation-darken-4),
991
- var(--lightness-darken-4),
992
- 1
993
- );
994
- --lime-darken-3: hsla(
995
- var(--hue-lime),
996
- var(--saturation-darken-3),
997
- var(--lightness-darken-3),
998
- 1
999
- );
1000
- --lime-darken-2: hsla(
1001
- var(--hue-lime),
1002
- var(--saturation-darken-2),
1003
- var(--lightness-darken-2),
1004
- 1
1005
- );
1006
- --lime-darken-1: hsla(
1007
- var(--hue-lime),
1008
- var(--saturation-darken-1),
1009
- var(--lightness-darken-1),
1010
- 1
1011
- );
1012
-
1013
- --lime-accent-4: hsla(
1014
- var(--hue-lime),
1015
- var(--saturation-accent-4),
1016
- var(--lightness-accent-4),
1017
- 1
1018
- );
1019
- --lime-accent-3: hsla(
1020
- var(--hue-lime),
1021
- var(--saturation-accent-3),
1022
- var(--lightness-accent-3),
1023
- 1
1024
- );
1025
- --lime-accent-2: hsla(
1026
- var(--hue-lime),
1027
- var(--saturation-accent-2),
1028
- var(--lightness-accent-2),
1029
- 1
1030
- );
1031
- --lime-accent-1: hsla(
1032
- var(--hue-lime),
1033
- var(--saturation-accent-1),
1034
- var(--lightness-accent-1),
1035
- 1
1036
- );
1037
-
1038
- // yellow
1039
- --yellow-lighten-5: hsla(
1040
- var(--hue-yellow),
1041
- var(--saturation-lighten-5),
1042
- var(--lightness-lighten-5),
1043
- 1
1044
- );
1045
- --yellow-lighten-4: hsla(
1046
- var(--hue-yellow),
1047
- var(--saturation-lighten-4),
1048
- var(--lightness-lighten-4),
1049
- 1
1050
- );
1051
- --yellow-lighten-3: hsla(
1052
- var(--hue-yellow),
1053
- var(--saturation-lighten-3),
1054
- var(--lightness-lighten-3),
1055
- 1
1056
- );
1057
- --yellow-lighten-2: hsla(
1058
- var(--hue-yellow),
1059
- var(--saturation-lighten-2),
1060
- var(--lightness-lighten-2),
1061
- 1
1062
- );
1063
- --yellow-lighten-1: hsla(
1064
- var(--hue-yellow),
1065
- var(--saturation-lighten-1),
1066
- var(--lightness-lighten-1),
1067
- 1
1068
- );
1069
-
1070
- --yellow-darken-4: hsla(
1071
- var(--hue-yellow),
1072
- var(--saturation-darken-4),
1073
- var(--lightness-darken-4),
1074
- 1
1075
- );
1076
- --yellow-darken-3: hsla(
1077
- var(--hue-yellow),
1078
- var(--saturation-darken-3),
1079
- var(--lightness-darken-3),
1080
- 1
1081
- );
1082
- --yellow-darken-2: hsla(
1083
- var(--hue-yellow),
1084
- var(--saturation-darken-2),
1085
- var(--lightness-darken-2),
1086
- 1
1087
- );
1088
- --yellow-darken-1: hsla(
1089
- var(--hue-yellow),
1090
- var(--saturation-darken-1),
1091
- var(--lightness-darken-1),
1092
- 1
1093
- );
1094
-
1095
- --yellow-accent-4: hsla(
1096
- var(--hue-yellow),
1097
- var(--saturation-accent-4),
1098
- var(--lightness-accent-4),
1099
- 1
1100
- );
1101
- --yellow-accent-3: hsla(
1102
- var(--hue-yellow),
1103
- var(--saturation-accent-3),
1104
- var(--lightness-accent-3),
1105
- 1
1106
- );
1107
- --yellow-accent-2: hsla(
1108
- var(--hue-yellow),
1109
- var(--saturation-accent-2),
1110
- var(--lightness-accent-2),
1111
- 1
1112
- );
1113
- --yellow-accent-1: hsla(
1114
- var(--hue-yellow),
1115
- var(--saturation-accent-1),
1116
- var(--lightness-accent-1),
1117
- 1
1118
- );
1119
-
1120
- // amber
1121
- --amber-lighten-5: hsla(
1122
- var(--hue-amber),
1123
- var(--saturation-lighten-5),
1124
- var(--lightness-lighten-5),
1125
- 1
1126
- );
1127
- --amber-lighten-4: hsla(
1128
- var(--hue-amber),
1129
- var(--saturation-lighten-4),
1130
- var(--lightness-lighten-4),
1131
- 1
1132
- );
1133
- --amber-lighten-3: hsla(
1134
- var(--hue-amber),
1135
- var(--saturation-lighten-3),
1136
- var(--lightness-lighten-3),
1137
- 1
1138
- );
1139
- --amber-lighten-2: hsla(
1140
- var(--hue-amber),
1141
- var(--saturation-lighten-2),
1142
- var(--lightness-lighten-2),
1143
- 1
1144
- );
1145
- --amber-lighten-1: hsla(
1146
- var(--hue-amber),
1147
- var(--saturation-lighten-1),
1148
- var(--lightness-lighten-1),
1149
- 1
1150
- );
1151
-
1152
- --amber-darken-4: hsla(
1153
- var(--hue-amber),
1154
- var(--saturation-darken-4),
1155
- var(--lightness-darken-4),
1156
- 1
1157
- );
1158
- --amber-darken-3: hsla(
1159
- var(--hue-amber),
1160
- var(--saturation-darken-3),
1161
- var(--lightness-darken-3),
1162
- 1
1163
- );
1164
- --amber-darken-2: hsla(
1165
- var(--hue-amber),
1166
- var(--saturation-darken-2),
1167
- var(--lightness-darken-2),
1168
- 1
1169
- );
1170
- --amber-darken-1: hsla(
1171
- var(--hue-amber),
1172
- var(--saturation-darken-1),
1173
- var(--lightness-darken-1),
1174
- 1
1175
- );
1176
-
1177
- --amber-accent-4: hsla(
1178
- var(--hue-amber),
1179
- var(--saturation-accent-4),
1180
- var(--lightness-accent-4),
1181
- 1
1182
- );
1183
- --amber-accent-3: hsla(
1184
- var(--hue-amber),
1185
- var(--saturation-accent-3),
1186
- var(--lightness-accent-3),
1187
- 1
1188
- );
1189
- --amber-accent-2: hsla(
1190
- var(--hue-amber),
1191
- var(--saturation-accent-2),
1192
- var(--lightness-accent-2),
1193
- 1
1194
- );
1195
- --amber-accent-1: hsla(
1196
- var(--hue-amber),
1197
- var(--saturation-accent-1),
1198
- var(--lightness-accent-1),
1199
- 1
1200
- );
1201
-
1202
- // orange
1203
- --orange-lighten-5: hsla(
1204
- var(--hue-orange),
1205
- var(--saturation-lighten-5),
1206
- var(--lightness-lighten-5),
1207
- 1
1208
- );
1209
- --orange-lighten-4: hsla(
1210
- var(--hue-orange),
1211
- var(--saturation-lighten-4),
1212
- var(--lightness-lighten-4),
1213
- 1
1214
- );
1215
- --orange-lighten-3: hsla(
1216
- var(--hue-orange),
1217
- var(--saturation-lighten-3),
1218
- var(--lightness-lighten-3),
1219
- 1
1220
- );
1221
- --orange-lighten-2: hsla(
1222
- var(--hue-orange),
1223
- var(--saturation-lighten-2),
1224
- var(--lightness-lighten-2),
1225
- 1
1226
- );
1227
- --orange-lighten-1: hsla(
1228
- var(--hue-orange),
1229
- var(--saturation-lighten-1),
1230
- var(--lightness-lighten-1),
1231
- 1
1232
- );
1233
-
1234
- --orange-darken-4: hsla(
1235
- var(--hue-orange),
1236
- var(--saturation-darken-4),
1237
- var(--lightness-darken-4),
1238
- 1
1239
- );
1240
- --orange-darken-3: hsla(
1241
- var(--hue-orange),
1242
- var(--saturation-darken-3),
1243
- var(--lightness-darken-3),
1244
- 1
1245
- );
1246
- --orange-darken-2: hsla(
1247
- var(--hue-orange),
1248
- var(--saturation-darken-2),
1249
- var(--lightness-darken-2),
1250
- 1
1251
- );
1252
- --orange-darken-1: hsla(
1253
- var(--hue-orange),
1254
- var(--saturation-darken-1),
1255
- var(--lightness-darken-1),
1256
- 1
1257
- );
1258
-
1259
- --orange-accent-4: hsla(
1260
- var(--hue-orange),
1261
- var(--saturation-accent-4),
1262
- var(--lightness-accent-4),
1263
- 1
1264
- );
1265
- --orange-accent-3: hsla(
1266
- var(--hue-orange),
1267
- var(--saturation-accent-3),
1268
- var(--lightness-accent-3),
1269
- 1
1270
- );
1271
- --orange-accent-2: hsla(
1272
- var(--hue-orange),
1273
- var(--saturation-accent-2),
1274
- var(--lightness-accent-2),
1275
- 1
1276
- );
1277
- --orange-accent-1: hsla(
1278
- var(--hue-orange),
1279
- var(--saturation-accent-1),
1280
- var(--lightness-accent-1),
1281
- 1
1282
- );
1283
-
1284
- // deep-orange
1285
- --deep-orange-lighten-5: hsla(
1286
- var(--hue-deep-orange),
1287
- var(--saturation-lighten-5),
1288
- var(--lightness-lighten-5),
1289
- 1
1290
- );
1291
- --deep-orange-lighten-4: hsla(
1292
- var(--hue-deep-orange),
1293
- var(--saturation-lighten-4),
1294
- var(--lightness-lighten-4),
1295
- 1
1296
- );
1297
- --deep-orange-lighten-3: hsla(
1298
- var(--hue-deep-orange),
1299
- var(--saturation-lighten-3),
1300
- var(--lightness-lighten-3),
1301
- 1
1302
- );
1303
- --deep-orange-lighten-2: hsla(
1304
- var(--hue-deep-orange),
1305
- var(--saturation-lighten-2),
1306
- var(--lightness-lighten-2),
1307
- 1
1308
- );
1309
- --deep-orange-lighten-1: hsla(
1310
- var(--hue-deep-orange),
1311
- var(--saturation-lighten-1),
1312
- var(--lightness-lighten-1),
1313
- 1
1314
- );
1315
-
1316
- --deep-orange-darken-4: hsla(
1317
- var(--hue-deep-orange),
1318
- var(--saturation-darken-4),
1319
- var(--lightness-darken-4),
1320
- 1
1321
- );
1322
- --deep-orange-darken-3: hsla(
1323
- var(--hue-deep-orange),
1324
- var(--saturation-darken-3),
1325
- var(--lightness-darken-3),
1326
- 1
1327
- );
1328
- --deep-orange-darken-2: hsla(
1329
- var(--hue-deep-orange),
1330
- var(--saturation-darken-2),
1331
- var(--lightness-darken-2),
1332
- 1
1333
- );
1334
- --deep-orange-darken-1: hsla(
1335
- var(--hue-deep-orange),
1336
- var(--saturation-darken-1),
1337
- var(--lightness-darken-1),
1338
- 1
1339
- );
1340
-
1341
- --deep-orange-accent-4: hsla(
1342
- var(--hue-deep-orange),
1343
- var(--saturation-accent-4),
1344
- var(--lightness-accent-4),
1345
- 1
1346
- );
1347
- --deep-orange-accent-3: hsla(
1348
- var(--hue-deep-orange),
1349
- var(--saturation-accent-3),
1350
- var(--lightness-accent-3),
1351
- 1
1352
- );
1353
- --deep-orange-accent-2: hsla(
1354
- var(--hue-deep-orange),
1355
- var(--saturation-accent-2),
1356
- var(--lightness-accent-2),
1357
- 1
1358
- );
1359
- --deep-orange-accent-1: hsla(
1360
- var(--hue-deep-orange),
1361
- var(--saturation-accent-1),
1362
- var(--lightness-accent-1),
1363
- 1
1364
- );
1365
-
1366
- // grey
1367
-
1368
- --lightness-lighten-5-grey: 94%;
1369
- --lightness-lighten-4-grey: 84%;
1370
- --lightness-lighten-3-grey: 74%;
1371
- --lightness-lighten-2-grey: 64%;
1372
- --lightness-lighten-1-grey: 54%;
1373
-
1374
- --lightness-darken-1-grey: 44%;
1375
- --lightness-darken-2-grey: 34%;
1376
- --lightness-darken-3-grey: 24%;
1377
- --lightness-darken-4-grey: 14%;
1378
- --lightness-darken-5-grey: 4%;
1379
-
1380
- --saturation-grey: 20%;
1381
- --hue-grey: 225;
1382
-
1383
- --grey-lighten-5: hsla(
1384
- var(--hue-grey),
1385
- var(--saturation-grey),
1386
- var(--lightness-lighten-5-grey),
1387
- 1
1388
- );
1389
- --grey-lighten-4: hsla(
1390
- var(--hue-grey),
1391
- var(--saturation-grey),
1392
- var(--lightness-lighten-4-grey),
1393
- 1
1394
- );
1395
- --grey-lighten-3: hsla(
1396
- var(--hue-grey),
1397
- var(--saturation-grey),
1398
- var(--lightness-lighten-3-grey),
1399
- 1
1400
- );
1401
- --grey-lighten-2: hsla(
1402
- var(--hue-grey),
1403
- var(--saturation-grey),
1404
- var(--lightness-lighten-2-grey),
1405
- 1
1406
- );
1407
- --grey-lighten-1: hsla(
1408
- var(--hue-grey),
1409
- var(--saturation-grey),
1410
- var(--lightness-lighten-1-grey),
1411
- 1
1412
- );
1413
-
1414
- --grey-darken-1: hsla(
1415
- var(--hue-grey),
1416
- var(--saturation-grey),
1417
- var(--lightness-darken-1-grey),
1418
- 1
1419
- );
1420
- --grey-darken-2: hsla(
1421
- var(--hue-grey),
1422
- var(--saturation-grey),
1423
- var(--lightness-darken-2-grey),
1424
- 1
1425
- );
1426
- --grey-darken-3: hsla(
1427
- var(--hue-grey),
1428
- var(--saturation-grey),
1429
- var(--lightness-darken-3-grey),
1430
- 1
1431
- );
1432
- --grey-darken-4: hsla(
1433
- var(--hue-grey),
1434
- var(--saturation-grey),
1435
- var(--lightness-darken-4-grey),
1436
- 1
1437
- );
1438
- --grey-darken-5: hsla(
1439
- var(--hue-grey),
1440
- var(--saturation-grey),
1441
- var(--lightness-darken-5-grey),
1442
- 1
1443
- );
1444
-
1445
- --black: hsla(0, 0%, 0%, 1);
1446
- --white: hsla(0, 0%, 100%, 1);
1447
- }