@alfalab/core-components-vars 9.15.0 → 9.16.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 (69) hide show
  1. package/colors-bluetint.css +103 -85
  2. package/colors-bluetint.module.d.ts +103 -85
  3. package/colors-bluetint.module.js +103 -85
  4. package/colors-indigo.css +26 -8
  5. package/colors-indigo.module.d.ts +26 -8
  6. package/colors-indigo.module.js +26 -8
  7. package/colors-monochrome.css +192 -0
  8. package/colors-x5.css +1 -0
  9. package/colors-x5.module.d.ts +1 -0
  10. package/colors-x5.module.js +1 -0
  11. package/cssm/bundle/click.css +103 -85
  12. package/cssm/bundle/corp.css +103 -85
  13. package/cssm/bundle/intranet.css +103 -85
  14. package/cssm/bundle/mobile.css +103 -85
  15. package/cssm/bundle/site.css +103 -85
  16. package/cssm/colors-bluetint.css +103 -85
  17. package/cssm/colors-bluetint.module.d.ts +103 -85
  18. package/cssm/colors-bluetint.module.js +103 -85
  19. package/cssm/colors-indigo.css +26 -8
  20. package/cssm/colors-indigo.module.d.ts +26 -8
  21. package/cssm/colors-indigo.module.js +26 -8
  22. package/cssm/colors-monochrome.css +192 -0
  23. package/cssm/colors-x5.css +1 -0
  24. package/cssm/colors-x5.module.d.ts +1 -0
  25. package/cssm/colors-x5.module.js +1 -0
  26. package/cssm/index.css +103 -85
  27. package/cssm/index.d.ts +103 -85
  28. package/cssm/index.js +103 -85
  29. package/esm/colors-bluetint.module.d.ts +103 -85
  30. package/esm/colors-bluetint.module.js +103 -85
  31. package/esm/colors-indigo.module.d.ts +26 -8
  32. package/esm/colors-indigo.module.js +26 -8
  33. package/esm/colors-x5.module.d.ts +1 -0
  34. package/esm/colors-x5.module.js +1 -0
  35. package/esm/index.d.ts +103 -85
  36. package/esm/index.js +103 -85
  37. package/index.d.ts +103 -85
  38. package/index.js +103 -85
  39. package/modern/colors-bluetint.module.d.ts +103 -85
  40. package/modern/colors-bluetint.module.js +103 -85
  41. package/modern/colors-indigo.module.d.ts +26 -8
  42. package/modern/colors-indigo.module.js +26 -8
  43. package/modern/colors-x5.module.d.ts +1 -0
  44. package/modern/colors-x5.module.js +1 -0
  45. package/modern/index.d.ts +103 -85
  46. package/modern/index.js +103 -85
  47. package/moderncssm/bundle/click.css +103 -85
  48. package/moderncssm/bundle/corp.css +103 -85
  49. package/moderncssm/bundle/intranet.css +103 -85
  50. package/moderncssm/bundle/mobile.css +103 -85
  51. package/moderncssm/bundle/site.css +103 -85
  52. package/moderncssm/colors-bluetint.css +103 -85
  53. package/moderncssm/colors-bluetint.module.d.ts +103 -85
  54. package/moderncssm/colors-bluetint.module.js +103 -85
  55. package/moderncssm/colors-indigo.css +26 -8
  56. package/moderncssm/colors-indigo.module.d.ts +26 -8
  57. package/moderncssm/colors-indigo.module.js +26 -8
  58. package/moderncssm/colors-monochrome.css +192 -0
  59. package/moderncssm/colors-x5.css +1 -0
  60. package/moderncssm/colors-x5.module.d.ts +1 -0
  61. package/moderncssm/colors-x5.module.js +1 -0
  62. package/moderncssm/index.css +103 -85
  63. package/moderncssm/index.d.ts +103 -85
  64. package/moderncssm/index.js +103 -85
  65. package/package.json +1 -1
  66. package/src/colors-bluetint.css +103 -85
  67. package/src/colors-indigo.css +26 -8
  68. package/src/colors-monochrome.css +192 -0
  69. package/src/colors-x5.css +1 -0
package/moderncssm/colors-monochrome.css ADDED
@@ -0,0 +1,192 @@
1
+ :root {
2
+ --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);
3
+ --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);
4
+ --color-static-monochrome-black-6: rgba(0, 0, 0, 0.06);
5
+ --color-static-monochrome-black-8: rgba(0, 0, 0, 0.08);
6
+ --color-static-monochrome-black-10: rgba(0, 0, 0, 0.1);
7
+ --color-static-monochrome-black-12: rgba(0, 0, 0, 0.12);
8
+ --color-static-monochrome-black-16: rgba(0, 0, 0, 0.16);
9
+ --color-static-monochrome-black-20: rgba(0, 0, 0, 0.2);
10
+ --color-static-monochrome-black-24: rgba(0, 0, 0, 0.24);
11
+ --color-static-monochrome-black-32: rgba(0, 0, 0, 0.32);
12
+ --color-static-monochrome-black-40: rgba(0, 0, 0, 0.4);
13
+ --color-static-monochrome-black-44: rgba(0, 0, 0, 0.44);
14
+ --color-static-monochrome-black-48: rgba(0, 0, 0, 0.48);
15
+ --color-static-monochrome-black-56: rgba(0, 0, 0, 0.56);
16
+ --color-static-monochrome-black-64: rgba(0, 0, 0, 0.64);
17
+ --color-static-monochrome-black-72: rgba(0, 0, 0, 0.72);
18
+ --color-static-monochrome-black-80: rgba(0, 0, 0, 0.8);
19
+ --color-static-monochrome-black-88: rgba(0, 0, 0, 0.88);
20
+ --color-static-monochrome-black-100: #000;
21
+ --color-static-monochrome-white-2: rgba(255, 255, 255, 0.02);
22
+ --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
23
+ --color-static-monochrome-white-6: rgba(255, 255, 255, 0.06);
24
+ --color-static-monochrome-white-8: rgba(255, 255, 255, 0.08);
25
+ --color-static-monochrome-white-10: rgba(255, 255, 255, 0.1);
26
+ --color-static-monochrome-white-12: rgba(255, 255, 255, 0.12);
27
+ --color-static-monochrome-white-16: rgba(255, 255, 255, 0.16);
28
+ --color-static-monochrome-white-20: rgba(255, 255, 255, 0.2);
29
+ --color-static-monochrome-white-24: rgba(255, 255, 255, 0.24);
30
+ --color-static-monochrome-white-32: rgba(255, 255, 255, 0.32);
31
+ --color-static-monochrome-white-40: rgba(255, 255, 255, 0.4);
32
+ --color-static-monochrome-white-44: rgba(255, 255, 255, 0.44);
33
+ --color-static-monochrome-white-48: rgba(255, 255, 255, 0.48);
34
+ --color-static-monochrome-white-56: rgba(255, 255, 255, 0.56);
35
+ --color-static-monochrome-white-64: rgba(255, 255, 255, 0.64);
36
+ --color-static-monochrome-white-72: rgba(255, 255, 255, 0.72);
37
+ --color-static-monochrome-white-80: rgba(255, 255, 255, 0.8);
38
+ --color-static-monochrome-white-88: rgba(255, 255, 255, 0.88);
39
+ --color-static-monochrome-white-100: #fff;
40
+ --color-light-monochrome-black-2: rgba(0, 0, 0, 0.02);
41
+ --color-light-monochrome-black-2-inverted: rgba(255, 255, 255, 0.02);
42
+ --color-light-monochrome-black-4: rgba(0, 0, 0, 0.04);
43
+ --color-light-monochrome-black-4-inverted: rgba(255, 255, 255, 0.04);
44
+ --color-light-monochrome-black-6: rgba(0, 0, 0, 0.06);
45
+ --color-light-monochrome-black-6-inverted: rgba(255, 255, 255, 0.06);
46
+ --color-light-monochrome-black-8: rgba(0, 0, 0, 0.08);
47
+ --color-light-monochrome-black-8-inverted: rgba(255, 255, 255, 0.08);
48
+ --color-light-monochrome-black-10: rgba(0, 0, 0, 0.1);
49
+ --color-light-monochrome-black-10-inverted: rgba(255, 255, 255, 0.1);
50
+ --color-light-monochrome-black-12: rgba(0, 0, 0, 0.12);
51
+ --color-light-monochrome-black-12-inverted: rgba(255, 255, 255, 0.12);
52
+ --color-light-monochrome-black-16: rgba(0, 0, 0, 0.16);
53
+ --color-light-monochrome-black-16-inverted: rgba(255, 255, 255, 0.16);
54
+ --color-light-monochrome-black-20: rgba(0, 0, 0, 0.2);
55
+ --color-light-monochrome-black-20-inverted: rgba(255, 255, 255, 0.2);
56
+ --color-light-monochrome-black-24: rgba(0, 0, 0, 0.24);
57
+ --color-light-monochrome-black-24-inverted: rgba(255, 255, 255, 0.24);
58
+ --color-light-monochrome-black-32: rgba(0, 0, 0, 0.32);
59
+ --color-light-monochrome-black-32-inverted: rgba(255, 255, 255, 0.32);
60
+ --color-light-monochrome-black-40: rgba(0, 0, 0, 0.4);
61
+ --color-light-monochrome-black-40-inverted: rgba(255, 255, 255, 0.4);
62
+ --color-light-monochrome-black-44: rgba(0, 0, 0, 0.44);
63
+ --color-light-monochrome-black-44-inverted: rgba(255, 255, 255, 0.44);
64
+ --color-light-monochrome-black-48: rgba(0, 0, 0, 0.48);
65
+ --color-light-monochrome-black-48-inverted: rgba(255, 255, 255, 0.48);
66
+ --color-light-monochrome-black-56: rgba(0, 0, 0, 0.56);
67
+ --color-light-monochrome-black-56-inverted: rgba(255, 255, 255, 0.56);
68
+ --color-light-monochrome-black-64: rgba(0, 0, 0, 0.64);
69
+ --color-light-monochrome-black-64-inverted: rgba(255, 255, 255, 0.64);
70
+ --color-light-monochrome-black-72: rgba(0, 0, 0, 0.72);
71
+ --color-light-monochrome-black-72-inverted: rgba(255, 255, 255, 0.72);
72
+ --color-light-monochrome-black-80: rgba(0, 0, 0, 0.8);
73
+ --color-light-monochrome-black-80-inverted: rgba(255, 255, 255, 0.8);
74
+ --color-light-monochrome-black-88: rgba(0, 0, 0, 0.88);
75
+ --color-light-monochrome-black-88-inverted: rgba(255, 255, 255, 0.88);
76
+ --color-light-monochrome-black-100: #000;
77
+ --color-light-monochrome-black-100-inverted: #fff;
78
+ --color-light-monochrome-white-2: rgba(255, 255, 255, 0.02);
79
+ --color-light-monochrome-white-2-inverted: rgba(0, 0, 0, 0.02);
80
+ --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
81
+ --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);
82
+ --color-light-monochrome-white-6: rgba(255, 255, 255, 0.06);
83
+ --color-light-monochrome-white-6-inverted: rgba(0, 0, 0, 0.06);
84
+ --color-light-monochrome-white-8: rgba(255, 255, 255, 0.08);
85
+ --color-light-monochrome-white-8-inverted: rgba(0, 0, 0, 0.08);
86
+ --color-light-monochrome-white-10: rgba(255, 255, 255, 0.1);
87
+ --color-light-monochrome-white-10-inverted: rgba(0, 0, 0, 0.1);
88
+ --color-light-monochrome-white-12: rgba(255, 255, 255, 0.12);
89
+ --color-light-monochrome-white-12-inverted: rgba(0, 0, 0, 0.12);
90
+ --color-light-monochrome-white-16: rgba(255, 255, 255, 0.16);
91
+ --color-light-monochrome-white-16-inverted: rgba(0, 0, 0, 0.16);
92
+ --color-light-monochrome-white-20: rgba(255, 255, 255, 0.2);
93
+ --color-light-monochrome-white-20-inverted: rgba(0, 0, 0, 0.2);
94
+ --color-light-monochrome-white-24: rgba(255, 255, 255, 0.24);
95
+ --color-light-monochrome-white-24-inverted: rgba(0, 0, 0, 0.24);
96
+ --color-light-monochrome-white-32: rgba(255, 255, 255, 0.32);
97
+ --color-light-monochrome-white-32-inverted: rgba(0, 0, 0, 0.32);
98
+ --color-light-monochrome-white-40: rgba(255, 255, 255, 0.4);
99
+ --color-light-monochrome-white-40-inverted: rgba(0, 0, 0, 0.4);
100
+ --color-light-monochrome-white-44: rgba(255, 255, 255, 0.44);
101
+ --color-light-monochrome-white-44-inverted: rgba(0, 0, 0, 0.44);
102
+ --color-light-monochrome-white-48: rgba(255, 255, 255, 0.48);
103
+ --color-light-monochrome-white-48-inverted: rgba(0, 0, 0, 0.48);
104
+ --color-light-monochrome-white-56: rgba(255, 255, 255, 0.56);
105
+ --color-light-monochrome-white-56-inverted: rgba(0, 0, 0, 0.56);
106
+ --color-light-monochrome-white-64: rgba(255, 255, 255, 0.64);
107
+ --color-light-monochrome-white-64-inverted: rgba(0, 0, 0, 0.64);
108
+ --color-light-monochrome-white-72: rgba(255, 255, 255, 0.72);
109
+ --color-light-monochrome-white-72-inverted: rgba(0, 0, 0, 0.72);
110
+ --color-light-monochrome-white-80: rgba(255, 255, 255, 0.8);
111
+ --color-light-monochrome-white-80-inverted: rgba(0, 0, 0, 0.8);
112
+ --color-light-monochrome-white-88: rgba(255, 255, 255, 0.88);
113
+ --color-light-monochrome-white-88-inverted: rgba(0, 0, 0, 0.88);
114
+ --color-light-monochrome-white-100: #fff;
115
+ --color-light-monochrome-white-100-inverted: #000;
116
+ --color-dark-monochrome-black-2: rgba(255, 255, 255, 0.02);
117
+ --color-dark-monochrome-black-2-inverted: rgba(0, 0, 0, 0.02);
118
+ --color-dark-monochrome-black-4: rgba(255, 255, 255, 0.04);
119
+ --color-dark-monochrome-black-4-inverted: rgba(0, 0, 0, 0.04);
120
+ --color-dark-monochrome-black-6: rgba(255, 255, 255, 0.06);
121
+ --color-dark-monochrome-black-6-inverted: rgba(0, 0, 0, 0.06);
122
+ --color-dark-monochrome-black-8: rgba(255, 255, 255, 0.08);
123
+ --color-dark-monochrome-black-8-inverted: rgba(0, 0, 0, 0.08);
124
+ --color-dark-monochrome-black-10: rgba(255, 255, 255, 0.1);
125
+ --color-dark-monochrome-black-10-inverted: rgba(0, 0, 0, 0.1);
126
+ --color-dark-monochrome-black-12: rgba(255, 255, 255, 0.12);
127
+ --color-dark-monochrome-black-12-inverted: rgba(0, 0, 0, 0.12);
128
+ --color-dark-monochrome-black-16: rgba(255, 255, 255, 0.16);
129
+ --color-dark-monochrome-black-16-inverted: rgba(0, 0, 0, 0.16);
130
+ --color-dark-monochrome-black-20: rgba(255, 255, 255, 0.2);
131
+ --color-dark-monochrome-black-20-inverted: rgba(0, 0, 0, 0.2);
132
+ --color-dark-monochrome-black-24: rgba(255, 255, 255, 0.24);
133
+ --color-dark-monochrome-black-24-inverted: rgba(0, 0, 0, 0.24);
134
+ --color-dark-monochrome-black-32: rgba(255, 255, 255, 0.32);
135
+ --color-dark-monochrome-black-32-inverted: rgba(0, 0, 0, 0.32);
136
+ --color-dark-monochrome-black-40: rgba(255, 255, 255, 0.4);
137
+ --color-dark-monochrome-black-40-inverted: rgba(0, 0, 0, 0.4);
138
+ --color-dark-monochrome-black-44: rgba(255, 255, 255, 0.44);
139
+ --color-dark-monochrome-black-44-inverted: rgba(0, 0, 0, 0.44);
140
+ --color-dark-monochrome-black-48: rgba(255, 255, 255, 0.48);
141
+ --color-dark-monochrome-black-48-inverted: rgba(0, 0, 0, 0.48);
142
+ --color-dark-monochrome-black-56: rgba(255, 255, 255, 0.56);
143
+ --color-dark-monochrome-black-56-inverted: rgba(0, 0, 0, 0.56);
144
+ --color-dark-monochrome-black-64: rgba(255, 255, 255, 0.64);
145
+ --color-dark-monochrome-black-64-inverted: rgba(0, 0, 0, 0.64);
146
+ --color-dark-monochrome-black-72: rgba(255, 255, 255, 0.72);
147
+ --color-dark-monochrome-black-72-inverted: rgba(0, 0, 0, 0.72);
148
+ --color-dark-monochrome-black-80: rgba(255, 255, 255, 0.8);
149
+ --color-dark-monochrome-black-80-inverted: rgba(0, 0, 0, 0.8);
150
+ --color-dark-monochrome-black-88: rgba(255, 255, 255, 0.88);
151
+ --color-dark-monochrome-black-88-inverted: rgba(0, 0, 0, 0.88);
152
+ --color-dark-monochrome-black-100: #fff;
153
+ --color-dark-monochrome-black-100-inverted: #000;
154
+ --color-dark-monochrome-white-2: rgba(0, 0, 0, 0.02);
155
+ --color-dark-monochrome-white-2-inverted: rgba(255, 255, 255, 0.02);
156
+ --color-dark-monochrome-white-4: rgba(0, 0, 0, 0.04);
157
+ --color-dark-monochrome-white-4-inverted: rgba(255, 255, 255, 0.04);
158
+ --color-dark-monochrome-white-6: rgba(0, 0, 0, 0.06);
159
+ --color-dark-monochrome-white-6-inverted: rgba(255, 255, 255, 0.06);
160
+ --color-dark-monochrome-white-8: rgba(0, 0, 0, 0.08);
161
+ --color-dark-monochrome-white-8-inverted: rgba(255, 255, 255, 0.08);
162
+ --color-dark-monochrome-white-10: rgba(0, 0, 0, 0.1);
163
+ --color-dark-monochrome-white-10-inverted: rgba(255, 255, 255, 0.1);
164
+ --color-dark-monochrome-white-12: rgba(0, 0, 0, 0.12);
165
+ --color-dark-monochrome-white-12-inverted: rgba(255, 255, 255, 0.12);
166
+ --color-dark-monochrome-white-16: rgba(0, 0, 0, 0.16);
167
+ --color-dark-monochrome-white-16-inverted: rgba(255, 255, 255, 0.16);
168
+ --color-dark-monochrome-white-20: rgba(0, 0, 0, 0.2);
169
+ --color-dark-monochrome-white-20-inverted: rgba(255, 255, 255, 0.2);
170
+ --color-dark-monochrome-white-24: rgba(0, 0, 0, 0.24);
171
+ --color-dark-monochrome-white-24-inverted: rgba(255, 255, 255, 0.24);
172
+ --color-dark-monochrome-white-32: rgba(0, 0, 0, 0.32);
173
+ --color-dark-monochrome-white-32-inverted: rgba(255, 255, 255, 0.32);
174
+ --color-dark-monochrome-white-40: rgba(0, 0, 0, 0.4);
175
+ --color-dark-monochrome-white-40-inverted: rgba(255, 255, 255, 0.4);
176
+ --color-dark-monochrome-white-44: rgba(0, 0, 0, 0.44);
177
+ --color-dark-monochrome-white-44-inverted: rgba(255, 255, 255, 0.44);
178
+ --color-dark-monochrome-white-48: rgba(0, 0, 0, 0.48);
179
+ --color-dark-monochrome-white-48-inverted: rgba(255, 255, 255, 0.48);
180
+ --color-dark-monochrome-white-56: rgba(0, 0, 0, 0.56);
181
+ --color-dark-monochrome-white-56-inverted: rgba(255, 255, 255, 0.56);
182
+ --color-dark-monochrome-white-64: rgba(0, 0, 0, 0.64);
183
+ --color-dark-monochrome-white-64-inverted: rgba(255, 255, 255, 0.64);
184
+ --color-dark-monochrome-white-72: rgba(0, 0, 0, 0.72);
185
+ --color-dark-monochrome-white-72-inverted: rgba(255, 255, 255, 0.72);
186
+ --color-dark-monochrome-white-80: rgba(0, 0, 0, 0.8);
187
+ --color-dark-monochrome-white-80-inverted: rgba(255, 255, 255, 0.8);
188
+ --color-dark-monochrome-white-88: rgba(0, 0, 0, 0.88);
189
+ --color-dark-monochrome-white-88-inverted: rgba(255, 255, 255, 0.88);
190
+ --color-dark-monochrome-white-100: #000;
191
+ --color-dark-monochrome-white-100-inverted: #fff;
192
+ }
package/moderncssm/colors-x5.css CHANGED
@@ -1,4 +1,5 @@
1
1
  :root {
2
2
  --color-static-brand-primary: #5faf2d;
3
3
  --color-static-brand-secondary: #00afff;
4
+ --color-static-brand-orange: #f76100;
4
5
  }
package/moderncssm/colors-x5.module.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export const colorStaticBrandPrimary: "#5faf2d";
2
2
  export const colorStaticBrandSecondary: "#00afff";
3
+ export const colorStaticBrandOrange: "#f76100";
package/moderncssm/colors-x5.module.js CHANGED
@@ -1,2 +1,3 @@
1
1
  module.exports.colorStaticBrandPrimary = "#5faf2d";
2
2
  module.exports.colorStaticBrandSecondary = "#00afff";
3
+ module.exports.colorStaticBrandOrange = "#f76100";
package/moderncssm/index.css CHANGED
@@ -117,6 +117,12 @@
117
117
  --color-dark-neutral-100-inverted-hover: #e7e8eb;
118
118
  --color-dark-neutral-100-inverted-press: #dcdde1;
119
119
  --color-dark-neutral-100-press: #29292c;
120
+ --color-dark-neutral-1300: #f2f3f5;
121
+ --color-dark-neutral-1300-hover: #d2d3d9;
122
+ --color-dark-neutral-1300-inverted: #212124;
123
+ --color-dark-neutral-1300-inverted-hover: #3f3f45;
124
+ --color-dark-neutral-1300-inverted-press: #5f5f66;
125
+ --color-dark-neutral-1300-press: #babbc2;
120
126
  --color-dark-neutral-1500: #fff;
121
127
  --color-dark-neutral-1500-hover: #babbc2;
122
128
  --color-dark-neutral-1500-inverted: #121213;
@@ -168,8 +174,8 @@
168
174
  --color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
169
175
  --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
170
176
  --color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
171
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
172
- --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
177
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
178
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
173
179
  --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
174
180
  --color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
175
181
  --color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
@@ -375,6 +381,12 @@
375
381
  --color-light-neutral-100-inverted-hover: #212124;
376
382
  --color-light-neutral-100-inverted-press: #29292c;
377
383
  --color-light-neutral-100-press: #dcdde1;
384
+ --color-light-neutral-1300: #212124;
385
+ --color-light-neutral-1300-hover: #3f3f45;
386
+ --color-light-neutral-1300-inverted: #f2f3f5;
387
+ --color-light-neutral-1300-inverted-hover: #d2d3d9;
388
+ --color-light-neutral-1300-inverted-press: #babbc2;
389
+ --color-light-neutral-1300-press: #5f5f66;
378
390
  --color-light-neutral-1500: #121213;
379
391
  --color-light-neutral-1500-hover: #3f3f45;
380
392
  --color-light-neutral-1500-inverted: #fff;
@@ -424,11 +436,11 @@
424
436
  --color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
425
437
  --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
426
438
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
427
- --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
439
+ --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
428
440
  --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
429
441
  --color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
430
442
  --color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
431
- --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
443
+ --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
432
444
  --color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
433
445
  --color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
434
446
  --color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -597,7 +609,7 @@
597
609
  --color-static-accent-secondary-inverted-hover: #dcdde1;
598
610
  --color-static-accent-secondary-inverted-press: #d2d3d9;
599
611
  --color-static-accent-secondary-press: #353539;
600
- --color-static-bg-primary-dark: #0e0e0e;
612
+ --color-static-bg-primary-dark: #121213;
601
613
  --color-static-neutral-0: #fff;
602
614
  --color-static-neutral-0-hover: #e7e8eb;
603
615
  --color-static-neutral-0-inverted: #262629;
@@ -610,6 +622,12 @@
610
622
  --color-static-neutral-100-inverted-hover: #212124;
611
623
  --color-static-neutral-100-inverted-press: #29292c;
612
624
  --color-static-neutral-100-press: #dcdde1;
625
+ --color-static-neutral-1300: #212124;
626
+ --color-static-neutral-1300-hover: #3f3f45;
627
+ --color-static-neutral-1300-inverted: #f2f3f5;
628
+ --color-static-neutral-1300-inverted-hover: #d2d3d9;
629
+ --color-static-neutral-1300-inverted-press: #babbc2;
630
+ --color-static-neutral-1300-press: #5f5f66;
613
631
  --color-static-neutral-1500: #121213;
614
632
  --color-static-neutral-1500-hover: #3f3f45;
615
633
  --color-static-neutral-1500-inverted: #fff;
@@ -659,11 +677,11 @@
659
677
  --color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
660
678
  --color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
661
679
  --color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
662
- --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
680
+ --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
663
681
  --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
664
682
  --color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
665
683
  --color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
666
- --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
684
+ --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
667
685
  --color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
668
686
  --color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
669
687
  --color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -785,7 +803,7 @@
785
803
  --color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
786
804
  --color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
787
805
  --color-dark-bg-positive-muted: #232d25; /* deprecated */
788
- --color-dark-bg-primary: #0e0e0e; /* deprecated */
806
+ --color-dark-bg-primary: #121213; /* deprecated */
789
807
  --color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
790
808
  --color-dark-bg-primary-inverted: #fff; /* deprecated */
791
809
  --color-dark-bg-quaternary: #36363a; /* deprecated */
@@ -814,8 +832,8 @@
814
832
  --color-dark-graphic-negative: #ff5431; /* deprecated */
815
833
  --color-dark-graphic-neutral: #2a2a2c; /* deprecated */
816
834
  --color-dark-graphic-positive: #17d055; /* deprecated */
817
- --color-dark-graphic-primary: #fff; /* deprecated */
818
- --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
835
+ --color-dark-graphic-primary: #f1f1f1; /* deprecated */
836
+ --color-dark-graphic-primary-inverted: #212124; /* deprecated */
819
837
  --color-dark-graphic-quaternary: #27272a; /* deprecated */
820
838
  --color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
821
839
  --color-dark-graphic-secondary: #898991; /* deprecated */
@@ -858,7 +876,7 @@
858
876
  --color-light-bg-positive-muted: #dff8e5; /* deprecated */
859
877
  --color-light-bg-primary: #fff; /* deprecated */
860
878
  --color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
861
- --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
879
+ --color-light-bg-primary-inverted: #121213; /* deprecated */
862
880
  --color-light-bg-quaternary: #dcdee2; /* deprecated */
863
881
  --color-light-bg-quaternary-inverted: #36363a; /* deprecated */
864
882
  --color-light-bg-secondary: #f2f3f5; /* deprecated */
@@ -885,8 +903,8 @@
885
903
  --color-light-graphic-negative: #ff5431; /* deprecated */
886
904
  --color-light-graphic-neutral: #dcdcdd; /* deprecated */
887
905
  --color-light-graphic-positive: #0cc44d; /* deprecated */
888
- --color-light-graphic-primary: #0e0e0e; /* deprecated */
889
- --color-light-graphic-primary-inverted: #fff; /* deprecated */
906
+ --color-light-graphic-primary: #212124; /* deprecated */
907
+ --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */
890
908
  --color-light-graphic-quaternary: #e7e8ec; /* deprecated */
891
909
  --color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
892
910
  --color-light-graphic-secondary: #898991; /* deprecated */
@@ -928,8 +946,8 @@
928
946
  --color-static-bg-tertiary-light: #edeef0; /* deprecated */
929
947
  --color-static-border-accent: #ef3124; /* deprecated */
930
948
  --color-static-graphic-accent: #ef3124; /* deprecated */
931
- --color-static-graphic-dark: #0e0e0e; /* deprecated */
932
- --color-static-graphic-light: #fff; /* deprecated */
949
+ --color-static-graphic-dark: #212124; /* deprecated */
950
+ --color-static-graphic-light: #f1f1f1; /* deprecated */
933
951
  --color-static-text-accent: #ef3124; /* deprecated */
934
952
  --color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
935
953
  --color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
@@ -985,10 +1003,10 @@
985
1003
  --color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
986
1004
  --color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
987
1005
  --color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
988
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
989
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
990
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
991
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
1006
+ --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
1007
+ --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1008
+ --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */
1009
+ --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */
992
1010
  --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
993
1011
  --color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
994
1012
  --color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
@@ -997,18 +1015,18 @@
997
1015
  --color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
998
1016
  --color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
999
1017
  --color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
1000
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1001
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1002
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1003
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1004
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1005
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1006
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1007
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1008
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
1009
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1010
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
1011
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1018
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
1019
+ --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
1020
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
1021
+ --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
1022
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
1023
+ --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1024
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
1025
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
1026
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */
1027
+ --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
1028
+ --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */
1029
+ --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */
1012
1030
  --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
1013
1031
  --color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
1014
1032
  --color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
@@ -1070,23 +1088,23 @@
1070
1088
  --color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
1071
1089
  --color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
1072
1090
  --color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
1073
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1074
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1075
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1076
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1077
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1078
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
1079
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
1080
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
1081
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
1082
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1083
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1084
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1085
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1086
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1087
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
1088
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1089
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
1091
+ --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1092
+ --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1093
+ --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1094
+ --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1095
+ --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */
1096
+ --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */
1097
+ --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */
1098
+ --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */
1099
+ --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */
1100
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1101
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1102
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1103
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1104
+ --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */
1105
+ --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */
1106
+ --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */
1107
+ --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */
1090
1108
  --color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
1091
1109
  --color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1092
1110
  --color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
@@ -1146,24 +1164,24 @@
1146
1164
  --color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1147
1165
  --color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
1148
1166
  --color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
1149
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
1150
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
1151
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
1152
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
1153
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
1154
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
1155
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
1156
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
1157
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
1158
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
1159
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
1160
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1161
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
1162
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1163
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1164
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
1165
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
1166
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
1167
+ --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */
1168
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
1169
+ --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */
1170
+ --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */
1171
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
1172
+ --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
1173
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
1174
+ --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
1175
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
1176
+ --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
1177
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */
1178
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
1179
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
1180
+ --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
1181
+ --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */
1182
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */
1183
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */
1184
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */
1167
1185
  --color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
1168
1186
  --color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
1169
1187
  --color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
@@ -1207,23 +1225,23 @@
1207
1225
  --color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
1208
1226
  --color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
1209
1227
  --color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
1210
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
1211
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
1212
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
1213
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
1214
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
1215
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
1216
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
1217
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
1218
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
1219
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
1220
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
1221
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
1222
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
1223
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
1224
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
1225
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
1226
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
1228
+ --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
1229
+ --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
1230
+ --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
1231
+ --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
1232
+ --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */
1233
+ --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */
1234
+ --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */
1235
+ --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */
1236
+ --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */
1237
+ --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
1238
+ --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
1239
+ --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
1240
+ --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
1241
+ --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */
1242
+ --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */
1243
+ --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */
1244
+ --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */
1227
1245
  --color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
1228
1246
  --color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
1229
1247
  --color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
@@ -1264,8 +1282,8 @@
1264
1282
  --color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
1265
1283
  --color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
1266
1284
  --color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
1267
- --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
1268
- --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
1285
+ --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */
1286
+ --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */
1269
1287
  } :root {
1270
1288
  --color-static-corpbg-neutral: #bdc0c2; /* deprecated */
1271
1289
  --color-static-corpbg-primary: #212a33; /* deprecated */