@alfalab/core-components-vars 9.8.0 → 9.8.1

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 (48) hide show
  1. package/colors-decorative.d.ts +2 -0
  2. package/colors-decorative.js +12 -0
  3. package/colors-pfm.d.ts +2 -0
  4. package/colors-pfm.js +12 -0
  5. package/colors-qualitative.d.ts +2 -0
  6. package/colors-qualitative.js +12 -0
  7. package/colors-sequential.d.ts +2 -0
  8. package/colors-sequential.js +12 -0
  9. package/colors.css +69 -69
  10. package/cssm/colors-decorative.d.ts +2 -0
  11. package/cssm/colors-decorative.js +12 -0
  12. package/cssm/colors-pfm.d.ts +2 -0
  13. package/cssm/colors-pfm.js +12 -0
  14. package/cssm/colors-qualitative.d.ts +2 -0
  15. package/cssm/colors-qualitative.js +12 -0
  16. package/cssm/colors-sequential.d.ts +2 -0
  17. package/cssm/colors-sequential.js +12 -0
  18. package/cssm/colors.css +69 -69
  19. package/cssm/index.css +69 -69
  20. package/cssm/index.d.ts +1450 -0
  21. package/cssm/index.js +1450 -0
  22. package/esm/colors-decorative.d.ts +2 -0
  23. package/esm/colors-decorative.js +6 -0
  24. package/esm/colors-pfm.d.ts +2 -0
  25. package/esm/colors-pfm.js +6 -0
  26. package/esm/colors-qualitative.d.ts +2 -0
  27. package/esm/colors-qualitative.js +6 -0
  28. package/esm/colors-sequential.d.ts +2 -0
  29. package/esm/colors-sequential.js +6 -0
  30. package/esm/index.d.ts +1450 -0
  31. package/esm/index.js +1450 -0
  32. package/index.js +1450 -1450
  33. package/modern/colors-decorative.d.ts +2 -0
  34. package/modern/colors-decorative.js +6 -0
  35. package/modern/colors-pfm.d.ts +2 -0
  36. package/modern/colors-pfm.js +6 -0
  37. package/modern/colors-qualitative.d.ts +2 -0
  38. package/modern/colors-qualitative.js +6 -0
  39. package/modern/colors-sequential.d.ts +2 -0
  40. package/modern/colors-sequential.js +6 -0
  41. package/modern/index.d.ts +1450 -0
  42. package/modern/index.js +1450 -0
  43. package/package.json +1 -1
  44. package/src/colors-decorative.ts +4 -0
  45. package/src/colors-pfm.ts +4 -0
  46. package/src/colors-qualitative.ts +4 -0
  47. package/src/colors-sequential.ts +4 -0
  48. package/src/colors.css +69 -69
package/colors-decorative.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/colors-decorative.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-decorative.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsDecorative = styles__default.default.toString();
11
+
12
+ module.exports = colorsDecorative;
package/colors-pfm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/colors-pfm.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-pfm.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsPfm = styles__default.default.toString();
11
+
12
+ module.exports = colorsPfm;
package/colors-qualitative.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/colors-qualitative.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-qualitative.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsQualitative = styles__default.default.toString();
11
+
12
+ module.exports = colorsQualitative;
package/colors-sequential.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/colors-sequential.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-sequential.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsSequential = styles__default.default.toString();
11
+
12
+ module.exports = colorsSequential;
package/colors.css CHANGED
@@ -1,71 +1,71 @@
1
1
  :root {
2
- --color-dark-indigo: #0b1f35;
3
- --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
4
- --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
5
- --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
6
- --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
7
- --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
8
- --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
9
- --color-dark-indigo-60-flat: #6d7986;
10
- --color-dark-indigo-30-flat: #b6bcc3;
11
- --color-dark-indigo-15-flat: #dbdee1;
12
- --color-dark-indigo-10-flat: #e7e9eb;
13
- --color-dark-indigo-07-flat: #eeeff1;
14
- --color-dark-indigo-05-flat: #f3f4f5;
15
- --color-red-brand: #ef3124;
16
- --color-red-brand-85: rgba(239, 49, 36, 0.85);
17
- --color-red-brand-70: rgba(239, 49, 36, 0.7);
18
- --color-red-brand-50: rgba(239, 49, 36, 0.5);
19
- --color-red-brand-30: rgba(239, 49, 36, 0.3);
20
- --color-red-brand-20: rgba(239, 49, 36, 0.2);
21
- --color-red-brand-10: rgba(239, 49, 36, 0.1);
22
- --color-red-brand-85-flat: #f15045;
23
- --color-red-brand-70-flat: #f46f66;
24
- --color-red-brand-50-flat: #f69791;
25
- --color-red-brand-30-flat: #fbc2bd;
26
- --color-red-brand-20-flat: #fcd6d3;
27
- --color-red-brand-10-flat: #feebea;
28
- --color-red-brand-05-flat: #fef5f4;
29
- --color-red-dark: #d91d0b;
30
- --color-red-error: #ff5c5c;
31
- --color-green-text: #13a463;
32
- --color-green-text-60: rgba(19, 164, 99, 0.6);
33
- --color-green-text-60-flat: #71c8a1;
34
- --color-green-done: #2fc26e;
35
- --color-green-done-20: rgba(47, 194, 110, 0.2);
36
- --color-green-done-10: rgba(47, 194, 110, 0.1);
37
- --color-green-done-05: rgba(47, 194, 110, 0.05);
38
- --color-green-done-20-flat: #d5f3e2;
39
- --color-green-done-10-flat: #ebf9f1;
40
- --color-green-done-05-flat: #f4fcf7;
41
- --color-blue-action: #0e60b9;
42
- --color-blue-swipe-a: #2670c6;
43
- --color-blue-swipe-b: #3781d8;
44
- --color-blue-swipe-c: #4a90e2;
45
- --color-blue-link-mobile: #007aff;
46
- --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
47
- --color-blue-link-mobile-10-flat: #e6f2ff;
48
- --color-blue-link-web: #0f62fe;
49
- --color-sand: #f6bf65;
50
- --color-lavender: #8888ad;
51
- --color-amethyst: #a489aa;
52
- --color-black: #000;
53
- --color-black-60: rgba(0, 0, 0, 0.6);
54
- --color-black-30: rgba(0, 0, 0, 0.3);
55
- --color-black-10: rgba(0, 0, 0, 0.1);
56
- --color-black-60-flat: #666;
57
- --color-black-30-flat: #b3b3b3;
58
- --color-black-10-flat: #e6e6e6;
59
- --color-white: #fff;
60
- --color-white-60: rgba(255, 255, 255, 0.6);
61
- --color-white-30: rgba(255, 255, 255, 0.3);
62
- --color-white-10: rgba(255, 255, 255, 0.1);
63
- --color-bg-corporate: #212a33;
64
- --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
65
- --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
66
- --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
67
- --color-bg-corporate-90-flat: #384048;
68
- --color-bg-corporate-60-flat: #7a7f85;
69
- --color-bg-corporate-30-flat: #bdc0c2;
70
- --color-light-blue: #f5f7f9;
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
71
  }
package/cssm/colors-decorative.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/cssm/colors-decorative.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-decorative.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsDecorative = styles__default.default.toString();
11
+
12
+ module.exports = colorsDecorative;
package/cssm/colors-pfm.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/cssm/colors-pfm.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-pfm.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsPfm = styles__default.default.toString();
11
+
12
+ module.exports = colorsPfm;
package/cssm/colors-qualitative.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/cssm/colors-qualitative.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-qualitative.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsQualitative = styles__default.default.toString();
11
+
12
+ module.exports = colorsQualitative;
package/cssm/colors-sequential.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const _default: string;
2
+ export { _default as default };
package/cssm/colors-sequential.js ADDED
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ var styles = require('!!css-loader!@alfalab/core-components/vars/colors-sequential.css');
4
+
5
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
6
+
7
+ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
8
+
9
+ // eslint-disable-next-line import/no-webpack-loader-syntax
10
+ var colorsSequential = styles__default.default.toString();
11
+
12
+ module.exports = colorsSequential;
package/cssm/colors.css CHANGED
@@ -1,71 +1,71 @@
1
1
  :root {
2
- --color-dark-indigo: #0b1f35;
3
- --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
4
- --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
5
- --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
6
- --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
7
- --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
8
- --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
9
- --color-dark-indigo-60-flat: #6d7986;
10
- --color-dark-indigo-30-flat: #b6bcc3;
11
- --color-dark-indigo-15-flat: #dbdee1;
12
- --color-dark-indigo-10-flat: #e7e9eb;
13
- --color-dark-indigo-07-flat: #eeeff1;
14
- --color-dark-indigo-05-flat: #f3f4f5;
15
- --color-red-brand: #ef3124;
16
- --color-red-brand-85: rgba(239, 49, 36, 0.85);
17
- --color-red-brand-70: rgba(239, 49, 36, 0.7);
18
- --color-red-brand-50: rgba(239, 49, 36, 0.5);
19
- --color-red-brand-30: rgba(239, 49, 36, 0.3);
20
- --color-red-brand-20: rgba(239, 49, 36, 0.2);
21
- --color-red-brand-10: rgba(239, 49, 36, 0.1);
22
- --color-red-brand-85-flat: #f15045;
23
- --color-red-brand-70-flat: #f46f66;
24
- --color-red-brand-50-flat: #f69791;
25
- --color-red-brand-30-flat: #fbc2bd;
26
- --color-red-brand-20-flat: #fcd6d3;
27
- --color-red-brand-10-flat: #feebea;
28
- --color-red-brand-05-flat: #fef5f4;
29
- --color-red-dark: #d91d0b;
30
- --color-red-error: #ff5c5c;
31
- --color-green-text: #13a463;
32
- --color-green-text-60: rgba(19, 164, 99, 0.6);
33
- --color-green-text-60-flat: #71c8a1;
34
- --color-green-done: #2fc26e;
35
- --color-green-done-20: rgba(47, 194, 110, 0.2);
36
- --color-green-done-10: rgba(47, 194, 110, 0.1);
37
- --color-green-done-05: rgba(47, 194, 110, 0.05);
38
- --color-green-done-20-flat: #d5f3e2;
39
- --color-green-done-10-flat: #ebf9f1;
40
- --color-green-done-05-flat: #f4fcf7;
41
- --color-blue-action: #0e60b9;
42
- --color-blue-swipe-a: #2670c6;
43
- --color-blue-swipe-b: #3781d8;
44
- --color-blue-swipe-c: #4a90e2;
45
- --color-blue-link-mobile: #007aff;
46
- --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
47
- --color-blue-link-mobile-10-flat: #e6f2ff;
48
- --color-blue-link-web: #0f62fe;
49
- --color-sand: #f6bf65;
50
- --color-lavender: #8888ad;
51
- --color-amethyst: #a489aa;
52
- --color-black: #000;
53
- --color-black-60: rgba(0, 0, 0, 0.6);
54
- --color-black-30: rgba(0, 0, 0, 0.3);
55
- --color-black-10: rgba(0, 0, 0, 0.1);
56
- --color-black-60-flat: #666;
57
- --color-black-30-flat: #b3b3b3;
58
- --color-black-10-flat: #e6e6e6;
59
- --color-white: #fff;
60
- --color-white-60: rgba(255, 255, 255, 0.6);
61
- --color-white-30: rgba(255, 255, 255, 0.3);
62
- --color-white-10: rgba(255, 255, 255, 0.1);
63
- --color-bg-corporate: #212a33;
64
- --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
65
- --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
66
- --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
67
- --color-bg-corporate-90-flat: #384048;
68
- --color-bg-corporate-60-flat: #7a7f85;
69
- --color-bg-corporate-30-flat: #bdc0c2;
70
- --color-light-blue: #f5f7f9;
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
71
  }
package/cssm/index.css CHANGED
@@ -1,73 +1,73 @@
1
1
  :root {
2
- --color-dark-indigo: #0b1f35;
3
- --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
4
- --color-dark-indigo-30: rgba(11, 31, 53, 0.3);
5
- --color-dark-indigo-15: rgba(11, 31, 53, 0.15);
6
- --color-dark-indigo-10: rgba(11, 31, 53, 0.1);
7
- --color-dark-indigo-07: rgba(11, 31, 53, 0.07);
8
- --color-dark-indigo-05: rgba(11, 31, 53, 0.05);
9
- --color-dark-indigo-60-flat: #6d7986;
10
- --color-dark-indigo-30-flat: #b6bcc3;
11
- --color-dark-indigo-15-flat: #dbdee1;
12
- --color-dark-indigo-10-flat: #e7e9eb;
13
- --color-dark-indigo-07-flat: #eeeff1;
14
- --color-dark-indigo-05-flat: #f3f4f5;
15
- --color-red-brand: #ef3124;
16
- --color-red-brand-85: rgba(239, 49, 36, 0.85);
17
- --color-red-brand-70: rgba(239, 49, 36, 0.7);
18
- --color-red-brand-50: rgba(239, 49, 36, 0.5);
19
- --color-red-brand-30: rgba(239, 49, 36, 0.3);
20
- --color-red-brand-20: rgba(239, 49, 36, 0.2);
21
- --color-red-brand-10: rgba(239, 49, 36, 0.1);
22
- --color-red-brand-85-flat: #f15045;
23
- --color-red-brand-70-flat: #f46f66;
24
- --color-red-brand-50-flat: #f69791;
25
- --color-red-brand-30-flat: #fbc2bd;
26
- --color-red-brand-20-flat: #fcd6d3;
27
- --color-red-brand-10-flat: #feebea;
28
- --color-red-brand-05-flat: #fef5f4;
29
- --color-red-dark: #d91d0b;
30
- --color-red-error: #ff5c5c;
31
- --color-green-text: #13a463;
32
- --color-green-text-60: rgba(19, 164, 99, 0.6);
33
- --color-green-text-60-flat: #71c8a1;
34
- --color-green-done: #2fc26e;
35
- --color-green-done-20: rgba(47, 194, 110, 0.2);
36
- --color-green-done-10: rgba(47, 194, 110, 0.1);
37
- --color-green-done-05: rgba(47, 194, 110, 0.05);
38
- --color-green-done-20-flat: #d5f3e2;
39
- --color-green-done-10-flat: #ebf9f1;
40
- --color-green-done-05-flat: #f4fcf7;
41
- --color-blue-action: #0e60b9;
42
- --color-blue-swipe-a: #2670c6;
43
- --color-blue-swipe-b: #3781d8;
44
- --color-blue-swipe-c: #4a90e2;
45
- --color-blue-link-mobile: #007aff;
46
- --color-blue-link-mobile-10: rgba(0, 122, 255, 0.1);
47
- --color-blue-link-mobile-10-flat: #e6f2ff;
48
- --color-blue-link-web: #0f62fe;
49
- --color-sand: #f6bf65;
50
- --color-lavender: #8888ad;
51
- --color-amethyst: #a489aa;
52
- --color-black: #000;
53
- --color-black-60: rgba(0, 0, 0, 0.6);
54
- --color-black-30: rgba(0, 0, 0, 0.3);
55
- --color-black-10: rgba(0, 0, 0, 0.1);
56
- --color-black-60-flat: #666;
57
- --color-black-30-flat: #b3b3b3;
58
- --color-black-10-flat: #e6e6e6;
59
- --color-white: #fff;
60
- --color-white-60: rgba(255, 255, 255, 0.6);
61
- --color-white-30: rgba(255, 255, 255, 0.3);
62
- --color-white-10: rgba(255, 255, 255, 0.1);
63
- --color-bg-corporate: #212a33;
64
- --color-bg-corporate-90: rgba(33, 42, 51, 0.9);
65
- --color-bg-corporate-60: rgba(33, 42, 51, 0.6);
66
- --color-bg-corporate-30: rgba(33, 42, 51, 0.3);
67
- --color-bg-corporate-90-flat: #384048;
68
- --color-bg-corporate-60-flat: #7a7f85;
69
- --color-bg-corporate-30-flat: #bdc0c2;
70
- --color-light-blue: #f5f7f9;
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
71
  } /* deprecated */ :root {
72
72
  --color-dark-accent-primary: #f83a2a;
73
73
  --color-dark-accent-primary-hover: #ff503e;