@alfalab/core-components-vars 9.7.0 → 9.8.1

package/cssm/colors-indigo.css

@@ -951,6 +951,7 @@
     --color-dark-graphic-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
     --color-dark-graphic-tertiary-inverted-shade-15: rgb(155, 160, 166);
     --color-dark-graphic-tertiary-inverted-shade-20: rgb(146, 150, 156);
+    --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
     --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.2095);
     --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.235);
     --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.2775);
@@ -970,6 +971,7 @@
     --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
     --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
     --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
+    --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
     --color-dark-text-link-shade-30: rgb(0, 85, 179);
     --color-dark-text-link-shade-50: rgb(0, 61, 128);
     --color-dark-text-link-tint-20: rgb(51, 149, 255);
@@ -1111,6 +1113,7 @@
     --color-light-graphic-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
     --color-light-graphic-tertiary-inverted-tint-15: rgb(131, 141, 152);
     --color-light-graphic-tertiary-inverted-tint-20: rgb(138, 148, 158);
+    --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
     --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
     --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1130,6 +1133,7 @@
     --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
     --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
     --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
+    --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
     --color-light-text-link-tint-30: rgb(77, 162, 255);
     --color-light-text-link-tint-50: rgb(128, 189, 255);
     --color-light-text-link-shade-20: rgb(0, 98, 204);

package/cssm/colors-pfm.css

@@ -1,68 +1,62 @@
 :root {
-    --color-static-pfm-custom-blue: #5ea5fb;
-    --color-static-pfm-custom-cyan: #0eafdc;
-    --color-static-pfm-custom-indigo: #909af4;
-    --color-static-pfm-custom-jungle: #22b888;
-    --color-static-pfm-custom-magenta: #f979a4;
-    --color-static-pfm-custom-orange: #fda134;
+    --color-static-pfm-custom-blue: #61a5fd;
+    --color-static-pfm-custom-cyan: #19afde;
+    --color-static-pfm-custom-indigo: #9b96f9;
+    --color-static-pfm-custom-jungle: #14b88c;
+    --color-static-pfm-custom-magenta: #fb739c;
+    --color-static-pfm-custom-orange: #f59322;
     --color-static-pfm-custom-pistachio: #84b219;
-    --color-static-pfm-custom-purple: #b091ee;
-    --color-static-pfm-custom-red: #ff6441;
-    --color-static-pfm-custom-yellow: #f6d400;
-    --color-static-pfm-system-alcohol: #fda134;
-    --color-static-pfm-system-animals: #618805;
-    --color-static-pfm-system-auto: #01a374;
-    --color-static-pfm-system-beauty: #fb9ab6;
-    --color-static-pfm-system-benefits: #dc58c9;
-    --color-static-pfm-system-bonus: #6f6bdf;
-    --color-static-pfm-system-books: #c4abf5;
-    --color-static-pfm-system-business: #0098c2;
-    --color-static-pfm-system-business-trip-payment: #4ec1eb;
-    --color-static-pfm-system-c2c-transfer: #3776e3;
-    --color-static-pfm-system-cafe-restaurants: #739f0c;
-    --color-static-pfm-system-cash-deposit: #5fcc72;
-    --color-static-pfm-system-cash-withdrawal: #6f6bdf;
-    --color-static-pfm-system-cashback: #fd5633;
-    --color-static-pfm-system-charity: #dc58c9;
-    --color-static-pfm-system-clothes-shoes: #049e99;
-    --color-static-pfm-system-construction-repair: #088783;
-    --color-static-pfm-system-credit: #fd5633;
-    --color-static-pfm-system-digital-goods: #4ec1eb;
-    --color-static-pfm-system-dont-remember: #d73b78;
-    --color-static-pfm-system-education: #098d62;
-    --color-static-pfm-system-electronics: #049e99;
-    --color-static-pfm-system-entertainments: #8e60d6;
-    --color-static-pfm-system-expenses-return-payment: #739f0c;
-    --color-static-pfm-system-family: #f399e3;
-    --color-static-pfm-system-fastfood: #9f79e5;
-    --color-static-pfm-system-fines-taxes: #7d83ee;
-    --color-static-pfm-system-flowers: #f6d400;
-    --color-static-pfm-system-fuel-station: #ee8515;
-    --color-static-pfm-system-health: #48c9c5;
-    --color-static-pfm-system-hobby: #ed558e;
-    --color-static-pfm-system-home-repair: #47cc9b;
-    --color-static-pfm-system-internet-tv: #0eafdc;
-    --color-static-pfm-system-investment: #9f79e5;
-    --color-static-pfm-system-jewelry: #fb9ab6;
-    --color-static-pfm-system-mortgage: #ff7958;
-    --color-static-pfm-system-other: #9fa0a8;
-    --color-static-pfm-system-other-expenses: #a8b2f8;
-    --color-static-pfm-system-other-income: #97c537;
-    --color-static-pfm-system-privileges: #5f5f66;
-    --color-static-pfm-system-public-transport: #3776e3;
-    --color-static-pfm-system-refill: #31ba52;
-    --color-static-pfm-system-rent-auto: #01a374;
-    --color-static-pfm-system-safe-box: #01a374;
-    --color-static-pfm-system-salary: #14a741;
-    --color-static-pfm-system-sport-goods: #c4abf5;
-    --color-static-pfm-system-supermarkets: #97c537;
-    --color-static-pfm-system-taxi: #f6d400;
-    --color-static-pfm-system-tobacco: #fb9517;
-    --color-static-pfm-system-transactions: #5ea5fb;
-    --color-static-pfm-system-transfers: #5ea5fb;
-    --color-static-pfm-system-transport: #3776e3;
-    --color-static-pfm-system-travel: #f6d400;
-    --color-static-pfm-system-user-other-expenses: #a8b2f8;
-    --color-static-pfm-system-utilities: #83b8f9;
-    --color-static-pfm-system-vacation-payment: #f6d400;
+    --color-static-pfm-custom-purple: #ce83ea;
+    --color-static-pfm-custom-red: #f7553b;
+    --color-static-pfm-custom-yellow: #f6d411;
+    --color-static-pfm-system-acrux: #09aaaf;
+    --color-static-pfm-system-alcor: #d884fe;
+    --color-static-pfm-system-aldebaran: #ff8d73;
+    --color-static-pfm-system-andromeda: #ffa1bc;
+    --color-static-pfm-system-apollo: #e12169;
+    --color-static-pfm-system-atlas: #ce59fa;
+    --color-static-pfm-system-betelgeuse: #7f71fd;
+    --color-static-pfm-system-capella: #cca504;
+    --color-static-pfm-system-carmenta: #0da07f;
+    --color-static-pfm-system-concordia: #0bb1e7;
+    --color-static-pfm-system-cupid: #fe50c8;
+    --color-static-pfm-system-electra: #e2a9fb;
+    --color-static-pfm-system-enif: #80c002;
+    --color-static-pfm-system-fides: #3fcdfe;
+    --color-static-pfm-system-galaxy: #2a77ef;
+    --color-static-pfm-system-helix: #04b545;
+    --color-static-pfm-system-hubble: #75757d;
+    --color-static-pfm-system-jupiter: #fdb24d;
+    --color-static-pfm-system-kaus: #6a9e02;
+    --color-static-pfm-system-kepler: #fa9313;
+    --color-static-pfm-system-maia: #ff72a2;
+    --color-static-pfm-system-mars: #fd6544;
+    --color-static-pfm-system-meissa: #0496c6;
+    --color-static-pfm-system-mercury: #ea8313;
+    --color-static-pfm-system-mira: #15d9ac;
+    --color-static-pfm-system-mizar: #ba3dd8;
+    --color-static-pfm-system-nebula: #4ae777;
+    --color-static-pfm-system-numa: #0abe94;
+    --color-static-pfm-system-orcus: #998bff;
+    --color-static-pfm-system-orion: #e8c305;
+    --color-static-pfm-system-pluto: #b3aaff;
+    --color-static-pfm-system-proserpina: #0d9336;
+    --color-static-pfm-system-proxima: #fe88e3;
+    --color-static-pfm-system-regulus: #3193fc;
+    --color-static-pfm-system-rigel: #63aafd;
+    --color-static-pfm-system-saturn: #dcb30b;
+    --color-static-pfm-system-sirius: #ff9f93;
+    --color-static-pfm-system-spica: #95c3fd;
+    --color-static-pfm-system-sun: #fbd700;
+    --color-static-pfm-system-tars: #a0a1a9;
+    --color-static-pfm-system-terra: #17d055;
+    --color-static-pfm-system-triton: #058a8f;
+    --color-static-pfm-system-uranus: #49dfe7;
+    --color-static-pfm-system-vega: #09c8d0;
+    --color-static-pfm-system-venus: #ef25a9;
+    --color-static-pfm-system-voyager: #5f5f66;
+    --color-static-pfm-system-vulcan: #ec2e14;
+    --color-static-pfm-system-webb: #babbc2;
+    --color-static-pfm-system-wezen: #fb3e8b;
+    --color-static-pfm-system-zwicky: #99d827;
 }

package/cssm/colors-pfm.d.ts

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

package/cssm/colors-pfm.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-pfm.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 colorsPfm = styles__default.default.toString();
+
+module.exports = colorsPfm;

package/cssm/colors-qualitative.d.ts

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

package/cssm/colors-qualitative.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var styles = require('!!css-loader!@alfalab/core-components/vars/colors-qualitative.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 colorsQualitative = styles__default.default.toString();
+
+module.exports = colorsQualitative;

package/cssm/colors-sequential.d.ts

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

package/cssm/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/cssm/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 */
 }

package/cssm/index.css

@@ -1,73 +1,73 @@
 :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 */
 } /* deprecated */ :root {
     --color-dark-accent-primary: #f83a2a;
     --color-dark-accent-primary-hover: #ff503e;
@@ -1023,6 +1023,7 @@
     --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
     --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
     --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
+    --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
     --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
     --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
     --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -1042,6 +1043,7 @@
     --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
     --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
     --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
+    --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
     --color-dark-text-link-shade-30: rgb(52, 110, 176);
     --color-dark-text-link-shade-50: rgb(37, 79, 126);
     --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1183,6 +1185,7 @@
     --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
     --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
     --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
+    --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
     --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
     --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
     --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1202,6 +1205,7 @@
     --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
     --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
     --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
+    --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
     --color-light-text-link-tint-30: rgb(106, 160, 244);
     --color-light-text-link-tint-50: rgb(149, 187, 247);
     --color-light-text-link-shade-20: rgb(34, 95, 191);