@alfalab/core-components-vars 9.8.0 → 9.9.0

package/colors-sequential.css

@@ -1,170 +1,194 @@
 :root {
-    --color-dark-sequential-blue-1: #61a5fd;
-    --color-dark-sequential-blue-2: #478cf2;
-    --color-dark-sequential-blue-3: #3f76e0;
-    --color-dark-sequential-blue-4: #3a62c6;
-    --color-dark-sequential-blue-5: #2f51a6;
-    --color-dark-sequential-blue-6: #2a4589;
-    --color-dark-sequential-blue-7: #22396d;
-    --color-dark-sequential-cyan-1: #19afde;
-    --color-dark-sequential-cyan-2: #1597c4;
-    --color-dark-sequential-cyan-3: #0084a9;
-    --color-dark-sequential-cyan-4: #047094;
-    --color-dark-sequential-cyan-5: #105c7a;
-    --color-dark-sequential-cyan-6: #104c67;
-    --color-dark-sequential-cyan-7: #0a3f58;
-    --color-dark-sequential-fuchsia-1: #f371c9;
-    --color-dark-sequential-fuchsia-2: #e552bc;
-    --color-dark-sequential-fuchsia-3: #d03ba5;
-    --color-dark-sequential-fuchsia-4: #b42c90;
-    --color-dark-sequential-fuchsia-5: #962579;
-    --color-dark-sequential-fuchsia-6: #7a2560;
-    --color-dark-sequential-fuchsia-7: #64214d;
-    --color-dark-sequential-green-1: #31ba52;
-    --color-dark-sequential-green-2: #14a741;
-    --color-dark-sequential-green-3: #058f33;
-    --color-dark-sequential-green-4: #0d7a2c;
-    --color-dark-sequential-green-5: #106528;
-    --color-dark-sequential-green-6: #0e5123;
-    --color-dark-sequential-green-7: #0e4320;
-    --color-dark-sequential-indigo-1: #9b96f9;
-    --color-dark-sequential-indigo-2: #8b7ef5;
-    --color-dark-sequential-indigo-3: #7f66e0;
-    --color-dark-sequential-indigo-4: #7053c5;
-    --color-dark-sequential-indigo-5: #5c45a7;
-    --color-dark-sequential-indigo-6: #4d3a88;
-    --color-dark-sequential-indigo-7: #42316e;
-    --color-dark-sequential-jungle-1: #14b88c;
-    --color-dark-sequential-jungle-2: #01a374;
-    --color-dark-sequential-jungle-3: #008d66;
-    --color-dark-sequential-jungle-4: #07785b;
-    --color-dark-sequential-jungle-5: #0b624e;
-    --color-dark-sequential-jungle-6: #0a4f43;
-    --color-dark-sequential-jungle-7: #0f4339;
-    --color-dark-sequential-magenta-1: #fb739c;
-    --color-dark-sequential-magenta-2: #f15287;
-    --color-dark-sequential-magenta-3: #d83b72;
-    --color-dark-sequential-magenta-4: #be2c60;
-    --color-dark-sequential-magenta-5: #9d274f;
-    --color-dark-sequential-magenta-6: #7f2741;
-    --color-dark-sequential-magenta-7: #662335;
-    --color-dark-sequential-orange-1: #f59322;
-    --color-dark-sequential-orange-2: #e88310;
-    --color-dark-sequential-orange-3: #d27016;
-    --color-dark-sequential-orange-4: #b25e17;
-    --color-dark-sequential-orange-5: #924c16;
-    --color-dark-sequential-orange-6: #753f16;
-    --color-dark-sequential-orange-7: #5c3313;
-    --color-dark-sequential-pistachio-1: #84b219;
-    --color-dark-sequential-pistachio-2: #739f0c;
-    --color-dark-sequential-pistachio-3: #618805;
-    --color-dark-sequential-pistachio-4: #517407;
-    --color-dark-sequential-pistachio-5: #45600d;
-    --color-dark-sequential-pistachio-6: #394d0c;
-    --color-dark-sequential-pistachio-7: #30400e;
-    --color-dark-sequential-purple-1: #ce83ea;
-    --color-dark-sequential-purple-2: #c065df;
-    --color-dark-sequential-purple-3: #ae4dc7;
-    --color-dark-sequential-purple-4: #9b3faf;
-    --color-dark-sequential-purple-5: #813294;
-    --color-dark-sequential-purple-6: #6d2b78;
-    --color-dark-sequential-purple-7: #5c2460;
-    --color-dark-sequential-red-1: #fe7a5f;
-    --color-dark-sequential-red-2: #f7553b;
-    --color-dark-sequential-red-3: #e03a27;
-    --color-dark-sequential-red-4: #bf3324;
-    --color-dark-sequential-red-5: #9d2e26;
-    --color-dark-sequential-red-6: #7f2923;
-    --color-dark-sequential-red-7: #672522;
-    --color-dark-sequential-teal-1: #0cb5b7;
-    --color-dark-sequential-teal-2: #019f9c;
-    --color-dark-sequential-teal-3: #088886;
-    --color-dark-sequential-teal-4: #007575;
-    --color-dark-sequential-teal-5: #076063;
-    --color-dark-sequential-teal-6: #0b4e53;
-    --color-dark-sequential-teal-7: #0c424a;
-    --color-light-sequential-blue-1: #478cf2;
-    --color-light-sequential-blue-2: #61a5fd;
-    --color-light-sequential-blue-3: #7eb5fb;
-    --color-light-sequential-blue-4: #a6cbff;
-    --color-light-sequential-blue-5: #c5ddff;
-    --color-light-sequential-blue-6: #d7e7ff;
-    --color-light-sequential-blue-7: #e5f0fe;
-    --color-light-sequential-cyan-1: #1597c4;
-    --color-light-sequential-cyan-2: #19afde;
-    --color-light-sequential-cyan-3: #4ec1e9;
-    --color-light-sequential-cyan-4: #83d5f7;
-    --color-light-sequential-cyan-5: #a6e3fb;
-    --color-light-sequential-cyan-6: #c3ecfd;
-    --color-light-sequential-cyan-7: #def5ff;
-    --color-light-sequential-fuchsia-1: #e552bc;
-    --color-light-sequential-fuchsia-2: #f371c9;
-    --color-light-sequential-fuchsia-3: #f591d3;
-    --color-light-sequential-fuchsia-4: #f9afe0;
-    --color-light-sequential-fuchsia-5: #fbcaf0;
-    --color-light-sequential-fuchsia-6: #ffdafa;
-    --color-light-sequential-fuchsia-7: #ffe9fc;
-    --color-light-sequential-green-1: #14a741;
-    --color-light-sequential-green-2: #31ba52;
-    --color-light-sequential-green-3: #5ecc73;
-    --color-light-sequential-green-4: #85df95;
-    --color-light-sequential-green-5: #a8ecb5;
-    --color-light-sequential-green-6: #c2f3cc;
-    --color-light-sequential-green-7: #dafae2;
-    --color-light-sequential-indigo-1: #8b7ef5;
-    --color-light-sequential-indigo-2: #9b96f9;
-    --color-light-sequential-indigo-3: #acabf7;
-    --color-light-sequential-indigo-4: #c1c5fa;
-    --color-light-sequential-indigo-5: #d2d9fd;
-    --color-light-sequential-indigo-6: #e1e4ff;
-    --color-light-sequential-indigo-7: #eeedff;
-    --color-light-sequential-jungle-1: #01a374;
-    --color-light-sequential-jungle-2: #14b88c;
-    --color-light-sequential-jungle-3: #42cca4;
-    --color-light-sequential-jungle-4: #70debb;
-    --color-light-sequential-jungle-5: #9cecd3;
-    --color-light-sequential-jungle-6: #b8f3e2;
-    --color-light-sequential-jungle-7: #d5fbee;
-    --color-light-sequential-magenta-1: #f15287;
-    --color-light-sequential-magenta-2: #fb739c;
-    --color-light-sequential-magenta-3: #fb93b2;
-    --color-light-sequential-magenta-4: #fdb1c6;
-    --color-light-sequential-magenta-5: #fdcadc;
-    --color-light-sequential-magenta-6: #ffdce5;
-    --color-light-sequential-magenta-7: #ffeaee;
-    --color-light-sequential-orange-1: #e88310;
-    --color-light-sequential-orange-2: #f59322;
-    --color-light-sequential-orange-3: #fea846;
-    --color-light-sequential-orange-4: #febf72;
-    --color-light-sequential-orange-5: #fed397;
-    --color-light-sequential-orange-6: #ffe3bc;
-    --color-light-sequential-orange-7: #ffefd9;
-    --color-light-sequential-pistachio-1: #739f0c;
-    --color-light-sequential-pistachio-2: #84b219;
-    --color-light-sequential-pistachio-3: #95c535;
-    --color-light-sequential-pistachio-4: #aed963;
-    --color-light-sequential-pistachio-5: #c6e791;
-    --color-light-sequential-pistachio-6: #d7f0b1;
-    --color-light-sequential-pistachio-7: #e5f9ce;
-    --color-light-sequential-purple-1: #c065df;
-    --color-light-sequential-purple-2: #ce83ea;
-    --color-light-sequential-purple-3: #d59aec;
-    --color-light-sequential-purple-4: #e0b8f5;
-    --color-light-sequential-purple-5: #ead0fd;
-    --color-light-sequential-purple-6: #f1dfff;
-    --color-light-sequential-purple-7: #faebff;
-    --color-light-sequential-red-1: #f7553b;
-    --color-light-sequential-red-2: #fe7a5f;
-    --color-light-sequential-red-3: #ff967d;
-    --color-light-sequential-red-4: #ffaea3;
-    --color-light-sequential-red-5: #ffc8c5;
-    --color-light-sequential-red-6: #ffdada;
-    --color-light-sequential-red-7: #ffebeb;
-    --color-light-sequential-teal-1: #019f9c;
-    --color-light-sequential-teal-2: #0cb5b7;
-    --color-light-sequential-teal-3: #3fc9cb;
-    --color-light-sequential-teal-4: #70dcdf;
-    --color-light-sequential-teal-5: #98e9e9;
-    --color-light-sequential-teal-6: #b9f1f3;
-    --color-light-sequential-teal-7: #d6f8f9;
+    --color-dark-sequential-blue-1: #5388e0;
+    --color-dark-sequential-blue-2: #4d75d0;
+    --color-dark-sequential-blue-3: #4963b8;
+    --color-dark-sequential-blue-4: #3f559e;
+    --color-dark-sequential-blue-5: #324682;
+    --color-dark-sequential-blue-6: #253969;
+    --color-dark-sequential-blue-7: #203056;
+    --color-dark-sequential-blue-8: #1b2a4b;
+    --color-dark-sequential-cyan-1: #3492b9;
+    --color-dark-sequential-cyan-2: #2482a2;
+    --color-dark-sequential-cyan-3: #226f8f;
+    --color-dark-sequential-cyan-4: #215e79;
+    --color-dark-sequential-cyan-5: #1d4d65;
+    --color-dark-sequential-cyan-6: #173e54;
+    --color-dark-sequential-cyan-7: #123547;
+    --color-dark-sequential-cyan-8: #122e3f;
+    --color-dark-sequential-fuchsia-1: #da55b4;
+    --color-dark-sequential-fuchsia-2: #c648a0;
+    --color-dark-sequential-fuchsia-3: #ad3b8c;
+    --color-dark-sequential-fuchsia-4: #943379;
+    --color-dark-sequential-fuchsia-5: #792b60;
+    --color-dark-sequential-fuchsia-6: #61244c;
+    --color-dark-sequential-fuchsia-7: #50213f;
+    --color-dark-sequential-fuchsia-8: #441d35;
+    --color-dark-sequential-green-1: #3b9e4d;
+    --color-dark-sequential-green-2: #358d43;
+    --color-dark-sequential-green-3: #31793b;
+    --color-dark-sequential-green-4: #296633;
+    --color-dark-sequential-green-5: #21522c;
+    --color-dark-sequential-green-6: #1b4225;
+    --color-dark-sequential-green-7: #1a3721;
+    --color-dark-sequential-green-8: #17301e;
+    --color-dark-sequential-indigo-1: #8376e3;
+    --color-dark-sequential-indigo-2: #7b64d3;
+    --color-dark-sequential-indigo-3: #7054be;
+    --color-dark-sequential-indigo-4: #5e47a3;
+    --color-dark-sequential-indigo-5: #4e3c86;
+    --color-dark-sequential-indigo-6: #42326c;
+    --color-dark-sequential-indigo-7: #372b56;
+    --color-dark-sequential-indigo-8: #2e2547;
+    --color-dark-sequential-jungle-1: #2a9d74;
+    --color-dark-sequential-jungle-2: #228c68;
+    --color-dark-sequential-jungle-3: #19785d;
+    --color-dark-sequential-jungle-4: #156652;
+    --color-dark-sequential-jungle-5: #0e5145;
+    --color-dark-sequential-jungle-6: #134339;
+    --color-dark-sequential-jungle-7: #133830;
+    --color-dark-sequential-jungle-8: #103129;
+    --color-dark-sequential-magenta-1: #e35583;
+    --color-dark-sequential-magenta-2: #cf4773;
+    --color-dark-sequential-magenta-3: #b63b62;
+    --color-dark-sequential-magenta-4: #9b3252;
+    --color-dark-sequential-magenta-5: #7f2d44;
+    --color-dark-sequential-magenta-6: #652435;
+    --color-dark-sequential-magenta-7: #55202d;
+    --color-dark-sequential-magenta-8: #481c26;
+    --color-dark-sequential-orange-1: #db8127;
+    --color-dark-sequential-orange-2: #c97126;
+    --color-dark-sequential-orange-3: #ae6020;
+    --color-dark-sequential-orange-4: #944f1c;
+    --color-dark-sequential-orange-5: #764017;
+    --color-dark-sequential-orange-6: #5f3515;
+    --color-dark-sequential-orange-7: #4d2c12;
+    --color-dark-sequential-orange-8: #402511;
+    --color-dark-sequential-pistachio-1: #739823;
+    --color-dark-sequential-pistachio-2: #66881f;
+    --color-dark-sequential-pistachio-3: #56761a;
+    --color-dark-sequential-pistachio-4: #496117;
+    --color-dark-sequential-pistachio-5: #3d4f13;
+    --color-dark-sequential-pistachio-6: #314011;
+    --color-dark-sequential-pistachio-7: #293611;
+    --color-dark-sequential-pistachio-8: #262e10;
+    --color-dark-sequential-purple-1: #ba63d6;
+    --color-dark-sequential-purple-2: #aa52c1;
+    --color-dark-sequential-purple-3: #9a45ac;
+    --color-dark-sequential-purple-4: #823b94;
+    --color-dark-sequential-purple-5: #6d3177;
+    --color-dark-sequential-purple-6: #59275d;
+    --color-dark-sequential-purple-7: #4a234c;
+    --color-dark-sequential-purple-8: #411c42;
+    --color-dark-sequential-red-1: #ec5742;
+    --color-dark-sequential-red-2: #db4933;
+    --color-dark-sequential-red-3: #c23d2e;
+    --color-dark-sequential-red-4: #a4352b;
+    --color-dark-sequential-red-5: #862d26;
+    --color-dark-sequential-red-6: #6a2623;
+    --color-dark-sequential-red-7: #54211e;
+    --color-dark-sequential-red-8: #461d1c;
+    --color-dark-sequential-teal-1: #139c99;
+    --color-dark-sequential-teal-2: #158886;
+    --color-dark-sequential-teal-3: #137575;
+    --color-dark-sequential-teal-4: #116062;
+    --color-dark-sequential-teal-5: #185054;
+    --color-dark-sequential-teal-6: #164148;
+    --color-dark-sequential-teal-7: #11383e;
+    --color-dark-sequential-teal-8: #0e2f35;
+    --color-light-sequential-blue-1: #4d75d0;
+    --color-light-sequential-blue-2: #5388e0;
+    --color-light-sequential-blue-3: #71a5f2;
+    --color-light-sequential-blue-4: #82b5f6;
+    --color-light-sequential-blue-5: #abceff;
+    --color-light-sequential-blue-6: #c0dbff;
+    --color-light-sequential-blue-7: #d6e6fe;
+    --color-light-sequential-blue-8: #e5f0fe;
+    --color-light-sequential-cyan-1: #2482a2;
+    --color-light-sequential-cyan-2: #3492b9;
+    --color-light-sequential-cyan-3: #51b1d7;
+    --color-light-sequential-cyan-4: #5ebee1;
+    --color-light-sequential-cyan-5: #8ad4f3;
+    --color-light-sequential-cyan-6: #a9e1f6;
+    --color-light-sequential-cyan-7: #c7ebfa;
+    --color-light-sequential-cyan-8: #def5ff;
+    --color-light-sequential-fuchsia-1: #c648a0;
+    --color-light-sequential-fuchsia-2: #da55b4;
+    --color-light-sequential-fuchsia-3: #f278ca;
+    --color-light-sequential-fuchsia-4: #f68ed3;
+    --color-light-sequential-fuchsia-5: #fdb1e4;
+    --color-light-sequential-fuchsia-6: #fdc7f1;
+    --color-light-sequential-fuchsia-7: #ffdafa;
+    --color-light-sequential-fuchsia-8: #ffe9fc;
+    --color-light-sequential-green-1: #358d43;
+    --color-light-sequential-green-2: #3b9e4d;
+    --color-light-sequential-green-3: #5abd69;
+    --color-light-sequential-green-4: #6aca7a;
+    --color-light-sequential-green-5: #8ee29c;
+    --color-light-sequential-green-6: #a8ecb5;
+    --color-light-sequential-green-7: #c2f3cc;
+    --color-light-sequential-green-8: #dafae2;
+    --color-light-sequential-indigo-1: #7b64d3;
+    --color-light-sequential-indigo-2: #8376e3;
+    --color-light-sequential-indigo-3: #9b95f2;
+    --color-light-sequential-indigo-4: #a7a7f7;
+    --color-light-sequential-indigo-5: #bfc4fe;
+    --color-light-sequential-indigo-6: #ccd5ff;
+    --color-light-sequential-indigo-7: #e1e4ff;
+    --color-light-sequential-indigo-8: #eeedff;
+    --color-light-sequential-jungle-1: #228c68;
+    --color-light-sequential-jungle-2: #2a9d74;
+    --color-light-sequential-jungle-3: #40ba93;
+    --color-light-sequential-jungle-4: #53c9a4;
+    --color-light-sequential-jungle-5: #7de1c0;
+    --color-light-sequential-jungle-6: #9becd3;
+    --color-light-sequential-jungle-7: #b8f3e2;
+    --color-light-sequential-jungle-8: #d5fbee;
+    --color-light-sequential-magenta-1: #cf4773;
+    --color-light-sequential-magenta-2: #e35583;
+    --color-light-sequential-magenta-3: #f8789e;
+    --color-light-sequential-magenta-4: #fc8fb0;
+    --color-light-sequential-magenta-5: #fcb2c6;
+    --color-light-sequential-magenta-6: #ffc9dc;
+    --color-light-sequential-magenta-7: #ffdce5;
+    --color-light-sequential-magenta-8: #ffeaee;
+    --color-light-sequential-orange-1: #c97126;
+    --color-light-sequential-orange-2: #db8127;
+    --color-light-sequential-orange-3: #f29b3e;
+    --color-light-sequential-orange-4: #f6a850;
+    --color-light-sequential-orange-5: #fdc17a;
+    --color-light-sequential-orange-6: #fdd39a;
+    --color-light-sequential-orange-7: #ffe3bc;
+    --color-light-sequential-orange-8: #ffefd9;
+    --color-light-sequential-pistachio-1: #66881f;
+    --color-light-sequential-pistachio-2: #739823;
+    --color-light-sequential-pistachio-3: #8eb43c;
+    --color-light-sequential-pistachio-4: #9cc350;
+    --color-light-sequential-pistachio-5: #b6db76;
+    --color-light-sequential-pistachio-6: #c7e793;
+    --color-light-sequential-pistachio-7: #d7f0b1;
+    --color-light-sequential-pistachio-8: #e5f9ce;
+    --color-light-sequential-purple-1: #aa52c1;
+    --color-light-sequential-purple-2: #ba63d6;
+    --color-light-sequential-purple-3: #d086ec;
+    --color-light-sequential-purple-4: #d899f0;
+    --color-light-sequential-purple-5: #e5bcfa;
+    --color-light-sequential-purple-6: #e9cdfd;
+    --color-light-sequential-purple-7: #f1dfff;
+    --color-light-sequential-purple-8: #faebff;
+    --color-light-sequential-red-1: #db4933;
+    --color-light-sequential-red-2: #ec5742;
+    --color-light-sequential-red-3: #fe7961;
+    --color-light-sequential-red-4: #fc8e7b;
+    --color-light-sequential-red-5: #fcb1a7;
+    --color-light-sequential-red-6: #ffc8c4;
+    --color-light-sequential-red-7: #ffdad9;
+    --color-light-sequential-red-8: #ffebeb;
+    --color-light-sequential-teal-1: #158886;
+    --color-light-sequential-teal-2: #139c99;
+    --color-light-sequential-teal-3: #37b9bb;
+    --color-light-sequential-teal-4: #4ac5c7;
+    --color-light-sequential-teal-5: #75dddf;
+    --color-light-sequential-teal-6: #98e9e9;
+    --color-light-sequential-teal-7: #b9f1f3;
+    --color-light-sequential-teal-8: #d6f8f9;
 }

package/colors-sequential.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export { _default as default };

package/colors-sequential.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-sequential.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+// eslint-disable-next-line import/no-webpack-loader-syntax
+var colorsSequential = styles__default.default.toString();
+
+module.exports = colorsSequential;

package/colors-students.css

@@ -0,0 +1,4 @@
+:root {
+    --color-static-students-electric-lime: #8fff00;
+    --color-static-students-razzle-rose: #fe34c6;
+}

package/colors-students.d.ts

@@ -0,0 +1,2 @@
+declare const _default: string;
+export { _default as default };

package/colors-students.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-students.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+// eslint-disable-next-line import/no-webpack-loader-syntax
+var colorsStudents = styles__default.default.toString();
+
+module.exports = colorsStudents;

package/colors-transparent.css

@@ -1,28 +1,28 @@
 :root {
-    --color-dynamic-nulled: rgba(0, 0, 0, 0);
-    --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
-    --color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
-    --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
-    --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32);
-    --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16);
-    --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16);
-    --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64);
-    --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64);
-    --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12);
-    --color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
-    --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
-    --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
-    --color-static-nulled: rgba(0, 0, 0, 0);
-    --color-static-primary-dark: rgba(0, 0, 0, 0.8);
-    --color-static-primary-light: rgba(255, 255, 255, 0.8);
-    --color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
-    --color-static-quaternary-light: rgba(255, 255, 255, 0.32);
-    --color-static-quinary-dark: rgba(0, 0, 0, 0.16);
-    --color-static-quinary-light: rgba(255, 255, 255, 0.16);
-    --color-static-secondary-dark: rgba(0, 0, 0, 0.64);
-    --color-static-secondary-light: rgba(255, 255, 255, 0.64);
-    --color-static-senary-dark: rgba(0, 0, 0, 0.12);
-    --color-static-senary-light: rgba(255, 255, 255, 0.12);
-    --color-static-tertiary-dark: rgba(0, 0, 0, 0.48);
-    --color-static-tertiary-light: rgba(255, 255, 255, 0.48);
+    --color-dynamic-nulled: rgba(0, 0, 0, 0); /* deprecated */
+    --color-dynamic-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
+    --color-dynamic-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
+    --color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
+    --color-dynamic-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
+    --color-dynamic-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
+    --color-dynamic-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
+    --color-dynamic-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
+    --color-dynamic-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
+    --color-dynamic-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
+    --color-dynamic-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
+    --color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
+    --color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
+    --color-static-nulled: rgba(0, 0, 0, 0); /* deprecated */
+    --color-static-primary-dark: rgba(0, 0, 0, 0.8); /* deprecated */
+    --color-static-primary-light: rgba(255, 255, 255, 0.8); /* deprecated */
+    --color-static-quaternary-dark: rgba(0, 0, 0, 0.32); /* deprecated */
+    --color-static-quaternary-light: rgba(255, 255, 255, 0.32); /* deprecated */
+    --color-static-quinary-dark: rgba(0, 0, 0, 0.16); /* deprecated */
+    --color-static-quinary-light: rgba(255, 255, 255, 0.16); /* deprecated */
+    --color-static-secondary-dark: rgba(0, 0, 0, 0.64); /* deprecated */
+    --color-static-secondary-light: rgba(255, 255, 255, 0.64); /* deprecated */
+    --color-static-senary-dark: rgba(0, 0, 0, 0.12); /* deprecated */
+    --color-static-senary-light: rgba(255, 255, 255, 0.12); /* deprecated */
+    --color-static-tertiary-dark: rgba(0, 0, 0, 0.48); /* deprecated */
+    --color-static-tertiary-light: rgba(255, 255, 255, 0.48); /* deprecated */
 }

package/colors.css

@@ -1,71 +1,71 @@
 :root {
-    --color-dark-indigo: #0b1f35;
-    --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
-    --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
-    --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
-    --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
-    --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
-    --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
-    --color-dark-indigo-60-flat: #6d7986;
-    --color-dark-indigo-30-flat: #b6bcc3;
-    --color-dark-indigo-15-flat: #dbdee1;
-    --color-dark-indigo-10-flat: #e7e9eb;
-    --color-dark-indigo-07-flat: #eeeff1;
-    --color-dark-indigo-05-flat: #f3f4f5;
-    --color-red-brand: #ef3124;
-    --color-red-brand-85: rgba(239, 49, 36, 0.85);
-    --color-red-brand-70: rgba(239, 49, 36, 0.7);
-    --color-red-brand-50: rgba(239, 49, 36, 0.5);
-    --color-red-brand-30: rgba(239, 49, 36, 0.3);
-    --color-red-brand-20: rgba(239, 49, 36, 0.2);
-    --color-red-brand-10: rgba(239, 49, 36, 0.1);
-    --color-red-brand-85-flat: #f15045;
-    --color-red-brand-70-flat: #f46f66;
-    --color-red-brand-50-flat: #f69791;
-    --color-red-brand-30-flat: #fbc2bd;
-    --color-red-brand-20-flat: #fcd6d3;
-    --color-red-brand-10-flat: #feebea;
-    --color-red-brand-05-flat: #fef5f4;
-    --color-red-dark: #d91d0b;
-    --color-red-error: #ff5c5c;
-    --color-green-text: #13a463;
-    --color-green-text-60: rgba(19, 164, 99, 0.6);
-    --color-green-text-60-flat: #71c8a1;
-    --color-green-done: #2fc26e;
-    --color-green-done-20: rgba(47, 194, 110, 0.2);
-    --color-green-done-10: rgba(47, 194, 110, 0.1);
-    --color-green-done-05: rgba(47, 194, 110, 0.05);
-    --color-green-done-20-flat: #d5f3e2;
-    --color-green-done-10-flat: #ebf9f1;
-    --color-green-done-05-flat: #f4fcf7;
-    --color-blue-action: #0e60b9;
-    --color-blue-swipe-a: #2670c6;
-    --color-blue-swipe-b: #3781d8;
-    --color-blue-swipe-c: #4a90e2;
-    --color-blue-link-mobile: #007aff;
-    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
-    --color-blue-link-mobile-10-flat: #e6f2ff;
-    --color-blue-link-web: #0f62fe;
-    --color-sand: #f6bf65;
-    --color-lavender: #8888ad;
-    --color-amethyst: #a489aa;
-    --color-black: #000;
-    --color-black-60: rgba(0, 0, 0, 0.6);
-    --color-black-30: rgba(0, 0, 0, 0.3);
-    --color-black-10: rgba(0, 0, 0, 0.1);
-    --color-black-60-flat: #666;
-    --color-black-30-flat: #b3b3b3;
-    --color-black-10-flat: #e6e6e6;
-    --color-white: #fff;
-    --color-white-60: rgba(255, 255, 255, 0.6);
-    --color-white-30: rgba(255, 255, 255, 0.3);
-    --color-white-10: rgba(255, 255, 255, 0.1);
-    --color-bg-corporate: #212a33;
-    --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
-    --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
-    --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
-    --color-bg-corporate-90-flat: #384048;
-    --color-bg-corporate-60-flat: #7a7f85;
-    --color-bg-corporate-30-flat: #bdc0c2;
-    --color-light-blue: #f5f7f9;
+    --color-dark-indigo: #0b1f35; /* deprecated */
+    --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */
+    --color-dark-indigo-30: rgba(11, 31, 53, 0.3); /* deprecated */
+    --color-dark-indigo-15: rgba(11, 31, 53, 0.15); /* deprecated */
+    --color-dark-indigo-10: rgba(11, 31, 53, 0.1); /* deprecated */
+    --color-dark-indigo-07: rgba(11, 31, 53, 0.07); /* deprecated */
+    --color-dark-indigo-05: rgba(11, 31, 53, 0.05); /* deprecated */
+    --color-dark-indigo-60-flat: #6d7986; /* deprecated */
+    --color-dark-indigo-30-flat: #b6bcc3; /* deprecated */
+    --color-dark-indigo-15-flat: #dbdee1; /* deprecated */
+    --color-dark-indigo-10-flat: #e7e9eb; /* deprecated */
+    --color-dark-indigo-07-flat: #eeeff1; /* deprecated */
+    --color-dark-indigo-05-flat: #f3f4f5; /* deprecated */
+    --color-red-brand: #ef3124; /* deprecated */
+    --color-red-brand-85: rgba(239, 49, 36, 0.85); /* deprecated */
+    --color-red-brand-70: rgba(239, 49, 36, 0.7); /* deprecated */
+    --color-red-brand-50: rgba(239, 49, 36, 0.5); /* deprecated */
+    --color-red-brand-30: rgba(239, 49, 36, 0.3); /* deprecated */
+    --color-red-brand-20: rgba(239, 49, 36, 0.2); /* deprecated */
+    --color-red-brand-10: rgba(239, 49, 36, 0.1); /* deprecated */
+    --color-red-brand-85-flat: #f15045; /* deprecated */
+    --color-red-brand-70-flat: #f46f66; /* deprecated */
+    --color-red-brand-50-flat: #f69791; /* deprecated */
+    --color-red-brand-30-flat: #fbc2bd; /* deprecated */
+    --color-red-brand-20-flat: #fcd6d3; /* deprecated */
+    --color-red-brand-10-flat: #feebea; /* deprecated */
+    --color-red-brand-05-flat: #fef5f4; /* deprecated */
+    --color-red-dark: #d91d0b; /* deprecated */
+    --color-red-error: #ff5c5c; /* deprecated */
+    --color-green-text: #13a463; /* deprecated */
+    --color-green-text-60: rgba(19, 164, 99, 0.6); /* deprecated */
+    --color-green-text-60-flat: #71c8a1; /* deprecated */
+    --color-green-done: #2fc26e; /* deprecated */
+    --color-green-done-20: rgba(47, 194, 110, 0.2); /* deprecated */
+    --color-green-done-10: rgba(47, 194, 110, 0.1); /* deprecated */
+    --color-green-done-05: rgba(47, 194, 110, 0.05); /* deprecated */
+    --color-green-done-20-flat: #d5f3e2; /* deprecated */
+    --color-green-done-10-flat: #ebf9f1; /* deprecated */
+    --color-green-done-05-flat: #f4fcf7; /* deprecated */
+    --color-blue-action: #0e60b9; /* deprecated */
+    --color-blue-swipe-a: #2670c6; /* deprecated */
+    --color-blue-swipe-b: #3781d8; /* deprecated */
+    --color-blue-swipe-c: #4a90e2; /* deprecated */
+    --color-blue-link-mobile: #007aff; /* deprecated */
+    --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1); /* deprecated */
+    --color-blue-link-mobile-10-flat: #e6f2ff; /* deprecated */
+    --color-blue-link-web: #0f62fe; /* deprecated */
+    --color-sand: #f6bf65; /* deprecated */
+    --color-lavender: #8888ad; /* deprecated */
+    --color-amethyst: #a489aa; /* deprecated */
+    --color-black: #000; /* deprecated */
+    --color-black-60: rgba(0, 0, 0, 0.6); /* deprecated */
+    --color-black-30: rgba(0, 0, 0, 0.3); /* deprecated */
+    --color-black-10: rgba(0, 0, 0, 0.1); /* deprecated */
+    --color-black-60-flat: #666; /* deprecated */
+    --color-black-30-flat: #b3b3b3; /* deprecated */
+    --color-black-10-flat: #e6e6e6; /* deprecated */
+    --color-white: #fff; /* deprecated */
+    --color-white-60: rgba(255, 255, 255, 0.6); /* deprecated */
+    --color-white-30: rgba(255, 255, 255, 0.3); /* deprecated */
+    --color-white-10: rgba(255, 255, 255, 0.1); /* deprecated */
+    --color-bg-corporate: #212a33; /* deprecated */
+    --color-bg-corporate-90: rgba(33, 42, 51, 0.9); /* deprecated */
+    --color-bg-corporate-60: rgba(33, 42, 51, 0.6); /* deprecated */
+    --color-bg-corporate-30: rgba(33, 42, 51, 0.3); /* deprecated */
+    --color-bg-corporate-90-flat: #384048; /* deprecated */
+    --color-bg-corporate-60-flat: #7a7f85; /* deprecated */
+    --color-bg-corporate-30-flat: #bdc0c2; /* deprecated */
+    --color-light-blue: #f5f7f9; /* deprecated */
 }