@alfalab/core-components-vars 9.17.0 → 9.18.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.
@@ -0,0 +1,78 @@
1
+ :root {
2
+ --color-light-monochrome-black-2: var(--color-dark-monochrome-black-2);
3
+ --color-light-monochrome-black-2-inverted: var(--color-dark-monochrome-black-2-inverted);
4
+ --color-light-monochrome-black-4: var(--color-dark-monochrome-black-4);
5
+ --color-light-monochrome-black-4-inverted: var(--color-dark-monochrome-black-4-inverted);
6
+ --color-light-monochrome-black-6: var(--color-dark-monochrome-black-6);
7
+ --color-light-monochrome-black-6-inverted: var(--color-dark-monochrome-black-6-inverted);
8
+ --color-light-monochrome-black-8: var(--color-dark-monochrome-black-8);
9
+ --color-light-monochrome-black-8-inverted: var(--color-dark-monochrome-black-8-inverted);
10
+ --color-light-monochrome-black-10: var(--color-dark-monochrome-black-10);
11
+ --color-light-monochrome-black-10-inverted: var(--color-dark-monochrome-black-10-inverted);
12
+ --color-light-monochrome-black-12: var(--color-dark-monochrome-black-12);
13
+ --color-light-monochrome-black-12-inverted: var(--color-dark-monochrome-black-12-inverted);
14
+ --color-light-monochrome-black-16: var(--color-dark-monochrome-black-16);
15
+ --color-light-monochrome-black-16-inverted: var(--color-dark-monochrome-black-16-inverted);
16
+ --color-light-monochrome-black-20: var(--color-dark-monochrome-black-20);
17
+ --color-light-monochrome-black-20-inverted: var(--color-dark-monochrome-black-20-inverted);
18
+ --color-light-monochrome-black-24: var(--color-dark-monochrome-black-24);
19
+ --color-light-monochrome-black-24-inverted: var(--color-dark-monochrome-black-24-inverted);
20
+ --color-light-monochrome-black-32: var(--color-dark-monochrome-black-32);
21
+ --color-light-monochrome-black-32-inverted: var(--color-dark-monochrome-black-32-inverted);
22
+ --color-light-monochrome-black-40: var(--color-dark-monochrome-black-40);
23
+ --color-light-monochrome-black-40-inverted: var(--color-dark-monochrome-black-40-inverted);
24
+ --color-light-monochrome-black-44: var(--color-dark-monochrome-black-44);
25
+ --color-light-monochrome-black-44-inverted: var(--color-dark-monochrome-black-44-inverted);
26
+ --color-light-monochrome-black-48: var(--color-dark-monochrome-black-48);
27
+ --color-light-monochrome-black-48-inverted: var(--color-dark-monochrome-black-48-inverted);
28
+ --color-light-monochrome-black-56: var(--color-dark-monochrome-black-56);
29
+ --color-light-monochrome-black-56-inverted: var(--color-dark-monochrome-black-56-inverted);
30
+ --color-light-monochrome-black-64: var(--color-dark-monochrome-black-64);
31
+ --color-light-monochrome-black-64-inverted: var(--color-dark-monochrome-black-64-inverted);
32
+ --color-light-monochrome-black-72: var(--color-dark-monochrome-black-72);
33
+ --color-light-monochrome-black-72-inverted: var(--color-dark-monochrome-black-72-inverted);
34
+ --color-light-monochrome-black-80: var(--color-dark-monochrome-black-80);
35
+ --color-light-monochrome-black-80-inverted: var(--color-dark-monochrome-black-80-inverted);
36
+ --color-light-monochrome-black-88: var(--color-dark-monochrome-black-88);
37
+ --color-light-monochrome-black-88-inverted: var(--color-dark-monochrome-black-88-inverted);
38
+ --color-light-monochrome-black-100: var(--color-dark-monochrome-black-100);
39
+ --color-light-monochrome-black-100-inverted: var(--color-dark-monochrome-black-100-inverted);
40
+ --color-light-monochrome-white-2: var(--color-dark-monochrome-white-2);
41
+ --color-light-monochrome-white-2-inverted: var(--color-dark-monochrome-white-2-inverted);
42
+ --color-light-monochrome-white-4: var(--color-dark-monochrome-white-4);
43
+ --color-light-monochrome-white-4-inverted: var(--color-dark-monochrome-white-4-inverted);
44
+ --color-light-monochrome-white-6: var(--color-dark-monochrome-white-6);
45
+ --color-light-monochrome-white-6-inverted: var(--color-dark-monochrome-white-6-inverted);
46
+ --color-light-monochrome-white-8: var(--color-dark-monochrome-white-8);
47
+ --color-light-monochrome-white-8-inverted: var(--color-dark-monochrome-white-8-inverted);
48
+ --color-light-monochrome-white-10: var(--color-dark-monochrome-white-10);
49
+ --color-light-monochrome-white-10-inverted: var(--color-dark-monochrome-white-10-inverted);
50
+ --color-light-monochrome-white-12: var(--color-dark-monochrome-white-12);
51
+ --color-light-monochrome-white-12-inverted: var(--color-dark-monochrome-white-12-inverted);
52
+ --color-light-monochrome-white-16: var(--color-dark-monochrome-white-16);
53
+ --color-light-monochrome-white-16-inverted: var(--color-dark-monochrome-white-16-inverted);
54
+ --color-light-monochrome-white-20: var(--color-dark-monochrome-white-20);
55
+ --color-light-monochrome-white-20-inverted: var(--color-dark-monochrome-white-20-inverted);
56
+ --color-light-monochrome-white-24: var(--color-dark-monochrome-white-24);
57
+ --color-light-monochrome-white-24-inverted: var(--color-dark-monochrome-white-24-inverted);
58
+ --color-light-monochrome-white-32: var(--color-dark-monochrome-white-32);
59
+ --color-light-monochrome-white-32-inverted: var(--color-dark-monochrome-white-32-inverted);
60
+ --color-light-monochrome-white-40: var(--color-dark-monochrome-white-40);
61
+ --color-light-monochrome-white-40-inverted: var(--color-dark-monochrome-white-40-inverted);
62
+ --color-light-monochrome-white-44: var(--color-dark-monochrome-white-44);
63
+ --color-light-monochrome-white-44-inverted: var(--color-dark-monochrome-white-44-inverted);
64
+ --color-light-monochrome-white-48: var(--color-dark-monochrome-white-48);
65
+ --color-light-monochrome-white-48-inverted: var(--color-dark-monochrome-white-48-inverted);
66
+ --color-light-monochrome-white-56: var(--color-dark-monochrome-white-56);
67
+ --color-light-monochrome-white-56-inverted: var(--color-dark-monochrome-white-56-inverted);
68
+ --color-light-monochrome-white-64: var(--color-dark-monochrome-white-64);
69
+ --color-light-monochrome-white-64-inverted: var(--color-dark-monochrome-white-64-inverted);
70
+ --color-light-monochrome-white-72: var(--color-dark-monochrome-white-72);
71
+ --color-light-monochrome-white-72-inverted: var(--color-dark-monochrome-white-72-inverted);
72
+ --color-light-monochrome-white-80: var(--color-dark-monochrome-white-80);
73
+ --color-light-monochrome-white-80-inverted: var(--color-dark-monochrome-white-80-inverted);
74
+ --color-light-monochrome-white-88: var(--color-dark-monochrome-white-88);
75
+ --color-light-monochrome-white-88-inverted: var(--color-dark-monochrome-white-88-inverted);
76
+ --color-light-monochrome-white-100: var(--color-dark-monochrome-white-100);
77
+ --color-light-monochrome-white-100-inverted: var(--color-dark-monochrome-white-100-inverted);
78
+ }
@@ -0,0 +1,68 @@
1
+ :root {
2
+ --color-light-qualitative-duocolor-set-a-1: var(--color-dark-qualitative-duocolor-set-a-1);
3
+ --color-light-qualitative-duocolor-set-a-2: var(--color-dark-qualitative-duocolor-set-a-2);
4
+ --color-light-qualitative-duocolor-set-b-1: var(--color-dark-qualitative-duocolor-set-b-1);
5
+ --color-light-qualitative-duocolor-set-b-2: var(--color-dark-qualitative-duocolor-set-b-2);
6
+ --color-light-qualitative-duocolor-set-c-1: var(--color-dark-qualitative-duocolor-set-c-1);
7
+ --color-light-qualitative-duocolor-set-c-2: var(--color-dark-qualitative-duocolor-set-c-2);
8
+ --color-light-qualitative-duocolor-set-d-1: var(--color-dark-qualitative-duocolor-set-d-1);
9
+ --color-light-qualitative-duocolor-set-d-2: var(--color-dark-qualitative-duocolor-set-d-2);
10
+ --color-light-qualitative-duocolor-set-e-1: var(--color-dark-qualitative-duocolor-set-e-1);
11
+ --color-light-qualitative-duocolor-set-e-2: var(--color-dark-qualitative-duocolor-set-e-2);
12
+ --color-light-qualitative-duocolor-set-f-1: var(--color-dark-qualitative-duocolor-set-f-1);
13
+ --color-light-qualitative-duocolor-set-f-2: var(--color-dark-qualitative-duocolor-set-f-2);
14
+ --color-light-qualitative-duocolor-set-g-1: var(--color-dark-qualitative-duocolor-set-g-1);
15
+ --color-light-qualitative-duocolor-set-g-2: var(--color-dark-qualitative-duocolor-set-g-2);
16
+ --color-light-qualitative-flexible-1: var(--color-dark-qualitative-flexible-1);
17
+ --color-light-qualitative-flexible-10: var(--color-dark-qualitative-flexible-10);
18
+ --color-light-qualitative-flexible-11: var(--color-dark-qualitative-flexible-11);
19
+ --color-light-qualitative-flexible-12: var(--color-dark-qualitative-flexible-12);
20
+ --color-light-qualitative-flexible-13: var(--color-dark-qualitative-flexible-13);
21
+ --color-light-qualitative-flexible-14: var(--color-dark-qualitative-flexible-14);
22
+ --color-light-qualitative-flexible-2: var(--color-dark-qualitative-flexible-2);
23
+ --color-light-qualitative-flexible-3: var(--color-dark-qualitative-flexible-3);
24
+ --color-light-qualitative-flexible-4: var(--color-dark-qualitative-flexible-4);
25
+ --color-light-qualitative-flexible-5: var(--color-dark-qualitative-flexible-5);
26
+ --color-light-qualitative-flexible-6: var(--color-dark-qualitative-flexible-6);
27
+ --color-light-qualitative-flexible-7: var(--color-dark-qualitative-flexible-7);
28
+ --color-light-qualitative-flexible-8: var(--color-dark-qualitative-flexible-8);
29
+ --color-light-qualitative-flexible-9: var(--color-dark-qualitative-flexible-9);
30
+ --color-light-qualitative-monocolor-blue: var(--color-dark-qualitative-monocolor-blue);
31
+ --color-light-qualitative-monocolor-green: var(--color-dark-qualitative-monocolor-green);
32
+ --color-light-qualitative-monocolor-indigo: var(--color-dark-qualitative-monocolor-indigo);
33
+ --color-light-qualitative-monocolor-magenta: var(--color-dark-qualitative-monocolor-magenta);
34
+ --color-light-qualitative-monocolor-orange: var(--color-dark-qualitative-monocolor-orange);
35
+ --color-light-qualitative-monocolor-pistachio: var(
36
+ --color-dark-qualitative-monocolor-pistachio
37
+ );
38
+ --color-light-qualitative-monocolor-red: var(--color-dark-qualitative-monocolor-red);
39
+ --color-light-qualitative-monocolor-teal: var(--color-dark-qualitative-monocolor-teal);
40
+ --color-light-qualitative-monocolor-yellow: var(--color-dark-qualitative-monocolor-yellow);
41
+ --color-light-qualitative-tetracolor-set-a-1: var(--color-dark-qualitative-tetracolor-set-a-1);
42
+ --color-light-qualitative-tetracolor-set-a-2: var(--color-dark-qualitative-tetracolor-set-a-2);
43
+ --color-light-qualitative-tetracolor-set-a-3: var(--color-dark-qualitative-tetracolor-set-a-3);
44
+ --color-light-qualitative-tetracolor-set-a-4: var(--color-dark-qualitative-tetracolor-set-a-4);
45
+ --color-light-qualitative-tetracolor-set-b-1: var(--color-dark-qualitative-tetracolor-set-b-1);
46
+ --color-light-qualitative-tetracolor-set-b-2: var(--color-dark-qualitative-tetracolor-set-b-2);
47
+ --color-light-qualitative-tetracolor-set-b-3: var(--color-dark-qualitative-tetracolor-set-b-3);
48
+ --color-light-qualitative-tetracolor-set-b-4: var(--color-dark-qualitative-tetracolor-set-b-4);
49
+ --color-light-qualitative-tetracolor-set-c-1: var(--color-dark-qualitative-tetracolor-set-c-1);
50
+ --color-light-qualitative-tetracolor-set-c-2: var(--color-dark-qualitative-tetracolor-set-c-2);
51
+ --color-light-qualitative-tetracolor-set-c-3: var(--color-dark-qualitative-tetracolor-set-c-3);
52
+ --color-light-qualitative-tetracolor-set-c-4: var(--color-dark-qualitative-tetracolor-set-c-4);
53
+ --color-light-qualitative-tricolor-set-a-1: var(--color-dark-qualitative-tricolor-set-a-1);
54
+ --color-light-qualitative-tricolor-set-a-2: var(--color-dark-qualitative-tricolor-set-a-2);
55
+ --color-light-qualitative-tricolor-set-a-3: var(--color-dark-qualitative-tricolor-set-a-3);
56
+ --color-light-qualitative-tricolor-set-b-1: var(--color-dark-qualitative-tricolor-set-b-1);
57
+ --color-light-qualitative-tricolor-set-b-2: var(--color-dark-qualitative-tricolor-set-b-2);
58
+ --color-light-qualitative-tricolor-set-b-3: var(--color-dark-qualitative-tricolor-set-b-3);
59
+ --color-light-qualitative-tricolor-set-c-1: var(--color-dark-qualitative-tricolor-set-c-1);
60
+ --color-light-qualitative-tricolor-set-c-2: var(--color-dark-qualitative-tricolor-set-c-2);
61
+ --color-light-qualitative-tricolor-set-c-3: var(--color-dark-qualitative-tricolor-set-c-3);
62
+ --color-light-qualitative-tricolor-set-d-1: var(--color-dark-qualitative-tricolor-set-d-1);
63
+ --color-light-qualitative-tricolor-set-d-2: var(--color-dark-qualitative-tricolor-set-d-2);
64
+ --color-light-qualitative-tricolor-set-d-3: var(--color-dark-qualitative-tricolor-set-d-3);
65
+ --color-light-qualitative-tricolor-set-e-1: var(--color-dark-qualitative-tricolor-set-e-1);
66
+ --color-light-qualitative-tricolor-set-e-2: var(--color-dark-qualitative-tricolor-set-e-2);
67
+ --color-light-qualitative-tricolor-set-e-3: var(--color-dark-qualitative-tricolor-set-e-3);
68
+ }
@@ -0,0 +1,98 @@
1
+ :root {
2
+ --color-light-sequential-blue-1: var(--color-dark-sequential-blue-1);
3
+ --color-light-sequential-blue-2: var(--color-dark-sequential-blue-2);
4
+ --color-light-sequential-blue-3: var(--color-dark-sequential-blue-3);
5
+ --color-light-sequential-blue-4: var(--color-dark-sequential-blue-4);
6
+ --color-light-sequential-blue-5: var(--color-dark-sequential-blue-5);
7
+ --color-light-sequential-blue-6: var(--color-dark-sequential-blue-6);
8
+ --color-light-sequential-blue-7: var(--color-dark-sequential-blue-7);
9
+ --color-light-sequential-blue-8: var(--color-dark-sequential-blue-8);
10
+ --color-light-sequential-cyan-1: var(--color-dark-sequential-cyan-1);
11
+ --color-light-sequential-cyan-2: var(--color-dark-sequential-cyan-2);
12
+ --color-light-sequential-cyan-3: var(--color-dark-sequential-cyan-3);
13
+ --color-light-sequential-cyan-4: var(--color-dark-sequential-cyan-4);
14
+ --color-light-sequential-cyan-5: var(--color-dark-sequential-cyan-5);
15
+ --color-light-sequential-cyan-6: var(--color-dark-sequential-cyan-6);
16
+ --color-light-sequential-cyan-7: var(--color-dark-sequential-cyan-7);
17
+ --color-light-sequential-cyan-8: var(--color-dark-sequential-cyan-8);
18
+ --color-light-sequential-fuchsia-1: var(--color-dark-sequential-fuchsia-1);
19
+ --color-light-sequential-fuchsia-2: var(--color-dark-sequential-fuchsia-2);
20
+ --color-light-sequential-fuchsia-3: var(--color-dark-sequential-fuchsia-3);
21
+ --color-light-sequential-fuchsia-4: var(--color-dark-sequential-fuchsia-4);
22
+ --color-light-sequential-fuchsia-5: var(--color-dark-sequential-fuchsia-5);
23
+ --color-light-sequential-fuchsia-6: var(--color-dark-sequential-fuchsia-6);
24
+ --color-light-sequential-fuchsia-7: var(--color-dark-sequential-fuchsia-7);
25
+ --color-light-sequential-fuchsia-8: var(--color-dark-sequential-fuchsia-8);
26
+ --color-light-sequential-green-1: var(--color-dark-sequential-green-1);
27
+ --color-light-sequential-green-2: var(--color-dark-sequential-green-2);
28
+ --color-light-sequential-green-3: var(--color-dark-sequential-green-3);
29
+ --color-light-sequential-green-4: var(--color-dark-sequential-green-4);
30
+ --color-light-sequential-green-5: var(--color-dark-sequential-green-5);
31
+ --color-light-sequential-green-6: var(--color-dark-sequential-green-6);
32
+ --color-light-sequential-green-7: var(--color-dark-sequential-green-7);
33
+ --color-light-sequential-green-8: var(--color-dark-sequential-green-8);
34
+ --color-light-sequential-indigo-1: var(--color-dark-sequential-indigo-1);
35
+ --color-light-sequential-indigo-2: var(--color-dark-sequential-indigo-2);
36
+ --color-light-sequential-indigo-3: var(--color-dark-sequential-indigo-3);
37
+ --color-light-sequential-indigo-4: var(--color-dark-sequential-indigo-4);
38
+ --color-light-sequential-indigo-5: var(--color-dark-sequential-indigo-5);
39
+ --color-light-sequential-indigo-6: var(--color-dark-sequential-indigo-6);
40
+ --color-light-sequential-indigo-7: var(--color-dark-sequential-indigo-7);
41
+ --color-light-sequential-indigo-8: var(--color-dark-sequential-indigo-8);
42
+ --color-light-sequential-jungle-1: var(--color-dark-sequential-jungle-1);
43
+ --color-light-sequential-jungle-2: var(--color-dark-sequential-jungle-2);
44
+ --color-light-sequential-jungle-3: var(--color-dark-sequential-jungle-3);
45
+ --color-light-sequential-jungle-4: var(--color-dark-sequential-jungle-4);
46
+ --color-light-sequential-jungle-5: var(--color-dark-sequential-jungle-5);
47
+ --color-light-sequential-jungle-6: var(--color-dark-sequential-jungle-6);
48
+ --color-light-sequential-jungle-7: var(--color-dark-sequential-jungle-7);
49
+ --color-light-sequential-jungle-8: var(--color-dark-sequential-jungle-8);
50
+ --color-light-sequential-magenta-1: var(--color-dark-sequential-magenta-1);
51
+ --color-light-sequential-magenta-2: var(--color-dark-sequential-magenta-2);
52
+ --color-light-sequential-magenta-3: var(--color-dark-sequential-magenta-3);
53
+ --color-light-sequential-magenta-4: var(--color-dark-sequential-magenta-4);
54
+ --color-light-sequential-magenta-5: var(--color-dark-sequential-magenta-5);
55
+ --color-light-sequential-magenta-6: var(--color-dark-sequential-magenta-6);
56
+ --color-light-sequential-magenta-7: var(--color-dark-sequential-magenta-7);
57
+ --color-light-sequential-magenta-8: var(--color-dark-sequential-magenta-8);
58
+ --color-light-sequential-orange-1: var(--color-dark-sequential-orange-1);
59
+ --color-light-sequential-orange-2: var(--color-dark-sequential-orange-2);
60
+ --color-light-sequential-orange-3: var(--color-dark-sequential-orange-3);
61
+ --color-light-sequential-orange-4: var(--color-dark-sequential-orange-4);
62
+ --color-light-sequential-orange-5: var(--color-dark-sequential-orange-5);
63
+ --color-light-sequential-orange-6: var(--color-dark-sequential-orange-6);
64
+ --color-light-sequential-orange-7: var(--color-dark-sequential-orange-7);
65
+ --color-light-sequential-orange-8: var(--color-dark-sequential-orange-8);
66
+ --color-light-sequential-pistachio-1: var(--color-dark-sequential-pistachio-1);
67
+ --color-light-sequential-pistachio-2: var(--color-dark-sequential-pistachio-2);
68
+ --color-light-sequential-pistachio-3: var(--color-dark-sequential-pistachio-3);
69
+ --color-light-sequential-pistachio-4: var(--color-dark-sequential-pistachio-4);
70
+ --color-light-sequential-pistachio-5: var(--color-dark-sequential-pistachio-5);
71
+ --color-light-sequential-pistachio-6: var(--color-dark-sequential-pistachio-6);
72
+ --color-light-sequential-pistachio-7: var(--color-dark-sequential-pistachio-7);
73
+ --color-light-sequential-pistachio-8: var(--color-dark-sequential-pistachio-8);
74
+ --color-light-sequential-purple-1: var(--color-dark-sequential-purple-1);
75
+ --color-light-sequential-purple-2: var(--color-dark-sequential-purple-2);
76
+ --color-light-sequential-purple-3: var(--color-dark-sequential-purple-3);
77
+ --color-light-sequential-purple-4: var(--color-dark-sequential-purple-4);
78
+ --color-light-sequential-purple-5: var(--color-dark-sequential-purple-5);
79
+ --color-light-sequential-purple-6: var(--color-dark-sequential-purple-6);
80
+ --color-light-sequential-purple-7: var(--color-dark-sequential-purple-7);
81
+ --color-light-sequential-purple-8: var(--color-dark-sequential-purple-8);
82
+ --color-light-sequential-red-1: var(--color-dark-sequential-red-1);
83
+ --color-light-sequential-red-2: var(--color-dark-sequential-red-2);
84
+ --color-light-sequential-red-3: var(--color-dark-sequential-red-3);
85
+ --color-light-sequential-red-4: var(--color-dark-sequential-red-4);
86
+ --color-light-sequential-red-5: var(--color-dark-sequential-red-5);
87
+ --color-light-sequential-red-6: var(--color-dark-sequential-red-6);
88
+ --color-light-sequential-red-7: var(--color-dark-sequential-red-7);
89
+ --color-light-sequential-red-8: var(--color-dark-sequential-red-8);
90
+ --color-light-sequential-teal-1: var(--color-dark-sequential-teal-1);
91
+ --color-light-sequential-teal-2: var(--color-dark-sequential-teal-2);
92
+ --color-light-sequential-teal-3: var(--color-dark-sequential-teal-3);
93
+ --color-light-sequential-teal-4: var(--color-dark-sequential-teal-4);
94
+ --color-light-sequential-teal-5: var(--color-dark-sequential-teal-5);
95
+ --color-light-sequential-teal-6: var(--color-dark-sequential-teal-6);
96
+ --color-light-sequential-teal-7: var(--color-dark-sequential-teal-7);
97
+ --color-light-sequential-teal-8: var(--color-dark-sequential-teal-8);
98
+ }