@alfalab/core-components-vars 9.11.0 → 9.12.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 (76) hide show
  1. package/border-radius.css +1 -0
  2. package/bundle/click.css +1 -0
  3. package/bundle/corp.css +1 -0
  4. package/bundle/intranet.css +1 -0
  5. package/bundle/mobile.css +1 -0
  6. package/bundle/site.css +1 -0
  7. package/common.css +13 -0
  8. package/cssm/border-radius.css +1 -0
  9. package/cssm/bundle/click.css +42 -28
  10. package/cssm/bundle/corp.css +42 -28
  11. package/cssm/bundle/intranet.css +42 -28
  12. package/cssm/bundle/mobile.css +42 -28
  13. package/cssm/bundle/site.css +42 -28
  14. package/cssm/common.css +13 -0
  15. package/cssm/gaps.css +28 -28
  16. package/cssm/index.css +41 -28
  17. package/cssm/index.d.ts +39 -28
  18. package/cssm/index.js +39 -28
  19. package/esm/index.d.ts +39 -28
  20. package/esm/index.js +39 -28
  21. package/gaps.css +28 -28
  22. package/index.css +1 -0
  23. package/index.d.ts +39 -28
  24. package/index.js +39 -28
  25. package/modern/index.d.ts +39 -28
  26. package/modern/index.js +39 -28
  27. package/moderncssm/border-radius.css +25 -0
  28. package/moderncssm/bundle/click.css +1479 -0
  29. package/moderncssm/bundle/corp.css +1479 -0
  30. package/moderncssm/bundle/intranet.css +1479 -0
  31. package/moderncssm/bundle/mobile.css +1479 -0
  32. package/moderncssm/bundle/site.css +1473 -0
  33. package/moderncssm/colors-addons.css +127 -0
  34. package/moderncssm/colors-bluetint.css +1199 -0
  35. package/moderncssm/colors-bluetint.d.ts +2 -0
  36. package/moderncssm/colors-bluetint.js +6 -0
  37. package/moderncssm/colors-decorative.css +614 -0
  38. package/moderncssm/colors-decorative.d.ts +2 -0
  39. package/moderncssm/colors-decorative.js +6 -0
  40. package/moderncssm/colors-indigo.css +1197 -0
  41. package/moderncssm/colors-indigo.d.ts +2 -0
  42. package/moderncssm/colors-indigo.js +6 -0
  43. package/moderncssm/colors-pfm.css +62 -0
  44. package/moderncssm/colors-pfm.d.ts +2 -0
  45. package/moderncssm/colors-pfm.js +6 -0
  46. package/moderncssm/colors-qualitative.css +130 -0
  47. package/moderncssm/colors-qualitative.d.ts +2 -0
  48. package/moderncssm/colors-qualitative.js +6 -0
  49. package/moderncssm/colors-sequential.css +194 -0
  50. package/moderncssm/colors-sequential.d.ts +2 -0
  51. package/moderncssm/colors-sequential.js +6 -0
  52. package/moderncssm/colors-students.css +4 -0
  53. package/moderncssm/colors-students.d.ts +2 -0
  54. package/moderncssm/colors-students.js +6 -0
  55. package/moderncssm/colors-transparent.css +28 -0
  56. package/moderncssm/colors-x5.css +4 -0
  57. package/moderncssm/colors.css +71 -0
  58. package/moderncssm/common.css +13 -0
  59. package/moderncssm/gaps.css +66 -0
  60. package/moderncssm/index.css +1570 -0
  61. package/moderncssm/index.d.ts +1532 -0
  62. package/moderncssm/index.js +1532 -0
  63. package/moderncssm/mixins.css +1 -0
  64. package/moderncssm/shadows-bluetint.css +43 -0
  65. package/moderncssm/shadows-indigo.css +38 -0
  66. package/moderncssm/typography.css +6 -0
  67. package/package.json +1 -1
  68. package/src/border-radius.css +1 -0
  69. package/src/bundle/click.css +1 -0
  70. package/src/bundle/corp.css +1 -0
  71. package/src/bundle/intranet.css +1 -0
  72. package/src/bundle/mobile.css +1 -0
  73. package/src/bundle/site.css +1 -0
  74. package/src/common.css +13 -0
  75. package/src/gaps.css +28 -28
  76. package/src/index.css +1 -0
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
@@ -0,0 +1,6 @@
1
+ import styles from '!!css-loader!@alfalab/core-components/vars/colors-indigo.css';
2
+
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const colorsIndigo = styles.toString();
5
+
6
+ export { colorsIndigo as default };
@@ -0,0 +1,62 @@
1
+ :root {
2
+ --color-static-pfm-custom-blue: #61a5fd;
3
+ --color-static-pfm-custom-cyan: #19afde;
4
+ --color-static-pfm-custom-indigo: #9b96f9;
5
+ --color-static-pfm-custom-jungle: #14b88c;
6
+ --color-static-pfm-custom-magenta: #fb739c;
7
+ --color-static-pfm-custom-orange: #f59322;
8
+ --color-static-pfm-custom-pistachio: #84b219;
9
+ --color-static-pfm-custom-purple: #ce83ea;
10
+ --color-static-pfm-custom-red: #f7553b;
11
+ --color-static-pfm-custom-yellow: #f6d411;
12
+ --color-static-pfm-system-acrux: #09aaaf;
13
+ --color-static-pfm-system-alcor: #d884fe;
14
+ --color-static-pfm-system-aldebaran: #ff8d73;
15
+ --color-static-pfm-system-andromeda: #ffa1bc;
16
+ --color-static-pfm-system-apollo: #e12169;
17
+ --color-static-pfm-system-atlas: #ce59fa;
18
+ --color-static-pfm-system-betelgeuse: #7f71fd;
19
+ --color-static-pfm-system-capella: #cca504;
20
+ --color-static-pfm-system-carmenta: #0da07f;
21
+ --color-static-pfm-system-concordia: #0bb1e7;
22
+ --color-static-pfm-system-cupid: #fe50c8;
23
+ --color-static-pfm-system-electra: #e2a9fb;
24
+ --color-static-pfm-system-enif: #80c002;
25
+ --color-static-pfm-system-fides: #3fcdfe;
26
+ --color-static-pfm-system-galaxy: #2a77ef;
27
+ --color-static-pfm-system-helix: #04b545;
28
+ --color-static-pfm-system-hubble: #75757d;
29
+ --color-static-pfm-system-jupiter: #fdb24d;
30
+ --color-static-pfm-system-kaus: #6a9e02;
31
+ --color-static-pfm-system-kepler: #fa9313;
32
+ --color-static-pfm-system-maia: #ff72a2;
33
+ --color-static-pfm-system-mars: #fd6544;
34
+ --color-static-pfm-system-meissa: #0496c6;
35
+ --color-static-pfm-system-mercury: #ea8313;
36
+ --color-static-pfm-system-mira: #15d9ac;
37
+ --color-static-pfm-system-mizar: #ba3dd8;
38
+ --color-static-pfm-system-nebula: #4ae777;
39
+ --color-static-pfm-system-numa: #0abe94;
40
+ --color-static-pfm-system-orcus: #998bff;
41
+ --color-static-pfm-system-orion: #e8c305;
42
+ --color-static-pfm-system-pluto: #b3aaff;
43
+ --color-static-pfm-system-proserpina: #0d9336;
44
+ --color-static-pfm-system-proxima: #fe88e3;
45
+ --color-static-pfm-system-regulus: #3193fc;
46
+ --color-static-pfm-system-rigel: #63aafd;
47
+ --color-static-pfm-system-saturn: #dcb30b;
48
+ --color-static-pfm-system-sirius: #ff9f93;
49
+ --color-static-pfm-system-spica: #95c3fd;
50
+ --color-static-pfm-system-sun: #fbd700;
51
+ --color-static-pfm-system-tars: #a0a1a9;
52
+ --color-static-pfm-system-terra: #17d055;
53
+ --color-static-pfm-system-triton: #058a8f;
54
+ --color-static-pfm-system-uranus: #49dfe7;
55
+ --color-static-pfm-system-vega: #09c8d0;
56
+ --color-static-pfm-system-venus: #ef25a9;
57
+ --color-static-pfm-system-voyager: #5f5f66;
58
+ --color-static-pfm-system-vulcan: #ec2e14;
59
+ --color-static-pfm-system-webb: #babbc2;
60
+ --color-static-pfm-system-wezen: #fb3e8b;
61
+ --color-static-pfm-system-zwicky: #99d827;
62
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
@@ -0,0 +1,6 @@
1
+ import styles from '!!css-loader!@alfalab/core-components/vars/colors-pfm.css';
2
+
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const colorsPfm = styles.toString();
5
+
6
+ export { colorsPfm as default };
@@ -0,0 +1,130 @@
1
+ :root {
2
+ --color-dark-qualitative-duocolor-set-a-1: #17d055;
3
+ --color-dark-qualitative-duocolor-set-a-2: #fe5e48;
4
+ --color-dark-qualitative-duocolor-set-b-1: #17d055;
5
+ --color-dark-qualitative-duocolor-set-b-2: #fda136;
6
+ --color-dark-qualitative-duocolor-set-c-1: #71a5f2;
7
+ --color-dark-qualitative-duocolor-set-c-2: #fda136;
8
+ --color-dark-qualitative-duocolor-set-d-1: #9cc350;
9
+ --color-dark-qualitative-duocolor-set-d-2: #9b95f2;
10
+ --color-dark-qualitative-duocolor-set-e-1: #37b9bb;
11
+ --color-dark-qualitative-duocolor-set-e-2: #fda136;
12
+ --color-dark-qualitative-duocolor-set-f-1: #f6d53d;
13
+ --color-dark-qualitative-duocolor-set-f-2: #9b95f2;
14
+ --color-dark-qualitative-duocolor-set-g-1: #9cc350;
15
+ --color-dark-qualitative-duocolor-set-g-2: #d086ec;
16
+ --color-dark-qualitative-flexible-1: #9cc350;
17
+ --color-dark-qualitative-flexible-10: #8376e3;
18
+ --color-dark-qualitative-flexible-11: #6aca7a;
19
+ --color-dark-qualitative-flexible-12: #3492b9;
20
+ --color-dark-qualitative-flexible-13: #f6d53d;
21
+ --color-dark-qualitative-flexible-14: #f278ca;
22
+ --color-dark-qualitative-flexible-2: #5388e0;
23
+ --color-dark-qualitative-flexible-3: #f76750;
24
+ --color-dark-qualitative-flexible-4: #2a9d74;
25
+ --color-dark-qualitative-flexible-5: #f6a850;
26
+ --color-dark-qualitative-flexible-6: #ba63d6;
27
+ --color-dark-qualitative-flexible-7: #fc8fb0;
28
+ --color-dark-qualitative-flexible-8: #3b9e4d;
29
+ --color-dark-qualitative-flexible-9: #75dddf;
30
+ --color-dark-qualitative-monocolor-blue: #71a5f2;
31
+ --color-dark-qualitative-monocolor-green: #17d055;
32
+ --color-dark-qualitative-monocolor-indigo: #9b95f2;
33
+ --color-dark-qualitative-monocolor-magenta: #f8789e;
34
+ --color-dark-qualitative-monocolor-orange: #fda136;
35
+ --color-dark-qualitative-monocolor-pistachio: #9cc350;
36
+ --color-dark-qualitative-monocolor-red: #fe5e48;
37
+ --color-dark-qualitative-monocolor-teal: #37b9bb;
38
+ --color-dark-qualitative-monocolor-yellow: #f6d53d;
39
+ --color-dark-qualitative-tetracolor-set-a-1: #3492b9;
40
+ --color-dark-qualitative-tetracolor-set-a-2: #53c9a4;
41
+ --color-dark-qualitative-tetracolor-set-a-3: #ba63d6;
42
+ --color-dark-qualitative-tetracolor-set-a-4: #f6d53d;
43
+ --color-dark-qualitative-tetracolor-set-b-1: #8376e3;
44
+ --color-dark-qualitative-tetracolor-set-b-2: #53c9a4;
45
+ --color-dark-qualitative-tetracolor-set-b-3: #3492b9;
46
+ --color-dark-qualitative-tetracolor-set-b-4: #fda136;
47
+ --color-dark-qualitative-tetracolor-set-c-1: #ba63d6;
48
+ --color-dark-qualitative-tetracolor-set-c-2: #53c9a4;
49
+ --color-dark-qualitative-tetracolor-set-c-3: #fbdf62;
50
+ --color-dark-qualitative-tetracolor-set-c-4: #fe5e48;
51
+ --color-dark-qualitative-tricolor-set-a-1: #9cc350;
52
+ --color-dark-qualitative-tricolor-set-a-2: #9b95f2;
53
+ --color-dark-qualitative-tricolor-set-a-3: #f6d53d;
54
+ --color-dark-qualitative-tricolor-set-b-1: #53c9a4;
55
+ --color-dark-qualitative-tricolor-set-b-2: #d086ec;
56
+ --color-dark-qualitative-tricolor-set-b-3: #fda136;
57
+ --color-dark-qualitative-tricolor-set-c-1: #fe5e48;
58
+ --color-dark-qualitative-tricolor-set-c-2: #37b9bb;
59
+ --color-dark-qualitative-tricolor-set-c-3: #fda136;
60
+ --color-dark-qualitative-tricolor-set-d-1: #9cc350;
61
+ --color-dark-qualitative-tricolor-set-d-2: #71a5f2;
62
+ --color-dark-qualitative-tricolor-set-d-3: #fe5e48;
63
+ --color-dark-qualitative-tricolor-set-e-1: #fda136;
64
+ --color-dark-qualitative-tricolor-set-e-2: #71a5f2;
65
+ --color-dark-qualitative-tricolor-set-e-3: #f6d53d;
66
+ --color-light-qualitative-duocolor-set-a-1: #0cc44d;
67
+ --color-light-qualitative-duocolor-set-a-2: #ff4837;
68
+ --color-light-qualitative-duocolor-set-b-1: #0cc44d;
69
+ --color-light-qualitative-duocolor-set-b-2: #fda136;
70
+ --color-light-qualitative-duocolor-set-c-1: #5388e0;
71
+ --color-light-qualitative-duocolor-set-c-2: #fda136;
72
+ --color-light-qualitative-duocolor-set-d-1: #9cc350;
73
+ --color-light-qualitative-duocolor-set-d-2: #8376e3;
74
+ --color-light-qualitative-duocolor-set-e-1: #139c99;
75
+ --color-light-qualitative-duocolor-set-e-2: #fda136;
76
+ --color-light-qualitative-duocolor-set-f-1: #f6d53d;
77
+ --color-light-qualitative-duocolor-set-f-2: #8376e3;
78
+ --color-light-qualitative-duocolor-set-g-1: #9cc350;
79
+ --color-light-qualitative-duocolor-set-g-2: #ba63d6;
80
+ --color-light-qualitative-flexible-1: #9cc350;
81
+ --color-light-qualitative-flexible-10: #7b64d3;
82
+ --color-light-qualitative-flexible-11: #5abd69;
83
+ --color-light-qualitative-flexible-12: #2482a2;
84
+ --color-light-qualitative-flexible-13: #f6d53d;
85
+ --color-light-qualitative-flexible-14: #da55b4;
86
+ --color-light-qualitative-flexible-2: #4d75d0;
87
+ --color-light-qualitative-flexible-3: #ec5742;
88
+ --color-light-qualitative-flexible-4: #228c68;
89
+ --color-light-qualitative-flexible-5: #f29b3e;
90
+ --color-light-qualitative-flexible-6: #aa52c1;
91
+ --color-light-qualitative-flexible-7: #f8789e;
92
+ --color-light-qualitative-flexible-8: #358d43;
93
+ --color-light-qualitative-flexible-9: #4ac5c7;
94
+ --color-light-qualitative-monocolor-blue: #5388e0;
95
+ --color-light-qualitative-monocolor-green: #0cc44d;
96
+ --color-light-qualitative-monocolor-indigo: #8376e3;
97
+ --color-light-qualitative-monocolor-magenta: #e35583;
98
+ --color-light-qualitative-monocolor-orange: #fda136;
99
+ --color-light-qualitative-monocolor-pistachio: #9cc350;
100
+ --color-light-qualitative-monocolor-red: #ff4837;
101
+ --color-light-qualitative-monocolor-teal: #139c99;
102
+ --color-light-qualitative-monocolor-yellow: #f6d53d;
103
+ --color-light-qualitative-tetracolor-set-a-1: #2482a2;
104
+ --color-light-qualitative-tetracolor-set-a-2: #40ba93;
105
+ --color-light-qualitative-tetracolor-set-a-3: #aa52c1;
106
+ --color-light-qualitative-tetracolor-set-a-4: #f6d53d;
107
+ --color-light-qualitative-tetracolor-set-b-1: #7b64d3;
108
+ --color-light-qualitative-tetracolor-set-b-2: #40ba93;
109
+ --color-light-qualitative-tetracolor-set-b-3: #2482a2;
110
+ --color-light-qualitative-tetracolor-set-b-4: #fda136;
111
+ --color-light-qualitative-tetracolor-set-c-1: #aa52c1;
112
+ --color-light-qualitative-tetracolor-set-c-2: #40ba93;
113
+ --color-light-qualitative-tetracolor-set-c-3: #f6d53d;
114
+ --color-light-qualitative-tetracolor-set-c-4: #ff4837;
115
+ --color-light-qualitative-tricolor-set-a-1: #9cc350;
116
+ --color-light-qualitative-tricolor-set-a-2: #8376e3;
117
+ --color-light-qualitative-tricolor-set-a-3: #f6d53d;
118
+ --color-light-qualitative-tricolor-set-b-1: #40ba93;
119
+ --color-light-qualitative-tricolor-set-b-2: #ba63d6;
120
+ --color-light-qualitative-tricolor-set-b-3: #fda136;
121
+ --color-light-qualitative-tricolor-set-c-1: #ff4837;
122
+ --color-light-qualitative-tricolor-set-c-2: #139c99;
123
+ --color-light-qualitative-tricolor-set-c-3: #fda136;
124
+ --color-light-qualitative-tricolor-set-d-1: #9cc350;
125
+ --color-light-qualitative-tricolor-set-d-2: #5388e0;
126
+ --color-light-qualitative-tricolor-set-d-3: #ff4837;
127
+ --color-light-qualitative-tricolor-set-e-1: #fda136;
128
+ --color-light-qualitative-tricolor-set-e-2: #5388e0;
129
+ --color-light-qualitative-tricolor-set-e-3: #f6d53d;
130
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
@@ -0,0 +1,6 @@
1
+ import styles from '!!css-loader!@alfalab/core-components/vars/colors-qualitative.css';
2
+
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const colorsQualitative = styles.toString();
5
+
6
+ export { colorsQualitative as default };
@@ -0,0 +1,194 @@
1
+ :root {
2
+ --color-dark-sequential-blue-1: #5388e0;
3
+ --color-dark-sequential-blue-2: #4d75d0;
4
+ --color-dark-sequential-blue-3: #4963b8;
5
+ --color-dark-sequential-blue-4: #3f559e;
6
+ --color-dark-sequential-blue-5: #324682;
7
+ --color-dark-sequential-blue-6: #253969;
8
+ --color-dark-sequential-blue-7: #203056;
9
+ --color-dark-sequential-blue-8: #1b2a4b;
10
+ --color-dark-sequential-cyan-1: #3492b9;
11
+ --color-dark-sequential-cyan-2: #2482a2;
12
+ --color-dark-sequential-cyan-3: #226f8f;
13
+ --color-dark-sequential-cyan-4: #215e79;
14
+ --color-dark-sequential-cyan-5: #1d4d65;
15
+ --color-dark-sequential-cyan-6: #173e54;
16
+ --color-dark-sequential-cyan-7: #123547;
17
+ --color-dark-sequential-cyan-8: #122e3f;
18
+ --color-dark-sequential-fuchsia-1: #da55b4;
19
+ --color-dark-sequential-fuchsia-2: #c648a0;
20
+ --color-dark-sequential-fuchsia-3: #ad3b8c;
21
+ --color-dark-sequential-fuchsia-4: #943379;
22
+ --color-dark-sequential-fuchsia-5: #792b60;
23
+ --color-dark-sequential-fuchsia-6: #61244c;
24
+ --color-dark-sequential-fuchsia-7: #50213f;
25
+ --color-dark-sequential-fuchsia-8: #441d35;
26
+ --color-dark-sequential-green-1: #3b9e4d;
27
+ --color-dark-sequential-green-2: #358d43;
28
+ --color-dark-sequential-green-3: #31793b;
29
+ --color-dark-sequential-green-4: #296633;
30
+ --color-dark-sequential-green-5: #21522c;
31
+ --color-dark-sequential-green-6: #1b4225;
32
+ --color-dark-sequential-green-7: #1a3721;
33
+ --color-dark-sequential-green-8: #17301e;
34
+ --color-dark-sequential-indigo-1: #8376e3;
35
+ --color-dark-sequential-indigo-2: #7b64d3;
36
+ --color-dark-sequential-indigo-3: #7054be;
37
+ --color-dark-sequential-indigo-4: #5e47a3;
38
+ --color-dark-sequential-indigo-5: #4e3c86;
39
+ --color-dark-sequential-indigo-6: #42326c;
40
+ --color-dark-sequential-indigo-7: #372b56;
41
+ --color-dark-sequential-indigo-8: #2e2547;
42
+ --color-dark-sequential-jungle-1: #2a9d74;
43
+ --color-dark-sequential-jungle-2: #228c68;
44
+ --color-dark-sequential-jungle-3: #19785d;
45
+ --color-dark-sequential-jungle-4: #156652;
46
+ --color-dark-sequential-jungle-5: #0e5145;
47
+ --color-dark-sequential-jungle-6: #134339;
48
+ --color-dark-sequential-jungle-7: #133830;
49
+ --color-dark-sequential-jungle-8: #103129;
50
+ --color-dark-sequential-magenta-1: #e35583;
51
+ --color-dark-sequential-magenta-2: #cf4773;
52
+ --color-dark-sequential-magenta-3: #b63b62;
53
+ --color-dark-sequential-magenta-4: #9b3252;
54
+ --color-dark-sequential-magenta-5: #7f2d44;
55
+ --color-dark-sequential-magenta-6: #652435;
56
+ --color-dark-sequential-magenta-7: #55202d;
57
+ --color-dark-sequential-magenta-8: #481c26;
58
+ --color-dark-sequential-orange-1: #db8127;
59
+ --color-dark-sequential-orange-2: #c97126;
60
+ --color-dark-sequential-orange-3: #ae6020;
61
+ --color-dark-sequential-orange-4: #944f1c;
62
+ --color-dark-sequential-orange-5: #764017;
63
+ --color-dark-sequential-orange-6: #5f3515;
64
+ --color-dark-sequential-orange-7: #4d2c12;
65
+ --color-dark-sequential-orange-8: #402511;
66
+ --color-dark-sequential-pistachio-1: #739823;
67
+ --color-dark-sequential-pistachio-2: #66881f;
68
+ --color-dark-sequential-pistachio-3: #56761a;
69
+ --color-dark-sequential-pistachio-4: #496117;
70
+ --color-dark-sequential-pistachio-5: #3d4f13;
71
+ --color-dark-sequential-pistachio-6: #314011;
72
+ --color-dark-sequential-pistachio-7: #293611;
73
+ --color-dark-sequential-pistachio-8: #262e10;
74
+ --color-dark-sequential-purple-1: #ba63d6;
75
+ --color-dark-sequential-purple-2: #aa52c1;
76
+ --color-dark-sequential-purple-3: #9a45ac;
77
+ --color-dark-sequential-purple-4: #823b94;
78
+ --color-dark-sequential-purple-5: #6d3177;
79
+ --color-dark-sequential-purple-6: #59275d;
80
+ --color-dark-sequential-purple-7: #4a234c;
81
+ --color-dark-sequential-purple-8: #411c42;
82
+ --color-dark-sequential-red-1: #ec5742;
83
+ --color-dark-sequential-red-2: #db4933;
84
+ --color-dark-sequential-red-3: #c23d2e;
85
+ --color-dark-sequential-red-4: #a4352b;
86
+ --color-dark-sequential-red-5: #862d26;
87
+ --color-dark-sequential-red-6: #6a2623;
88
+ --color-dark-sequential-red-7: #54211e;
89
+ --color-dark-sequential-red-8: #461d1c;
90
+ --color-dark-sequential-teal-1: #139c99;
91
+ --color-dark-sequential-teal-2: #158886;
92
+ --color-dark-sequential-teal-3: #137575;
93
+ --color-dark-sequential-teal-4: #116062;
94
+ --color-dark-sequential-teal-5: #185054;
95
+ --color-dark-sequential-teal-6: #164148;
96
+ --color-dark-sequential-teal-7: #11383e;
97
+ --color-dark-sequential-teal-8: #0e2f35;
98
+ --color-light-sequential-blue-1: #4d75d0;
99
+ --color-light-sequential-blue-2: #5388e0;
100
+ --color-light-sequential-blue-3: #71a5f2;
101
+ --color-light-sequential-blue-4: #82b5f6;
102
+ --color-light-sequential-blue-5: #abceff;
103
+ --color-light-sequential-blue-6: #c0dbff;
104
+ --color-light-sequential-blue-7: #d6e6fe;
105
+ --color-light-sequential-blue-8: #e5f0fe;
106
+ --color-light-sequential-cyan-1: #2482a2;
107
+ --color-light-sequential-cyan-2: #3492b9;
108
+ --color-light-sequential-cyan-3: #51b1d7;
109
+ --color-light-sequential-cyan-4: #5ebee1;
110
+ --color-light-sequential-cyan-5: #8ad4f3;
111
+ --color-light-sequential-cyan-6: #a9e1f6;
112
+ --color-light-sequential-cyan-7: #c7ebfa;
113
+ --color-light-sequential-cyan-8: #def5ff;
114
+ --color-light-sequential-fuchsia-1: #c648a0;
115
+ --color-light-sequential-fuchsia-2: #da55b4;
116
+ --color-light-sequential-fuchsia-3: #f278ca;
117
+ --color-light-sequential-fuchsia-4: #f68ed3;
118
+ --color-light-sequential-fuchsia-5: #fdb1e4;
119
+ --color-light-sequential-fuchsia-6: #fdc7f1;
120
+ --color-light-sequential-fuchsia-7: #ffdafa;
121
+ --color-light-sequential-fuchsia-8: #ffe9fc;
122
+ --color-light-sequential-green-1: #358d43;
123
+ --color-light-sequential-green-2: #3b9e4d;
124
+ --color-light-sequential-green-3: #5abd69;
125
+ --color-light-sequential-green-4: #6aca7a;
126
+ --color-light-sequential-green-5: #8ee29c;
127
+ --color-light-sequential-green-6: #a8ecb5;
128
+ --color-light-sequential-green-7: #c2f3cc;
129
+ --color-light-sequential-green-8: #dafae2;
130
+ --color-light-sequential-indigo-1: #7b64d3;
131
+ --color-light-sequential-indigo-2: #8376e3;
132
+ --color-light-sequential-indigo-3: #9b95f2;
133
+ --color-light-sequential-indigo-4: #a7a7f7;
134
+ --color-light-sequential-indigo-5: #bfc4fe;
135
+ --color-light-sequential-indigo-6: #ccd5ff;
136
+ --color-light-sequential-indigo-7: #e1e4ff;
137
+ --color-light-sequential-indigo-8: #eeedff;
138
+ --color-light-sequential-jungle-1: #228c68;
139
+ --color-light-sequential-jungle-2: #2a9d74;
140
+ --color-light-sequential-jungle-3: #40ba93;
141
+ --color-light-sequential-jungle-4: #53c9a4;
142
+ --color-light-sequential-jungle-5: #7de1c0;
143
+ --color-light-sequential-jungle-6: #9becd3;
144
+ --color-light-sequential-jungle-7: #b8f3e2;
145
+ --color-light-sequential-jungle-8: #d5fbee;
146
+ --color-light-sequential-magenta-1: #cf4773;
147
+ --color-light-sequential-magenta-2: #e35583;
148
+ --color-light-sequential-magenta-3: #f8789e;
149
+ --color-light-sequential-magenta-4: #fc8fb0;
150
+ --color-light-sequential-magenta-5: #fcb2c6;
151
+ --color-light-sequential-magenta-6: #ffc9dc;
152
+ --color-light-sequential-magenta-7: #ffdce5;
153
+ --color-light-sequential-magenta-8: #ffeaee;
154
+ --color-light-sequential-orange-1: #c97126;
155
+ --color-light-sequential-orange-2: #db8127;
156
+ --color-light-sequential-orange-3: #f29b3e;
157
+ --color-light-sequential-orange-4: #f6a850;
158
+ --color-light-sequential-orange-5: #fdc17a;
159
+ --color-light-sequential-orange-6: #fdd39a;
160
+ --color-light-sequential-orange-7: #ffe3bc;
161
+ --color-light-sequential-orange-8: #ffefd9;
162
+ --color-light-sequential-pistachio-1: #66881f;
163
+ --color-light-sequential-pistachio-2: #739823;
164
+ --color-light-sequential-pistachio-3: #8eb43c;
165
+ --color-light-sequential-pistachio-4: #9cc350;
166
+ --color-light-sequential-pistachio-5: #b6db76;
167
+ --color-light-sequential-pistachio-6: #c7e793;
168
+ --color-light-sequential-pistachio-7: #d7f0b1;
169
+ --color-light-sequential-pistachio-8: #e5f9ce;
170
+ --color-light-sequential-purple-1: #aa52c1;
171
+ --color-light-sequential-purple-2: #ba63d6;
172
+ --color-light-sequential-purple-3: #d086ec;
173
+ --color-light-sequential-purple-4: #d899f0;
174
+ --color-light-sequential-purple-5: #e5bcfa;
175
+ --color-light-sequential-purple-6: #e9cdfd;
176
+ --color-light-sequential-purple-7: #f1dfff;
177
+ --color-light-sequential-purple-8: #faebff;
178
+ --color-light-sequential-red-1: #db4933;
179
+ --color-light-sequential-red-2: #ec5742;
180
+ --color-light-sequential-red-3: #fe7961;
181
+ --color-light-sequential-red-4: #fc8e7b;
182
+ --color-light-sequential-red-5: #fcb1a7;
183
+ --color-light-sequential-red-6: #ffc8c4;
184
+ --color-light-sequential-red-7: #ffdad9;
185
+ --color-light-sequential-red-8: #ffebeb;
186
+ --color-light-sequential-teal-1: #158886;
187
+ --color-light-sequential-teal-2: #139c99;
188
+ --color-light-sequential-teal-3: #37b9bb;
189
+ --color-light-sequential-teal-4: #4ac5c7;
190
+ --color-light-sequential-teal-5: #75dddf;
191
+ --color-light-sequential-teal-6: #98e9e9;
192
+ --color-light-sequential-teal-7: #b9f1f3;
193
+ --color-light-sequential-teal-8: #d6f8f9;
194
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
@@ -0,0 +1,6 @@
1
+ import styles from '!!css-loader!@alfalab/core-components/vars/colors-sequential.css';
2
+
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const colorsSequential = styles.toString();
5
+
6
+ export { colorsSequential as default };
@@ -0,0 +1,4 @@
1
+ :root {
2
+ --color-static-students-electric-lime: #8fff00;
3
+ --color-static-students-razzle-rose: #fe34c6;
4
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
@@ -0,0 +1,6 @@
1
+ import styles from '!!css-loader!@alfalab/core-components/vars/colors-students.css';
2
+
3
+ // eslint-disable-next-line import/no-webpack-loader-syntax
4
+ const colorsStudents = styles.toString();
5
+
6
+ export { colorsStudents as default };
@@ -0,0 +1,28 @@
1
+ :root {
2
+ --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
3
+ --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
4
+ --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
5
+ --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
6
+ --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
7
+ --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
8
+ --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
9
+ --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
10
+ --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
11
+ --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
12
+ --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
13
+ --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
14
+ --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
15
+ --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
16
+ --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
17
+ --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
18
+ --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
19
+ --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
20
+ --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
21
+ --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
22
+ --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
23
+ --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
24
+ --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
25
+ --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
26
+ --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
27
+ --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
28
+ }
@@ -0,0 +1,4 @@
1
+ :root {
2
+ --color-static-brand-primary: #5faf2d;
3
+ --color-static-brand-secondary: #00afff;
4
+ }
@@ -0,0 +1,71 @@
1
+ :root {
2
+ --color-dark-indigo: #0b1f35; /* deprecated */
3
+ --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
4
+ --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
5
+ --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
6
+ --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
7
+ --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
8
+ --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
9
+ --color-dark-indigo-60-flat: #6d7986; /* deprecated */
10
+ --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
11
+ --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
12
+ --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
13
+ --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
14
+ --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
15
+ --color-red-brand: #ef3124; /* deprecated */
16
+ --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
17
+ --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
18
+ --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
19
+ --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
20
+ --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
21
+ --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
22
+ --color-red-brand-85-flat: #f15045; /* deprecated */
23
+ --color-red-brand-70-flat: #f46f66; /* deprecated */
24
+ --color-red-brand-50-flat: #f69791; /* deprecated */
25
+ --color-red-brand-30-flat: #fbc2bd; /* deprecated */
26
+ --color-red-brand-20-flat: #fcd6d3; /* deprecated */
27
+ --color-red-brand-10-flat: #feebea; /* deprecated */
28
+ --color-red-brand-05-flat: #fef5f4; /* deprecated */
29
+ --color-red-dark: #d91d0b; /* deprecated */
30
+ --color-red-error: #ff5c5c; /* deprecated */
31
+ --color-green-text: #13a463; /* deprecated */
32
+ --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
33
+ --color-green-text-60-flat: #71c8a1; /* deprecated */
34
+ --color-green-done: #2fc26e; /* deprecated */
35
+ --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
36
+ --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
37
+ --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
38
+ --color-green-done-20-flat: #d5f3e2; /* deprecated */
39
+ --color-green-done-10-flat: #ebf9f1; /* deprecated */
40
+ --color-green-done-05-flat: #f4fcf7; /* deprecated */
41
+ --color-blue-action: #0e60b9; /* deprecated */
42
+ --color-blue-swipe-a: #2670c6; /* deprecated */
43
+ --color-blue-swipe-b: #3781d8; /* deprecated */
44
+ --color-blue-swipe-c: #4a90e2; /* deprecated */
45
+ --color-blue-link-mobile: #007aff; /* deprecated */
46
+ --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
47
+ --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
48
+ --color-blue-link-web: #0f62fe; /* deprecated */
49
+ --color-sand: #f6bf65; /* deprecated */
50
+ --color-lavender: #8888ad; /* deprecated */
51
+ --color-amethyst: #a489aa; /* deprecated */
52
+ --color-black: #000; /* deprecated */
53
+ --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
54
+ --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
55
+ --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
56
+ --color-black-60-flat: #666; /* deprecated */
57
+ --color-black-30-flat: #b3b3b3; /* deprecated */
58
+ --color-black-10-flat: #e6e6e6; /* deprecated */
59
+ --color-white: #fff; /* deprecated */
60
+ --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
61
+ --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
62
+ --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
63
+ --color-bg-corporate: #212a33; /* deprecated */
64
+ --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
65
+ --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
66
+ --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
67
+ --color-bg-corporate-90-flat: #384048; /* deprecated */
68
+ --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
69
+ --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
70
+ --color-light-blue: #f5f7f9; /* deprecated */
71
+ }
@@ -0,0 +1,13 @@
1
+ :root {
2
+ --focus-color: var(--color-light-status-info);
3
+ --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
4
+ sans-serif;
5
+ --disabled-cursor: not-allowed;
6
+ --arrow-transform: rotate(180deg);
7
+ --size-xxs-height: 32px;
8
+ --size-xs-height: 40px;
9
+ --size-s-height: 48px;
10
+ --size-m-height: 56px;
11
+ --size-l-height: 64px;
12
+ --size-xl-height: 72px;
13
+ }
@@ -0,0 +1,66 @@
1
+ :root {
2
+ --gap-3xs: 2px; /* deprecated */
3
+ --gap-2xs: 4px; /* deprecated */
4
+ --gap-xs: 8px; /* deprecated */
5
+ --gap-s: 12px; /* deprecated */
6
+ --gap-2s: 14px; /* deprecated */
7
+ --gap-m: 16px; /* deprecated */
8
+ --gap-l: 20px; /* deprecated */
9
+ --gap-xl: 24px; /* deprecated */
10
+ --gap-2xl: 32px; /* deprecated */
11
+ --gap-3xl: 40px; /* deprecated */
12
+ --gap-4xl: 48px; /* deprecated */
13
+ --gap-5xl: 64px; /* deprecated */
14
+ --gap-6xl: 72px; /* deprecated */
15
+ --gap-7xl: 96px; /* deprecated */
16
+ --gap-8xl: 128px; /* deprecated */
17
+ --gap-3xs-neg: -2px; /* deprecated */
18
+ --gap-2xs-neg: -4px; /* deprecated */
19
+ --gap-xs-neg: -8px; /* deprecated */
20
+ --gap-s-neg: -12px; /* deprecated */
21
+ --gap-m-neg: -16px; /* deprecated */
22
+ --gap-l-neg: -20px; /* deprecated */
23
+ --gap-xl-neg: -24px; /* deprecated */
24
+ --gap-2xl-neg: -32px; /* deprecated */
25
+ --gap-3xl-neg: -40px; /* deprecated */
26
+ --gap-4xl-neg: -48px; /* deprecated */
27
+ --gap-5xl-neg: -64px; /* deprecated */
28
+ --gap-6xl-neg: -72px; /* deprecated */
29
+ --gap-7xl-neg: -96px; /* deprecated */
30
+ --gap-8xl-neg: -128px; /* deprecated */
31
+
32
+ /* новые значения, используйте их */
33
+ --gap-0: 0;
34
+ --gap-2: var(--gap-3xs);
35
+ --gap-4: var(--gap-2xs);
36
+ --gap-8: var(--gap-xs);
37
+ --gap-12: var(--gap-s);
38
+ --gap-16: var(--gap-m);
39
+ --gap-20: var(--gap-l);
40
+ --gap-24: var(--gap-xl);
41
+ --gap-32: var(--gap-2xl);
42
+ --gap-40: var(--gap-3xl);
43
+ --gap-48: var(--gap-4xl);
44
+ --gap-56: 56px;
45
+ --gap-64: var(--gap-5xl);
46
+ --gap-72: var(--gap-6xl);
47
+ --gap-80: 80px;
48
+ --gap-96: var(--gap-7xl);
49
+ --gap-128: var(--gap-8xl);
50
+ --gap-2-neg: var(--gap-3xs-neg);
51
+ --gap-4-neg: var(--gap-2xs-neg);
52
+ --gap-8-neg: var(--gap-xs-neg);
53
+ --gap-12-neg: var(--gap-s-neg);
54
+ --gap-16-neg: var(--gap-m-neg);
55
+ --gap-20-neg: var(--gap-l-neg);
56
+ --gap-24-neg: var(--gap-xl-neg);
57
+ --gap-32-neg: var(--gap-2xl-neg);
58
+ --gap-40-neg: var(--gap-3xl-neg);
59
+ --gap-48-neg: var(--gap-4xl-neg);
60
+ --gap-56-neg: -56px;
61
+ --gap-64-neg: var(--gap-5xl-neg);
62
+ --gap-72-neg: var(--gap-6xl-neg);
63
+ --gap-80-neg: -80px;
64
+ --gap-96-neg: var(--gap-7xl-neg);
65
+ --gap-128-neg: var(--gap-8xl-neg);
66
+ }