@alfalab/core-components-vars 9.7.0 → 9.8.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 (20) hide show
  1. package/colors-bluetint.css +4 -0
  2. package/colors-indigo.css +4 -0
  3. package/colors-pfm.css +59 -65
  4. package/cssm/bundle/click.css +4 -0
  5. package/cssm/bundle/corp.css +4 -0
  6. package/cssm/bundle/intranet.css +4 -0
  7. package/cssm/bundle/mobile.css +4 -0
  8. package/cssm/bundle/site.css +4 -0
  9. package/cssm/colors-bluetint.css +4 -0
  10. package/cssm/colors-indigo.css +4 -0
  11. package/cssm/colors-pfm.css +59 -65
  12. package/cssm/index.css +4 -0
  13. package/index.d.ts +4 -0
  14. package/index.js +4 -0
  15. package/mixins.css +17 -0
  16. package/package.json +1 -1
  17. package/src/colors-bluetint.css +4 -0
  18. package/src/colors-indigo.css +4 -0
  19. package/src/colors-pfm.css +59 -65
  20. package/src/mixins.css +17 -0
package/colors-bluetint.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/colors-indigo.css CHANGED
@@ -951,6 +951,7 @@
951
951
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
952
952
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(155, 160, 166);
953
953
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(146, 150, 156);
954
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
954
955
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.2095);
955
956
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.235);
956
957
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.2775);
@@ -970,6 +971,7 @@
970
971
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
971
972
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
972
973
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
974
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
973
975
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
974
976
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
975
977
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
@@ -1111,6 +1113,7 @@
1111
1113
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
1112
1114
  --color-light-graphic-tertiary-inverted-tint-15: rgb(131, 141, 152);
1113
1115
  --color-light-graphic-tertiary-inverted-tint-20: rgb(138, 148, 158);
1116
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1114
1117
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1115
1118
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1116
1119
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1130,6 +1133,7 @@
1130
1133
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
1131
1134
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
1132
1135
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
1136
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1133
1137
  --color-light-text-link-tint-30: rgb(77, 162, 255);
1134
1138
  --color-light-text-link-tint-50: rgb(128, 189, 255);
1135
1139
  --color-light-text-link-shade-20: rgb(0, 98, 204);
package/colors-pfm.css CHANGED
@@ -1,68 +1,62 @@
1
1
  :root {
2
- --color-static-pfm-custom-blue: #5ea5fb;
3
- --color-static-pfm-custom-cyan: #0eafdc;
4
- --color-static-pfm-custom-indigo: #909af4;
5
- --color-static-pfm-custom-jungle: #22b888;
6
- --color-static-pfm-custom-magenta: #f979a4;
7
- --color-static-pfm-custom-orange: #fda134;
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
8
  --color-static-pfm-custom-pistachio: #84b219;
9
- --color-static-pfm-custom-purple: #b091ee;
10
- --color-static-pfm-custom-red: #ff6441;
11
- --color-static-pfm-custom-yellow: #f6d400;
12
- --color-static-pfm-system-alcohol: #fda134;
13
- --color-static-pfm-system-animals: #618805;
14
- --color-static-pfm-system-auto: #01a374;
15
- --color-static-pfm-system-beauty: #fb9ab6;
16
- --color-static-pfm-system-benefits: #dc58c9;
17
- --color-static-pfm-system-bonus: #6f6bdf;
18
- --color-static-pfm-system-books: #c4abf5;
19
- --color-static-pfm-system-business: #0098c2;
20
- --color-static-pfm-system-business-trip-payment: #4ec1eb;
21
- --color-static-pfm-system-c2c-transfer: #3776e3;
22
- --color-static-pfm-system-cafe-restaurants: #739f0c;
23
- --color-static-pfm-system-cash-deposit: #5fcc72;
24
- --color-static-pfm-system-cash-withdrawal: #6f6bdf;
25
- --color-static-pfm-system-cashback: #fd5633;
26
- --color-static-pfm-system-charity: #dc58c9;
27
- --color-static-pfm-system-clothes-shoes: #049e99;
28
- --color-static-pfm-system-construction-repair: #088783;
29
- --color-static-pfm-system-credit: #fd5633;
30
- --color-static-pfm-system-digital-goods: #4ec1eb;
31
- --color-static-pfm-system-dont-remember: #d73b78;
32
- --color-static-pfm-system-education: #098d62;
33
- --color-static-pfm-system-electronics: #049e99;
34
- --color-static-pfm-system-entertainments: #8e60d6;
35
- --color-static-pfm-system-expenses-return-payment: #739f0c;
36
- --color-static-pfm-system-family: #f399e3;
37
- --color-static-pfm-system-fastfood: #9f79e5;
38
- --color-static-pfm-system-fines-taxes: #7d83ee;
39
- --color-static-pfm-system-flowers: #f6d400;
40
- --color-static-pfm-system-fuel-station: #ee8515;
41
- --color-static-pfm-system-health: #48c9c5;
42
- --color-static-pfm-system-hobby: #ed558e;
43
- --color-static-pfm-system-home-repair: #47cc9b;
44
- --color-static-pfm-system-internet-tv: #0eafdc;
45
- --color-static-pfm-system-investment: #9f79e5;
46
- --color-static-pfm-system-jewelry: #fb9ab6;
47
- --color-static-pfm-system-mortgage: #ff7958;
48
- --color-static-pfm-system-other: #9fa0a8;
49
- --color-static-pfm-system-other-expenses: #a8b2f8;
50
- --color-static-pfm-system-other-income: #97c537;
51
- --color-static-pfm-system-privileges: #5f5f66;
52
- --color-static-pfm-system-public-transport: #3776e3;
53
- --color-static-pfm-system-refill: #31ba52;
54
- --color-static-pfm-system-rent-auto: #01a374;
55
- --color-static-pfm-system-safe-box: #01a374;
56
- --color-static-pfm-system-salary: #14a741;
57
- --color-static-pfm-system-sport-goods: #c4abf5;
58
- --color-static-pfm-system-supermarkets: #97c537;
59
- --color-static-pfm-system-taxi: #f6d400;
60
- --color-static-pfm-system-tobacco: #fb9517;
61
- --color-static-pfm-system-transactions: #5ea5fb;
62
- --color-static-pfm-system-transfers: #5ea5fb;
63
- --color-static-pfm-system-transport: #3776e3;
64
- --color-static-pfm-system-travel: #f6d400;
65
- --color-static-pfm-system-user-other-expenses: #a8b2f8;
66
- --color-static-pfm-system-utilities: #83b8f9;
67
- --color-static-pfm-system-vacation-payment: #f6d400;
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;
68
62
  }
package/cssm/bundle/click.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/bundle/corp.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/bundle/intranet.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/bundle/mobile.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/bundle/site.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/colors-bluetint.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/cssm/colors-indigo.css CHANGED
@@ -951,6 +951,7 @@
951
951
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
952
952
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(155, 160, 166);
953
953
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(146, 150, 156);
954
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
954
955
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.2095);
955
956
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.235);
956
957
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.2775);
@@ -970,6 +971,7 @@
970
971
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
971
972
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
972
973
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
974
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
973
975
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
974
976
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
975
977
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
@@ -1111,6 +1113,7 @@
1111
1113
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
1112
1114
  --color-light-graphic-tertiary-inverted-tint-15: rgb(131, 141, 152);
1113
1115
  --color-light-graphic-tertiary-inverted-tint-20: rgb(138, 148, 158);
1116
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1114
1117
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1115
1118
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1116
1119
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1130,6 +1133,7 @@
1130
1133
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
1131
1134
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
1132
1135
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
1136
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1133
1137
  --color-light-text-link-tint-30: rgb(77, 162, 255);
1134
1138
  --color-light-text-link-tint-50: rgb(128, 189, 255);
1135
1139
  --color-light-text-link-shade-20: rgb(0, 98, 204);
package/cssm/colors-pfm.css CHANGED
@@ -1,68 +1,62 @@
1
1
  :root {
2
- --color-static-pfm-custom-blue: #5ea5fb;
3
- --color-static-pfm-custom-cyan: #0eafdc;
4
- --color-static-pfm-custom-indigo: #909af4;
5
- --color-static-pfm-custom-jungle: #22b888;
6
- --color-static-pfm-custom-magenta: #f979a4;
7
- --color-static-pfm-custom-orange: #fda134;
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
8
  --color-static-pfm-custom-pistachio: #84b219;
9
- --color-static-pfm-custom-purple: #b091ee;
10
- --color-static-pfm-custom-red: #ff6441;
11
- --color-static-pfm-custom-yellow: #f6d400;
12
- --color-static-pfm-system-alcohol: #fda134;
13
- --color-static-pfm-system-animals: #618805;
14
- --color-static-pfm-system-auto: #01a374;
15
- --color-static-pfm-system-beauty: #fb9ab6;
16
- --color-static-pfm-system-benefits: #dc58c9;
17
- --color-static-pfm-system-bonus: #6f6bdf;
18
- --color-static-pfm-system-books: #c4abf5;
19
- --color-static-pfm-system-business: #0098c2;
20
- --color-static-pfm-system-business-trip-payment: #4ec1eb;
21
- --color-static-pfm-system-c2c-transfer: #3776e3;
22
- --color-static-pfm-system-cafe-restaurants: #739f0c;
23
- --color-static-pfm-system-cash-deposit: #5fcc72;
24
- --color-static-pfm-system-cash-withdrawal: #6f6bdf;
25
- --color-static-pfm-system-cashback: #fd5633;
26
- --color-static-pfm-system-charity: #dc58c9;
27
- --color-static-pfm-system-clothes-shoes: #049e99;
28
- --color-static-pfm-system-construction-repair: #088783;
29
- --color-static-pfm-system-credit: #fd5633;
30
- --color-static-pfm-system-digital-goods: #4ec1eb;
31
- --color-static-pfm-system-dont-remember: #d73b78;
32
- --color-static-pfm-system-education: #098d62;
33
- --color-static-pfm-system-electronics: #049e99;
34
- --color-static-pfm-system-entertainments: #8e60d6;
35
- --color-static-pfm-system-expenses-return-payment: #739f0c;
36
- --color-static-pfm-system-family: #f399e3;
37
- --color-static-pfm-system-fastfood: #9f79e5;
38
- --color-static-pfm-system-fines-taxes: #7d83ee;
39
- --color-static-pfm-system-flowers: #f6d400;
40
- --color-static-pfm-system-fuel-station: #ee8515;
41
- --color-static-pfm-system-health: #48c9c5;
42
- --color-static-pfm-system-hobby: #ed558e;
43
- --color-static-pfm-system-home-repair: #47cc9b;
44
- --color-static-pfm-system-internet-tv: #0eafdc;
45
- --color-static-pfm-system-investment: #9f79e5;
46
- --color-static-pfm-system-jewelry: #fb9ab6;
47
- --color-static-pfm-system-mortgage: #ff7958;
48
- --color-static-pfm-system-other: #9fa0a8;
49
- --color-static-pfm-system-other-expenses: #a8b2f8;
50
- --color-static-pfm-system-other-income: #97c537;
51
- --color-static-pfm-system-privileges: #5f5f66;
52
- --color-static-pfm-system-public-transport: #3776e3;
53
- --color-static-pfm-system-refill: #31ba52;
54
- --color-static-pfm-system-rent-auto: #01a374;
55
- --color-static-pfm-system-safe-box: #01a374;
56
- --color-static-pfm-system-salary: #14a741;
57
- --color-static-pfm-system-sport-goods: #c4abf5;
58
- --color-static-pfm-system-supermarkets: #97c537;
59
- --color-static-pfm-system-taxi: #f6d400;
60
- --color-static-pfm-system-tobacco: #fb9517;
61
- --color-static-pfm-system-transactions: #5ea5fb;
62
- --color-static-pfm-system-transfers: #5ea5fb;
63
- --color-static-pfm-system-transport: #3776e3;
64
- --color-static-pfm-system-travel: #f6d400;
65
- --color-static-pfm-system-user-other-expenses: #a8b2f8;
66
- --color-static-pfm-system-utilities: #83b8f9;
67
- --color-static-pfm-system-vacation-payment: #f6d400;
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;
68
62
  }
package/cssm/index.css CHANGED
@@ -1023,6 +1023,7 @@
1023
1023
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
1024
1024
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
1025
1025
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
1026
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1026
1027
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
1027
1028
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
1028
1029
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -1042,6 +1043,7 @@
1042
1043
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
1043
1044
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
1044
1045
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
1046
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
1045
1047
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
1046
1048
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
1047
1049
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1183,6 +1185,7 @@
1183
1185
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1184
1186
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1185
1187
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1188
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1186
1189
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1187
1190
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1188
1191
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1202,6 +1205,7 @@
1202
1205
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1203
1206
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1204
1207
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1208
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1205
1209
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1206
1210
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1207
1211
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/index.d.ts CHANGED
@@ -1021,6 +1021,7 @@ export const colorDarkGraphicTertiaryTint15: "rgb(100, 100, 105)";
1021
1021
  export const colorDarkGraphicTertiaryInvertedAlpha30: "rgba(184, 185, 192, 0.3)";
1022
1022
  export const colorDarkGraphicTertiaryInvertedShade15: "rgb(156, 157, 163)";
1023
1023
  export const colorDarkGraphicTertiaryInvertedShade20: "rgb(147, 148, 154)";
1024
+ export const colorDarkNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
1024
1025
  export const colorDarkSpecialbgComponentTint7: "rgba(255, 255, 255, 0.163)";
1025
1026
  export const colorDarkSpecialbgComponentTint10: "rgba(255, 255, 255, 0.19)";
1026
1027
  export const colorDarkSpecialbgComponentTint15: "rgba(255, 255, 255, 0.235)";
@@ -1040,6 +1041,7 @@ export const colorDarkSpecialbgTertiaryTransparentTint7: "rgba(224, 224, 241, 0.
1040
1041
  export const colorDarkSpecialbgTertiaryTransparentTint15: "rgba(227, 227, 242, 0.252)";
1041
1042
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15: "rgba(26, 37, 58, 0.218)";
1042
1043
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade20: "rgba(24, 34, 54, 0.264)";
1044
+ export const colorDarkStatusInfoAlpha15: "rgba(49, 147, 252, 0.15)";
1043
1045
  export const colorDarkTextLinkShade30: "rgb(52, 110, 176)";
1044
1046
  export const colorDarkTextLinkShade50: "rgb(37, 79, 126)";
1045
1047
  export const colorDarkTextLinkTint20: "rgb(110, 177, 253)";
@@ -1181,6 +1183,7 @@ export const colorLightGraphicTertiaryShade15: "rgb(156, 157, 163)";
1181
1183
  export const colorLightGraphicTertiaryInvertedAlpha30: "rgba(73, 73, 79, 0.3)";
1182
1184
  export const colorLightGraphicTertiaryInvertedTint15: "rgb(100, 100, 105)";
1183
1185
  export const colorLightGraphicTertiaryInvertedTint20: "rgb(109, 109, 114)";
1186
+ export const colorLightNeutral700Alpha15: "rgba(137, 137, 145, 0.15)";
1184
1187
  export const colorLightSpecialbgComponentShade7: "rgba(10, 29, 49, 0.1351)";
1185
1188
  export const colorLightSpecialbgComponentShade10: "rgba(10, 28, 48, 0.163)";
1186
1189
  export const colorLightSpecialbgComponentShade15: "rgba(9, 26, 45, 0.2095)";
@@ -1200,6 +1203,7 @@ export const colorLightSpecialbgTertiaryTransparentShade7: "rgba(28, 40, 63, 0.1
1200
1203
  export const colorLightSpecialbgTertiaryTransparentShade15: "rgba(26, 37, 58, 0.218)";
1201
1204
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15: "rgba(227, 227, 242, 0.252)";
1202
1205
  export const colorLightSpecialbgTertiaryTransparentInvertedTint20: "rgba(229, 229, 243, 0.296)";
1206
+ export const colorLightStatusInfoAlpha15: "rgba(34, 136, 250, 0.15)";
1203
1207
  export const colorLightTextLinkTint30: "rgb(106, 160, 244)";
1204
1208
  export const colorLightTextLinkTint50: "rgb(149, 187, 247)";
1205
1209
  export const colorLightTextLinkShade20: "rgb(34, 95, 191)";
package/index.js CHANGED
@@ -1021,6 +1021,7 @@ export const colorDarkGraphicTertiaryTint15 = "rgb(100, 100, 105)";
1021
1021
  export const colorDarkGraphicTertiaryInvertedAlpha30 = "rgba(184, 185, 192, 0.3)";
1022
1022
  export const colorDarkGraphicTertiaryInvertedShade15 = "rgb(156, 157, 163)";
1023
1023
  export const colorDarkGraphicTertiaryInvertedShade20 = "rgb(147, 148, 154)";
1024
+ export const colorDarkNeutral700Alpha15 = "rgba(137, 137, 145, 0.15)";
1024
1025
  export const colorDarkSpecialbgComponentTint7 = "rgba(255, 255, 255, 0.163)";
1025
1026
  export const colorDarkSpecialbgComponentTint10 = "rgba(255, 255, 255, 0.19)";
1026
1027
  export const colorDarkSpecialbgComponentTint15 = "rgba(255, 255, 255, 0.235)";
@@ -1040,6 +1041,7 @@ export const colorDarkSpecialbgTertiaryTransparentTint7 = "rgba(224, 224, 241, 0
1040
1041
  export const colorDarkSpecialbgTertiaryTransparentTint15 = "rgba(227, 227, 242, 0.252)";
1041
1042
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade15 = "rgba(26, 37, 58, 0.218)";
1042
1043
  export const colorDarkSpecialbgTertiaryTransparentInvertedShade20 = "rgba(24, 34, 54, 0.264)";
1044
+ export const colorDarkStatusInfoAlpha15 = "rgba(49, 147, 252, 0.15)";
1043
1045
  export const colorDarkTextLinkShade30 = "rgb(52, 110, 176)";
1044
1046
  export const colorDarkTextLinkShade50 = "rgb(37, 79, 126)";
1045
1047
  export const colorDarkTextLinkTint20 = "rgb(110, 177, 253)";
@@ -1181,6 +1183,7 @@ export const colorLightGraphicTertiaryShade15 = "rgb(156, 157, 163)";
1181
1183
  export const colorLightGraphicTertiaryInvertedAlpha30 = "rgba(73, 73, 79, 0.3)";
1182
1184
  export const colorLightGraphicTertiaryInvertedTint15 = "rgb(100, 100, 105)";
1183
1185
  export const colorLightGraphicTertiaryInvertedTint20 = "rgb(109, 109, 114)";
1186
+ export const colorLightNeutral700Alpha15 = "rgba(137, 137, 145, 0.15)";
1184
1187
  export const colorLightSpecialbgComponentShade7 = "rgba(10, 29, 49, 0.1351)";
1185
1188
  export const colorLightSpecialbgComponentShade10 = "rgba(10, 28, 48, 0.163)";
1186
1189
  export const colorLightSpecialbgComponentShade15 = "rgba(9, 26, 45, 0.2095)";
@@ -1200,6 +1203,7 @@ export const colorLightSpecialbgTertiaryTransparentShade7 = "rgba(28, 40, 63, 0.
1200
1203
  export const colorLightSpecialbgTertiaryTransparentShade15 = "rgba(26, 37, 58, 0.218)";
1201
1204
  export const colorLightSpecialbgTertiaryTransparentInvertedTint15 = "rgba(227, 227, 242, 0.252)";
1202
1205
  export const colorLightSpecialbgTertiaryTransparentInvertedTint20 = "rgba(229, 229, 243, 0.296)";
1206
+ export const colorLightStatusInfoAlpha15 = "rgba(34, 136, 250, 0.15)";
1203
1207
  export const colorLightTextLinkTint30 = "rgb(106, 160, 244)";
1204
1208
  export const colorLightTextLinkTint50 = "rgb(149, 187, 247)";
1205
1209
  export const colorLightTextLinkShade20 = "rgb(34, 95, 191)";
package/mixins.css CHANGED
@@ -83,3 +83,20 @@
83
83
  }
84
84
  }
85
85
  }
86
+
87
+ @define-mixin button-reset {
88
+ box-sizing: border-box;
89
+ background-color: transparent;
90
+ -webkit-tap-highlight-color: transparent;
91
+ outline: none;
92
+ border: 0;
93
+ margin: 0;
94
+ box-shadow: none;
95
+ border-radius: 0;
96
+ user-select: none;
97
+ vertical-align: middle;
98
+ appearance: none;
99
+ text-decoration: none;
100
+ min-width: 0;
101
+ cursor: pointer;
102
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-vars",
3
- "version": "9.7.0",
3
+ "version": "9.8.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
package/src/colors-bluetint.css CHANGED
@@ -953,6 +953,7 @@
953
953
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(184, 185, 192, 0.3);
954
954
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(156, 157, 163);
955
955
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(147, 148, 154);
956
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
956
957
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.163);
957
958
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.19);
958
959
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.235);
@@ -972,6 +973,7 @@
972
973
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(227, 227, 242, 0.252);
973
974
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(26, 37, 58, 0.218);
974
975
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(24, 34, 54, 0.264);
976
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
975
977
  --color-dark-text-link-shade-30: rgb(52, 110, 176);
976
978
  --color-dark-text-link-shade-50: rgb(37, 79, 126);
977
979
  --color-dark-text-link-tint-20: rgb(110, 177, 253);
@@ -1113,6 +1115,7 @@
1113
1115
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(73, 73, 79, 0.3);
1114
1116
  --color-light-graphic-tertiary-inverted-tint-15: rgb(100, 100, 105);
1115
1117
  --color-light-graphic-tertiary-inverted-tint-20: rgb(109, 109, 114);
1118
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1116
1119
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1117
1120
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1118
1121
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1132,6 +1135,7 @@
1132
1135
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(26, 37, 58, 0.218);
1133
1136
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(227, 227, 242, 0.252);
1134
1137
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(229, 229, 243, 0.296);
1138
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1135
1139
  --color-light-text-link-tint-30: rgb(106, 160, 244);
1136
1140
  --color-light-text-link-tint-50: rgb(149, 187, 247);
1137
1141
  --color-light-text-link-shade-20: rgb(34, 95, 191);
package/src/colors-indigo.css CHANGED
@@ -951,6 +951,7 @@
951
951
  --color-dark-graphic-tertiary-inverted-alpha-30: rgba(182, 188, 195, 0.3);
952
952
  --color-dark-graphic-tertiary-inverted-shade-15: rgb(155, 160, 166);
953
953
  --color-dark-graphic-tertiary-inverted-shade-20: rgb(146, 150, 156);
954
+ --color-dark-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
954
955
  --color-dark-specialbg-component-tint-7: rgba(255, 255, 255, 0.2095);
955
956
  --color-dark-specialbg-component-tint-10: rgba(255, 255, 255, 0.235);
956
957
  --color-dark-specialbg-component-tint-15: rgba(255, 255, 255, 0.2775);
@@ -970,6 +971,7 @@
970
971
  --color-dark-specialbg-tertiary-transparent-tint-15: rgba(255, 255, 255, 0.32);
971
972
  --color-dark-specialbg-tertiary-transparent-inverted-shade-15: rgba(9, 26, 45, 0.235);
972
973
  --color-dark-specialbg-tertiary-transparent-inverted-shade-20: rgba(9, 25, 42, 0.28);
974
+ --color-dark-status-info-alpha-15: rgba(49, 147, 252, 0.15);
973
975
  --color-dark-text-link-shade-30: rgb(0, 85, 179);
974
976
  --color-dark-text-link-shade-50: rgb(0, 61, 128);
975
977
  --color-dark-text-link-tint-20: rgb(51, 149, 255);
@@ -1111,6 +1113,7 @@
1111
1113
  --color-light-graphic-tertiary-inverted-alpha-30: rgba(109, 121, 134, 0.3);
1112
1114
  --color-light-graphic-tertiary-inverted-tint-15: rgb(131, 141, 152);
1113
1115
  --color-light-graphic-tertiary-inverted-tint-20: rgb(138, 148, 158);
1116
+ --color-light-neutral-700-alpha-15: rgba(137, 137, 145, 0.15);
1114
1117
  --color-light-specialbg-component-shade-7: rgba(10, 29, 49, 0.1351);
1115
1118
  --color-light-specialbg-component-shade-10: rgba(10, 28, 48, 0.163);
1116
1119
  --color-light-specialbg-component-shade-15: rgba(9, 26, 45, 0.2095);
@@ -1130,6 +1133,7 @@
1130
1133
  --color-light-specialbg-tertiary-transparent-shade-15: rgba(9, 26, 45, 0.235);
1131
1134
  --color-light-specialbg-tertiary-transparent-inverted-tint-15: rgba(255, 255, 255, 0.32);
1132
1135
  --color-light-specialbg-tertiary-transparent-inverted-tint-20: rgba(255, 255, 255, 0.36);
1136
+ --color-light-status-info-alpha-15: rgba(34, 136, 250, 0.15);
1133
1137
  --color-light-text-link-tint-30: rgb(77, 162, 255);
1134
1138
  --color-light-text-link-tint-50: rgb(128, 189, 255);
1135
1139
  --color-light-text-link-shade-20: rgb(0, 98, 204);
package/src/colors-pfm.css CHANGED
@@ -1,68 +1,62 @@
1
1
  :root {
2
- --color-static-pfm-custom-blue: #5ea5fb;
3
- --color-static-pfm-custom-cyan: #0eafdc;
4
- --color-static-pfm-custom-indigo: #909af4;
5
- --color-static-pfm-custom-jungle: #22b888;
6
- --color-static-pfm-custom-magenta: #f979a4;
7
- --color-static-pfm-custom-orange: #fda134;
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
8
  --color-static-pfm-custom-pistachio: #84b219;
9
- --color-static-pfm-custom-purple: #b091ee;
10
- --color-static-pfm-custom-red: #ff6441;
11
- --color-static-pfm-custom-yellow: #f6d400;
12
- --color-static-pfm-system-alcohol: #fda134;
13
- --color-static-pfm-system-animals: #618805;
14
- --color-static-pfm-system-auto: #01a374;
15
- --color-static-pfm-system-beauty: #fb9ab6;
16
- --color-static-pfm-system-benefits: #dc58c9;
17
- --color-static-pfm-system-bonus: #6f6bdf;
18
- --color-static-pfm-system-books: #c4abf5;
19
- --color-static-pfm-system-business: #0098c2;
20
- --color-static-pfm-system-business-trip-payment: #4ec1eb;
21
- --color-static-pfm-system-c2c-transfer: #3776e3;
22
- --color-static-pfm-system-cafe-restaurants: #739f0c;
23
- --color-static-pfm-system-cash-deposit: #5fcc72;
24
- --color-static-pfm-system-cash-withdrawal: #6f6bdf;
25
- --color-static-pfm-system-cashback: #fd5633;
26
- --color-static-pfm-system-charity: #dc58c9;
27
- --color-static-pfm-system-clothes-shoes: #049e99;
28
- --color-static-pfm-system-construction-repair: #088783;
29
- --color-static-pfm-system-credit: #fd5633;
30
- --color-static-pfm-system-digital-goods: #4ec1eb;
31
- --color-static-pfm-system-dont-remember: #d73b78;
32
- --color-static-pfm-system-education: #098d62;
33
- --color-static-pfm-system-electronics: #049e99;
34
- --color-static-pfm-system-entertainments: #8e60d6;
35
- --color-static-pfm-system-expenses-return-payment: #739f0c;
36
- --color-static-pfm-system-family: #f399e3;
37
- --color-static-pfm-system-fastfood: #9f79e5;
38
- --color-static-pfm-system-fines-taxes: #7d83ee;
39
- --color-static-pfm-system-flowers: #f6d400;
40
- --color-static-pfm-system-fuel-station: #ee8515;
41
- --color-static-pfm-system-health: #48c9c5;
42
- --color-static-pfm-system-hobby: #ed558e;
43
- --color-static-pfm-system-home-repair: #47cc9b;
44
- --color-static-pfm-system-internet-tv: #0eafdc;
45
- --color-static-pfm-system-investment: #9f79e5;
46
- --color-static-pfm-system-jewelry: #fb9ab6;
47
- --color-static-pfm-system-mortgage: #ff7958;
48
- --color-static-pfm-system-other: #9fa0a8;
49
- --color-static-pfm-system-other-expenses: #a8b2f8;
50
- --color-static-pfm-system-other-income: #97c537;
51
- --color-static-pfm-system-privileges: #5f5f66;
52
- --color-static-pfm-system-public-transport: #3776e3;
53
- --color-static-pfm-system-refill: #31ba52;
54
- --color-static-pfm-system-rent-auto: #01a374;
55
- --color-static-pfm-system-safe-box: #01a374;
56
- --color-static-pfm-system-salary: #14a741;
57
- --color-static-pfm-system-sport-goods: #c4abf5;
58
- --color-static-pfm-system-supermarkets: #97c537;
59
- --color-static-pfm-system-taxi: #f6d400;
60
- --color-static-pfm-system-tobacco: #fb9517;
61
- --color-static-pfm-system-transactions: #5ea5fb;
62
- --color-static-pfm-system-transfers: #5ea5fb;
63
- --color-static-pfm-system-transport: #3776e3;
64
- --color-static-pfm-system-travel: #f6d400;
65
- --color-static-pfm-system-user-other-expenses: #a8b2f8;
66
- --color-static-pfm-system-utilities: #83b8f9;
67
- --color-static-pfm-system-vacation-payment: #f6d400;
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;
68
62
  }
package/src/mixins.css CHANGED
@@ -83,3 +83,20 @@
83
83
  }
84
84
  }
85
85
  }
86
+
87
+ @define-mixin button-reset {
88
+ box-sizing: border-box;
89
+ background-color: transparent;
90
+ -webkit-tap-highlight-color: transparent;
91
+ outline: none;
92
+ border: 0;
93
+ margin: 0;
94
+ box-shadow: none;
95
+ border-radius: 0;
96
+ user-select: none;
97
+ vertical-align: middle;
98
+ appearance: none;
99
+ text-decoration: none;
100
+ min-width: 0;
101
+ cursor: pointer;
102
+ }